@extends('internal.layouts.index')
@section('content')
<style>
    #summernote {
        height: 300px; /* You can change this to whatever height you prefer */
    }
</style>

<div class="row">
    <!-- Left col -->
    <section class="col-lg-12 connectedSortable">
    <!-- Custom tabs (Charts with tabs)-->
    <div class="card">
        <div class="card-header">
        <h3 class="card-title">
            <h2>Call To Action <h2>
        </h3>
        <div class="card-tools">
            <ul class="nav nav-pills ml-auto">
        </div>
        </div><!-- /.card-header -->
        <div class="card-body">
        
        <div class="row">
            <div class="col-md-6">
            <div class="form-group">
                <label for="email">Title</label>
                <input type="text" class="form-control" id="title-calltoaction" value="{{ (isset($result->title)) ? $result->title : '' }}">
            </div>
            </div>
        </div>

        <div class="row">
            <div class="col-md-6">
            <div class="form-group">
                <label for="email">Deskripsi</label>
                 <textarea name="default" id="default"> {{ (isset($result->deskripsi)) ? $result->deskripsi : '' }}</textarea>
            </div>
            </div>
        </div>

        <div class="row">
            <div class="col-md-6">
            <div class="form-group">
                <button class="btn btn-primary" id="submit-calltoaction">Update SEO</button>
            </div>
            </div>
        </div>
        </div><!-- /.card-body -->
    </div>
    </section>
</div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/tinymce/7.3.0/tinymce.min.js"></script>
@endsection


@section('internal.layouts.script')
<script>
    $('#submit-testimoni').click(function(){
        let $post = {};
            $post['nama_testimoni'] = $('#nama_testimoni').val();
            $post['title_testimoni'] = $('#title_testimoni').val();
            $post['testimoni'] = $('#testimoni').val();
            $post['_token'] ="{{ csrf_token() }}";

        $.ajax({
            url : `{{ route('adm.testimoni.store') }}`,
            data : $post,
            type : 'POST',
            success:function(response){
                if(response.status){
                    swal({
                        title: "Good job!",
                        text: "Data Berhasil Ditambahkan",
                        icon: "success",
                        button: "Aww yiss!",
                    });
                    setTimeout(function() {
                        location.reload();  // Reload the page after 2 seconds (2000ms)
                    }, 1000);  // Adjust the delay as needed
                }else{
                    swal({
                        title: "Good job!",
                        text: "You clicked the button!",
                        icon: "error",
                        button: "Aww yiss!",
                    });
                }
            }
        })
    })
    function deleteData($id){
        $.ajax({
            url : `{{ route('adm.testimoni.delete') }}`,
            type : 'POST',
            data : {
                id : $id,
                _token : '{{ csrf_token() }}'
            },
            success : function(data){
                if(data.status){
                    swal({
                        title: "Good job!",
                        text: "Data Berhasil Di Hapus",
                        icon: "success",
                    });
                    setTimeout(function() {
                        location.reload();  // Reload the page after 2 seconds (2000ms)
                    }, 1000);  // Adjust the delay as needed
                }
            }
        })
    };

    $('#btn-deskripsi-summernote').click(function(){
        let content = $('#summernote').summernote('code');
        $.ajax({
            url : `{{ route('adm.testimoni.update') }}`,
            type : 'POST',
            data : {
                id : content,
                _token : '{{ csrf_token() }}'
            },
            success : function(data){
                if(data.status){
                    swal({
                        title: "Good job!",
                        text: "Data Berhasil Diupdate",
                        icon: "success",
                    });
                    setTimeout(function() {
                        location.reload();  // Reload the page after 2 seconds (2000ms)
                    }, 1000);  // Adjust the delay as needed
                }
            }
        })  
    });
    $('#summernote').summernote('height', 400)

    $('#submit-calltoaction').click(function(){
        var content = tinymce.get('default').getContent(); // Get the content from the editor
        let $post = {};
            $post['title'] = $('#title-calltoaction').val();
            $post['deskripsi'] = content;
            $post['_token'] = '{{ csrf_token() }}';

        $.ajax({
            url : `{{ route('adm.calltoaction.update') }}`,
            type : 'POST',
            data : $post,
            success : function(data){
                if(data.status){
                    swal({
                        title: "Good job!",
                        text: "Data Berhasil Diupdate",
                        icon: "success",
                    });
                    setTimeout(function() {
                        location.reload();  // Reload the page after 2 seconds (2000ms)
                    }, 1000);  // Adjust the delay as needed
                }
            }
        })
    });

    tinymce.init({
        selector: "textarea",
        plugins: [
            "advlist", "anchor", "autolink", "charmap", "code", "fullscreen",
            "help", "image", "insertdatetime", "link", "lists", "media",
            "preview", "searchreplace", "table", "visualblocks",
        ],
        force_br_newlines: true,
        force_p_newlines: false,
        forced_root_block: 'p', // Use 'p' or 'div' for block elements, no need for an object
        toolbar: "undo redo | styles | bold italic underline strikethrough | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image",
        content_style: "p { margin: 5px 0; }", // You can apply your margin style here
    });
</script>
@endsection