{{-- Extends layout --}}
@extends(getThemeBasePath())

@section('page_title')
    {{ $page_title }}
@endsection

{{-- Content --}}
@section('content')
    <!--begin::Card-->
    <form class="form" method="post" action="{{ $action }}" id="manage_form" enctype="multipart/form-data">
        @method('PUT')
        @csrf
        <div class="card shadow-sm">
            <!--begin::Card header-->
            <div class="card-header card-header-tabs-line nav-tabs-line-3x">
                <!--begin::Toolbar-->
                <div class="card-toolbar">
                    <ul class="nav nav-tabs nav-line-tabs nav-stretch fs-6 border-0">
                        <!--begin::Item-->
                        <li class="nav-item me-3">
                            <a class="nav-link active" data-bs-toggle="tab" href="#kt_user_edit_tab_1"
                                aria-controls="kt_user_edit_tab_1">
                                <span class="nav-icon">
                                    <i class="fas fa-cog"></i>
                                </span>
                                <span class="nav-text font-size-lg">Settings</span>
                            </a>
                        </li>
                        <!--begin::Item-->
                        <li class="nav-item me-3">
                            <a class="nav-link" data-bs-toggle="tab" href="#kt_user_edit_tab_2"
                                aria-controls="kt_user_edit_tab_2">
                                <span class="nav-icon">
                                    <i class="fas fa-cog"></i>
                                </span>
                                <span class="nav-text font-size-lg">PDF Settings</span>
                            </a>
                        </li>
                        <!--begin::Item-->
                        <li class="nav-item me-3">
                            <a class="nav-link" data-bs-toggle="tab" href="#kt_user_edit_tab_3"
                                aria-controls="kt_user_edit_tab_3">
                                <span class="nav-icon">
                                    <i class="fas fa-file-alt"></i>
                                </span>
                                <span class="nav-text font-size-lg">Description Templates</span>
                            </a>
                        </li>
                    </ul>
                </div>
                <!--end::Toolbar-->
            </div>
            <!--end::Card header-->
            <!--begin::Card body-->
            <div class="card-body">

                <div class="tab-content">
                    <!--begin::Tab-->
                    @include('backend.errors')
                    @include('backend.invoice.settings.tab_1')
                    @include('backend.invoice.settings.tab_2')
                    @include('backend.invoice.settings.tab_3')
                    <!--end::Tab-->
                </div>
            </div>
            <!--begin::Card body-->
            <div class="card-footer text-right">
                <button type="button" class="btn btn-primary me-2 btn-hover-rise" id="submit_btn"
                    onclick="submitForm()">Submit</button>
                <a href="{{ route('invoice_settings.index') }}"><button type="button"
                        class="btn btn-secondary btn-hover-rise">Cancel</button></a>
            </div>
        </div>
        <!--end::Card-->
    </form>
@endsection

{{-- Scripts Section --}}
@section('scripts')
    <script type="text/javascript">
        $(document).ready(function() {
            $('#manage_form').validate();
            $('.kt_select2_11').select2({
                // placeholder: "Add a tag",
                tags: true
            });
        });

        function submitForm() {
            if ($('#manage_form').valid()) {
                $('#manage_form').submit();
            }
        }

        $(document).on('click', '.sync_invoice_master_data', function() {
            var type = $(this).data('type');
            var url = "{{ route('invoice_settings.sync_master_data') }}";
            $.ajax({
                url: url,
                type: 'POST',
                data: {
                    "sync_type": type,
                    "_token": '{{ csrf_token() }}'
                },
                success: function(response) {
                    if (response.status) {
                        Swal.fire({
                            text: response.message,
                            icon: "success",
                            showCancelButton: false
                        });
                    } else {
                        Swal.fire({
                            text: response.message,
                            icon: "error",
                            showCancelButton: false
                        });
                    }
                },
                error: function(xhr, status, error) {
                    Swal.fire({
                        text: error,
                        icon: "error",
                        showCancelButton: false
                    });
                }
            });
        });
    </script>
    <script type="text/javascript">
        $(document).on('click', '.btn-save-cron-schedule', function () {
            var $btn = $(this);
            var cmd  = $btn.data('cmd');

            // Find the parent row that contains this button
            var $row = $btn.closest('.form-group.row');

            var cronStatus  = $row.find('select[name="cron_status[' + cmd + ']"]').val();
            var cronDay     = $row.find('select[name="cron_send_day[' + cmd + ']"]').val();
            var cronTime    = $row.find('select[name="cron_send_time[' + cmd + ']"]').val();

            $btn.prop('disabled', true).html('<i class="fa fa-spinner fa-spin me-1"></i> Saving…');

            $.ajax({
                url: '{{ route("invoice_settings.save_cron_schedule") }}',
                type: 'POST',
                data: {
                    _token:         '{{ csrf_token() }}',
                    cmd:            cmd,
                    cron_status:    cronStatus,
                    cron_send_day:  cronDay,
                    cron_send_time: cronTime,
                },
                success: function (res) {
                    $btn.prop('disabled', false).html('<i class="fa fa-check me-1"></i> Saved!');
                    setTimeout(function () {
                        $btn.html('<i class="fa fa-save me-1"></i> Save');
                    }, 2500);
                },
                error: function (xhr) {
                    $btn.prop('disabled', false).html('<i class="fa fa-save me-1"></i> Save');
                    var msg = (xhr.responseJSON && xhr.responseJSON.message) ? xhr.responseJSON.message : 'Save failed. Please try again.';
                    alert(msg);
                }
            });
        });
    </script>
@endsection