@php($jabatan_pegawai = \Illuminate\Support\Facades\Auth::user()->pegawai->jabatan_pegawai)
@if(count($tujuan_disposisi) > 0)
    <form action="{{ route('surat.disposisi.save') }}" method="post" enctype="multipart/form-data">
        @csrf
        <x-input type="hidden" name="surat_id" :value="$surat->id" />
        <x-input type="hidden" name="jenis" value="{{ $tujuan_disposisi[0]->jenis_kendali }}" />
        <table class="table">
            <thead>
            <tr>
                <th>Tujuan</th>
                <th>Jabatan</th>
                <th>Jenis</th>
                <th class="p-0" width="80px">
                    @if($surat->jenis == 'Surat Masuk')
                        <button type="button" onclick="pilih_semua()"
                                class="btn btn-block btn-sm btn-primary border-radius-0"
                        >Pilih Semua</button>
                    @endif
                </th>
            </tr>
            </thead>
            <tbody>
            @foreach($tujuan_disposisi as $value)
                <tr>
                    <td>{{ $value->satuan_kerja->nama }}<br>{{ $value->pegawai->nama }}</td>
                    <td>{{ ucwords($value->jenis) }}</td>
                    <td>{{ $value->jenis_kendali }}</td>
                    @if($surat->jenis == 'Surat Masuk')
{{--                        @if($jabatan_pegawai->satuan_kerja->kode != '01.01')--}}
                            <td class="p-1 vertical-middle text-center">
                                <x-checkbox
                                    prefix="{{ $value->id }}_"
                                    name="tujuan_id[]"
                                    value="{{ $value->id }}"
                                    class="item_disposisi"
                                    caption=" " />
                            </td>
{{--                        @endif--}}
                    @else
                        <td class="p-1 vertical-middle text-center">
                            <div class="form-check mb-3">
                                <input class="form-check-input" onclick="change_jenis({{ $value->id }})" data-jenis="{{ $value->jenis_kendali }}" type="radio" name="tujuan_id[]" id="{{ $value->id }}_tujuan_id" value="{{ $value->id }}">
                                <label class="form-check-label" for="{{ $value->id }}_tujuan_id"> Pilih</label>
                            </div>
                        </td>
                    @endif
                </tr>
            @endforeach
            </tbody>
        </table>
        @if($surat->jenis == 'Surat Masuk')
            <x-textarea name="isi_disposisi" caption="Isi Disposisi / Teruskan" />
        @else
            <x-textarea name="isi_disposisi" caption="Alasan Revisi (kosongi apabila bukan revisi)" />
        @endif
        <div class="text-right mt-2">
            @foreach($pilihan_jawaban as $item)
                <span class="badge badge-dark font-size-14" style="cursor: pointer;" onclick="pilih_jawaban('{{ $item }}')">{{ $item }}</span>
            @endforeach
        </div>
        <div class="form-group mt-3">
            <label>Upload Lampiran</label>
            <x-input
                type="file"
                name="file_lampiran"
                class="dropify"
            />
        </div>
        <button type="submit" class="btn btn-block btn-success border-radius-0">Kirim</button>
    </form>
@endif

<script>
    init_form_element();

    pilih_semua = () => {
        @foreach($tujuan_disposisi as $value)
            $('#{{ $value->id }}_tujuan_id').trigger('click');
        @endforeach
    }
    change_jenis = (id) => {
        let jenis = $('#' + id + '_tujuan_id').attr('data-jenis');
        $('#jenis').val(jenis);
    }
    pilih_jawaban = (jawaban) => {
        $('#isi_disposisi').html(jawaban);
    }
</script>