@extends('layouts.surat')

@section('title')
    Konfirmasi Penugasan -
@endsection

@section('content_surat')
    <div class="card">
        <div class="card-body">
            <form id="search_form">
                @csrf
                <div class="row">
                    <input name="pegawai_id" type="hidden" value="{{ auth()->user()->pegawai->id }}">
                    <div class="col-md-5">
                        <x-form-group id="jenis" caption="Jenis Penugasan">
                            <x-input name="jenis" />
                        </x-form-group>
                    </div>
                    <div class="col-md-5">
                        <x-form-group id="judul" caption="Judul">
                            <x-input name="judul" />
                        </x-form-group>
                    </div>
                    <div class="col-md-2">
                        <br>
                        <button class="btn btn-block btn-primary mt-2" type="submit">Cari</button>
                    </div>
                </div>
            </form>
            <div id="surat_draft_table"></div>
        </div>
    </div>
@endsection

@push('modals')
    <div class="modal fade bs-example-modal-lg show" tabindex="-1" id="modal_penolakan">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title mt-0">Penolakan Penugasan</h5>
                    <button type="button" class="close text-white" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">x</span>
                    </button>
                </div>
                <div class="modal-body">
                    <form id="form_penolakan" method="POST">
                        @csrf
                        <input type="hidden" name="is_aktif" value="2">
                        <x-form-group id="Keterangan" caption="Keterangan Penolakan">
                            <x-textarea name="keterangan_tolak" />
                        </x-form-group>
                        <div class="text-right">
                            <button type="submit" class="btn btn-success">Kirim Penolakan</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endpush

@push('scripts')
    <script>
        init_form_element();

        let $search_form = $('#search_form'),
            $surat_draft_table = $('#surat_draft_table'),
            $form_penolakan = $('#form_penolakan'),
            _token = '{{ csrf_token() }}';

        $search_form.submit((e) => {
            e.preventDefault();
            search_surat();
        });
        search_surat = () => {
            $surat_draft_table.html('Loading ...');
            let data = getFormData($search_form);
            $.post("{{ route('konfirmasi.search') }}", data, (result) => {
                $surat_draft_table.html(result);
            }).fail((xhr) => {
                $surat_draft_table.html(xhr.responseText);
            });
        }

        save_terima_penugasan = (id) => {
            $.post("{{ url('tim_penugasan/konfirmasi') }}/"+id, {_token, is_aktif:1}, (result) => {
                search_surat();
            }).fail((xhr) => {
                console.log(xhr.responseText);
            })
        }

        terima_penugasan = (id = '') => {
            Swal.fire({
                title: 'Anda yakin ?',
                text: "Anda akan menerima penugasan",
                icon: 'question',
                showCancelButton: true,
                confirmButtonText: 'Terima'
            }).then((result) => {
                if (result.value === true) {
                    save_terima_penugasan(id);
                }
            });
        }
        search_surat();

        open_penolakan_modal = (id = '') => {
            $('#penugasan_id').val();
            $('#modal_penolakan').modal('show');
            $('#form_penolakan').attr('action', "{{ url('tim_penugasan/penolakan') }}/"+id);
        }
    </script>
@endpush