@extends('admin.main')
@section('title', 'Terms & Condition')
@section('breadcrumb')
    <li class="breadcrumb-item active">Terms & Condition</li>
@endsection
@section('content')


    <div class="col-md-12">
        <!-- About Me Box -->
        <div class="card">
            <div class="card-header">
                <h3 class="card-title">Terms & Condition</h3>
                <div class="card-tools">
                    <a href="#" id="btnEdit" class="btn btn-warning" data-id="{{ Auth::user()->id }}"
                        data-toggle="modal" data-target="#modalEdit" class="btn btn-block"><b>Edit</b></a>
                </div>
            </div>
            <!-- /.card-header -->
            <div class="card-body">
                {!! $data->term_condition !!}
            </div>
            <!-- /.card-body -->
        </div>
        <!-- /.card -->
    </div>
    <!-- /.col -->

    <div class="modal fade" id="modalEdit">
        <div class="modal-dialog modal-xl">
            <div class="modal-content">
                <form action="" class="form-modal-edit" method="post" enctype="multipart/form-data">
                    @csrf
                    <div class="modal-header">
                        <h4 class="modal-title">Form Edit</h4>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                    
                        <div class="form-group">
                            <input type="hidden" name="id" value="{{ $data->id }}">
                            <label>Terms & Condition</label><span style="color: var(--danger);"><b>*</b></span>
                            <textarea id="summernote" class="form-control" name="term_condition">
                              {{ $data->term_condition }}
                            </textarea>
                        </div>

                    </div>
                    <div class="modal-footer justify-content-between">
                        <button type="button" class="btn btn-default btn-sm" data-dismiss="modal">Close</button>
                        <button type="submit" class="btn btn-primary btn-sm">Save changes</button>
                    </div>
                </form>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>
    <!-- /.modal -->

    </script>
    <script>

        $(document).ready(function() {
            

            // Update preview secara langsung
            // $('#summernote').on('summernote.change', function(_, contents) {
            //     $('#preview').html(contents);
            // });
        });

        $(document).ready(function() {

            $('#summernote').summernote({
                height: 500, // Tinggi editor
                tabsize: 2,
                toolbar: [
                    ['style', ['bold', 'italic', 'underline', 'clear']],
                    ['para', ['ul', 'ol', 'paragraph']],
                    ['insert', ['link', 'picture']],
                    ['view', ['help']]
                ]
            });

            $('.form-modal-edit').submit(function(e) {
                e.preventDefault();

                var token = $('input[name=_token]');
                var form = $(this);
                var id = form.find('input[name=id]').val();

                hitApi(
                    '/admin/app-settings/update/' + id,
                    'post', {
                        _token: token.val(),
                        term_condition: form.find('textarea[name=term_condition]').val(),
                    },
                    function(response) {
                        token.val(response.newToken);
                        if (response.isSuccess) {
                            $('#modalEdit').modal('hide');
                            location.reload();
                            Swal.fire({
                                title: "Success!",
                                text: response.message,
                                icon: "success"
                            });

                        } else {
                            Swal.fire({
                                title: "Warning!",
                                text: response.message,
                                icon: "warning"
                            });
                        }
                    }
                );

            });

        });
    </script>

@endsection