@extends('layouts.surat')

@section('title')
    Surat Masuk -
@endsection

@push('styles')
    <link href="{{ asset('assets/libs/jstree/jstree.bundle.css?v=7.0.9') }}" rel="stylesheet" type="text/css" />
@endpush

@section('content_surat')
<div class="container-fluid">
    <div class="card" id="form_surat_masuk">
        <div class="card-body">
            @if ($errors->any())
                <div class="alert alert-danger alert-dismissible fade show" role="alert">
                    <div>
                        @foreach ($errors->all() as $error)
                            <p class="my-0">{{ $error }}</p>
                        @endforeach
                    </div>
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                        <span aria-hidden="true">×</span>
                    </button>
                </div>
            @endif

            <form method="post" @if($is_edit == true) action="{{ route('surat.masuk.baru.simpan') }}" id="form_surat" @endif>
                @csrf
                <x-input type="hidden" name="id" value="{{ $surat->id }}" />
                <h5># Informasi Surat</h5>
                <div class="pl-3">
                    @include('surat.masuk._form')
                    <x-form-group id="satuan_kerja" caption="Asal Surat">
                        <x-input name="satuan_kerja_id" type="hidden" value="{{ $surat->satuan_kerja->id }}" />
                        <x-input name="satuan_kerja" value="{{ $surat->satuan_kerja->nama }}" caption="Klik untuk memilih asal surat" data-target="#satuan_kerja_modal" data-toggle="modal" />
                    </x-form-group>
                </div>
            </form>
            <h5># Isi Surat</h5>
            <div class="pl-3">
                <div class="row">
                    @if($is_edit == true)
                        <div class="col-md-6">
                            <x-form-group id="file_isi" caption="Pilih File Isi Surat">
                                <x-input type="file" name="file_isi" class="dropify" data-height="120" />
                                <button type="button" class="btn btn-block btn-dark border-radius-0" onclick="upload_media_isi()" id="button_upload_isi_surat">Klik untuk Upload Isi Surat</button>
                            </x-form-group>
                        </div>
                    @endif
                    <div class="col-md-6">
                        <div id="table_isi"></div>
                    </div>
                </div>
            </div>
            <h5># Lampiran</h5>
            <div class="pl-3">
                <div class="row">
                    @if($is_edit == true)
                        <div class="col-md-6">
                            <x-form-group id="file_lampiran" caption="Pilih File Lampiran Surat">
                                <x-input type="file" name="file_lampiran" class="dropify" data-height="120" />
                                <button type="button" class="btn btn-block btn-dark border-radius-0" onclick="upload_media_lampiran()" id="button_upload_lampiran">Klik untuk Upload Lampiran</button>
                            </x-form-group>
                        </div>
                    @endif
                    <div class="col-md-6">
                        <div id="table_lampiran"></div>
                    </div>
                </div>
            </div>
{{--            <h5># Tujuan Surat</h5>--}}
{{--            <div class="pl-3">--}}
{{--                <div id="tujuan_surat_table"></div>--}}
{{--            </div>--}}

            <h5># Penugasan</h5>
            <div class="pl-3">
                <table class="table table-bordered">
                    <thead>
                        <tr>
                            <th>No Penugasan</th>
                            <th>Status</th>
                            <th>Keterangan</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($penugasan as $value)
                            @if (count($penugasan) > 0)
                                <tr>
                                    <td>{{ $value->no_penugasan }}</td>
                                    <td><span class="bg bg-success text-white px-2" style="border-radius: 4px;">On Proses</span> <br> Selesai : {{ $value->tanggal_selesai }}</td>
                                    <td>
                                        Sudah Ada Penugasan Terbuat Lengkapi Data Selanjutnya Dimenu Penugasan <br>
                                        <a href="javascript:void(0)" class="text-dark" onclick="delete_penugasan({{ $value->id }})">
                                            <span class="bg bg-danger text-white px-2" style="border-radius: 4px;">Hapus</span>
                                        </a>
                                        <a href="{{ route('penugasan.show', $value->id) }}" class="text-dark" >
                                            <span class="bg bg-info text-white px-2" style="border-radius: 4px;">Cek</span>
                                        </a> <br>
                                        {{ $value->created_at }}
                                    </td>
                                </tr>
                            @endif
                        @endforeach
                        @if (count($penugasan) == 0)
                            <tr>
                                <td colspan="3" class="py-2">
                                    <a href="javascript:void(0)" onclick="info_penugasan()" class="btn btn-info btn-block">Penugasan (opsional)</a>
                                </td>
                            </tr>
                        @endif
                    </tbody>

                </table>
            </div>
            <h5># Kendali Surat</h5>
            <div class="pl-3">
                <table class="table table-bordered">
                    <thead>
                        <tr>
                            <th class="py-2" width="40%">Asal</th>
                            <th class="py-2" width="40%">Tujuan</th>
                            <th class="py-2" width="20%">Keterangan</th>
                        </tr>
                    </thead>
                    <tbody>
                    @php($jabatan_pegawai = \Illuminate\Support\Facades\Auth::user()->pegawai->jabatan_pegawai)
                    @php($kendali_terakhir = null)
                    @php($arsip = null)
                    @php($temp = '')
                    @foreach($kendali_surat as $key => $value)
                        <tr>
                            <td class="py-2">
                                @if($temp != $value->asal_id)
                                    {{ $value->asal->pegawai->nama }}<br>
                                    {{ ucwords($value->asal->jenis) }} - {{ $value->asal->satuan_kerja->nama }}
                                @endif
                                @if($value->file != '')
                                    <a target="_blank" href="{{ asset('assets/' . $value->file) }}" class="badge badge-success p-1">Download Lampiran</a>
                                @endif
                            </td>
                            <td class="py-2">
                                {{ $value->tujuan->pegawai->nama }}<br>
                                {{ ucwords($value->tujuan->jenis) }} - {{ $value->tujuan->satuan_kerja->nama }}
                            </td>
                            <td class="py-2">
                                {{ $value->isi_disposisi }}<br>
                                @if($value->is_aktif == 1 && $value->asal_id == $jabatan_pegawai->id)
                                    <a href="javascript:void(0)" class="text-dark" onclick="delete_kendali({{ $value->id }})">
                                        <span class="bg bg-danger text-white px-2" style="border-radius: 4px;">Hapus</span>
                                    </a>
                                    <br>
                                @endif
                                {{ $value->created_at }}
                            </td>
                        </tr>
                        @if($value->isi_disposisi == 'Arsip')
                            @php($arsip = $value)
                        @endif
                        @php($temp = $value->asal_id)
                    @endforeach
                    @if($is_disposisi == true)
                        <tr>
                            <td colspan="3" class="py-2">
                                <button type="button" class="btn btn-success btn-block" onclick="disposisi()">Teruskan / Disposisi</button>
                            </td>
                        </tr>
                    @endif
                    @if($is_arsip == true)
                        <tr>
                            <td colspan="3" class="py-2">
                                <button type="button" class="btn btn-danger btn-block" onclick="arsipkan()">Arsipkan</button>
                            </td>
                        </tr>
                        @php($pegawai = \Illuminate\Support\Facades\Auth::user()->pegawai)
                        @if($pegawai->jabatan_pegawai->jenis == 'operator' && count(explode('.', $pegawai->jabatan_pegawai->satuan_kerja->kode)) == 4)
                            <tr>
                                <td colspan="3" class="py-2">
                                    <a href="{{ route('surat.keluar.baru', 'referensi_id=' . $surat->id) }}" class="btn btn-success btn-block">Buat Surat Balasan</a>
                                </td>
                            </tr>
                        @endif
                    @endif
                    </tbody>
                </table>
                @if($arsip != null)
                    <h5>Diarsipkan oleh : <br>
                        <small>{{ $arsip->asal->pegawai->nama }}<br>{{ ucwords($arsip->asal->jenis) }} - {{ $arsip->asal->satuan_kerja->nama }}</small>
                    </h5>
                @endif
                @if(count($kendali_referensi) > 0)

                @endif
            </div>
            @if(count($kendali_referensi) > 0)
                <h5># Kendali Surat Balasan</h5>
                <div class="pl-3">
                    <table class="table table-bordered">
                        <thead>
                        <tr>
                            <th class="py-2" width="40%">Asal</th>
                            <th class="py-2" width="40%">Tujuan</th>
                            <th class="py-2" width="20%">Keterangan</th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach($kendali_referensi as $key => $value)
                            <tr>
                                <td class="py-2">
                                    {{ $value->asal->pegawai->nama }}<br>
                                    {{ ucwords($value->asal->jenis) }} - {{ $value->asal->satuan_kerja->nama }}
                                </td>
                                <td class="py-2">
                                    {{ $value->tujuan->pegawai->nama }}<br>
                                    {{ ucwords($value->tujuan->jenis) }} - {{ $value->tujuan->satuan_kerja->nama }}
                                </td>
                                <td class="py-2">
                                    {{ $value->isi_disposisi }}<br>
                                    {{ $value->created_at }}
                                </td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                </div>
            @endif
            @if($is_rekomendasi == true && $jabatan_pegawai->satuan_kerja->kode == '01.01.01')
                <h5># Rekomendasi Disposisi</h5>
                    <div class="pl-3">
                        <table class="table table-bordered">
                            <thead>
                            <tr>
                                <th class="py-2">Tujuan</th>
                                <th class="py-2" width="10%">Pilih</th>
                            </tr>
                            </thead>
                            <tbody>
                            @foreach($list_kasubdit as $value)
                                <tr>
                                    <td class="py-2">{{ $value->pegawai->nama }} - {{ $value->satuan_kerja->nama }}</td>
                                    <td class="p-1 vertical-middle text-center" id="td_pilih_{{ $value->id }}" @if(in_array($value->id, $list_selected_rekomendasi)) style="display: none;" @endif>
                                        <a href="javascript:void(0)" class="text-dark" onclick="pilih_rekomendasi({{ $value->id }})">
                                            <span class="bg bg-success text-white px-2" style="border-radius: 4px;">Pilih</span>
                                        </a>
                                    </td>
                                    <td class="p-1 vertical-middle text-center" id="td_hapus_{{ $value->id }}" @if(!in_array($value->id, $list_selected_rekomendasi)) style="display: none;" @endif>
                                        <a href="javascript:void(0)" class="text-dark" onclick="hapus_rekomendasi({{ $value->id }})">
                                            <span class="bg bg-danger text-white px-2" style="border-radius: 4px;">Hapus</span>
                                        </a>
                                    </td>
                                </tr>
                            @endforeach
                            </tbody>
                        </table>
                    </div>
            @endif
            <br>
            <div class="row">
                <div class="col-md-6">
                    @if($is_edit == true)
                        <button class="btn btn-primary px-3" type="button" onclick="simpan()">Simpan dan Teruskan</button>
                    @endif
                    <a href="{{ route('surat.masuk') }}" class="btn btn-light ml-3">Kembali</a>
                </div>
                {{-- @if ($penugasan <= 0) --}}
                    {{-- <div class="col-md-6 text-right">
                        <a href="javascript:void(0)" onclick="info_penugasan()" class="btn btn-success ml-3">Penugasan</a>
                    </div> --}}
                {{-- @endif --}}
            </div>
        </div>
    </div>
    <div id="penugasan_info"></div>
</div>
@endsection

@include('components.custom._modal_pegawai')

@push('scripts')
    <script>
        init_form_element();
        simpan = () => {
            $('#form_surat').submit();
        }
        @if($is_edit == false)
            $('input').attr('disabled', 'disabled');
        @endif
        delete_kendali = (id) => {
            $.post("{{ route('surat.disposisi.delete') }}", {
                _token: '{{ csrf_token() }}', id
            }, () => {
                window.location.reload();
            });
        }
        arsipkan = () => {
            $.post("{{ route('surat.disposisi.arsipkan') }}", {
                _token: '{{ csrf_token() }}',
                surat_id: '{{ $surat->id }}'
            }, () => {
                window.location.reload();
            });
        }
        @if($is_rekomendasi == true && $jabatan_pegawai->satuan_kerja->kode == '01.01.01')
            pilih_rekomendasi = (tujuan_id) => {
                $.post("{{ route('surat.disposisi.save_rekomendasi') }}", {
                    _token: '{{ csrf_token() }}', surat_id: '{{ $surat->id }}',
                    tujuan_id
                }, () => {
                    $('#td_pilih_' + tujuan_id).hide();
                    $('#td_hapus_' + tujuan_id).show();
                }).fail((xhr) => {
                    console.log(xhr.responseText);
                });
            }
            hapus_rekomendasi = (tujuan_id) => {
                $.post("{{ route('surat.disposisi.delete_rekomendasi') }}", {
                    _token: '{{ csrf_token() }}', surat_id: '{{ $surat->id }}',
                    tujuan_id
                }, () => {
                    $('#td_pilih_' + tujuan_id).show();
                    $('#td_hapus_' + tujuan_id).hide();
                }).fail((xhr) => {
                    console.log(xhr.responseText);
                });
            }
        @endif
        let $form_surat_masuk = $('#form_surat_masuk'),
            $penugasan_info = $('#penugasan_info');
        let info_penugasan = () => {
            $.post("{{ route('surat.penugasan.create') }}", {
                _token: '{{ csrf_token() }}', surat_id: '{{ $surat->id }}'
            }, (result) => {
                $penugasan_info.html(result);
                $form_surat_masuk.hide();
            }).fail((xhr) => {
                console.log(xhr.responseText);
            });
        }

        let init_form_penugasan = () => {
            let $form_penugasan = $('#form_penugasan'),
                $button_submit_penugasan = $('#button_submit_penugasan');
                $form_penugasan.submit((e) => {
                    e.preventDefault();

                    let data = getFormData($form_penugasan);

                    $.post("{{ route('penugasan.store') }}", data, () => {
                        window.location.reload();
                    }).fail((xhr) => {
                        error_handle(xhr.responseText);
                        console.log(xhr.responseText);
                    });
                });
        }

        let discard_info_penugasan = () => {
            window.location.reload();
        }

        let open_pegawai_modal = () => {
            $('#pegawai_id').val('');
            $('#nama_pegawai').val('');
            $('#modal_pegawai').modal('show');
        }

        let _token = '{{ csrf_token() }}';
        let select_pegawai = (id) => {
            $.post("{{ url('modal/pegawai') }}/" + id, {_token}, (result) => {
                $('#pegawai_id').val(id);
                $('#nama_pegawai').val(result.nama);
                $('#modal_pegawai').modal('toggle');
            })
        }
    </script>
@endpush

@include('surat._isi_surat')
@include('surat._lampiran_surat')
{{--@include('surat._tujuan_surat', ['is_external' => 0])--}}
@include('surat._asal_surat')
@include('surat._klasifikasi_surat')

@if($is_disposisi == true)
    @push('scripts')
        <div class="modal fade bs-example-modal-lg show" tabindex="-1" id="tujuan_disposisi_modal">
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title mt-0">Tujuan Disposisi / Teruskan</h5>
                        <button type="button" class="close text-white" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">×</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <div id="tujuan_disposisi_search_table"></div>
                    </div>
                </div>
            </div>
        </div>
        <script>
            $tujuan_disposisi_search_table = $('#tujuan_disposisi_search_table');
            $tujuan_disposisi_modal = $('#tujuan_disposisi_modal');
            tujuan_disposisi_search = () => {
                $tujuan_disposisi_search_table.html('Loading ...');
                $.post("{{ route('surat.disposisi.search') }}", {
                    _token: '{{ csrf_token() }}',
                    surat_id: '{{ $surat->id }}'
                }, (result) => {
                    $tujuan_disposisi_search_table.html(result);
                }).fail((xhr) => {
                    $tujuan_disposisi_search_table.html(xhr.responseText);
                });
            }
            disposisi = () => {
                tujuan_disposisi_search();
                $tujuan_disposisi_modal.modal('show');
            }
            pilih_kendali = (tujuan_id, tujuan_jenis, jenis) => {
                $.post("{{ route('surat.disposisi.save') }}", {
                    _token: '{{ csrf_token() }}',
                    surat_id: '{{ $surat->id }}',
                    tujuan_id, tujuan_jenis, jenis
                }, () => {
                    $tujuan_disposisi_modal.modal('toggle');
                    window.location.reload();
                });
            }
        </script>
    @endpush
@endif