@extends('admin.layouts.admin')
@section('content')
@include('admin.target_kontrak.style')
<div class="page-content">
    <div class="card">
        <div class="card-body">

            <button class="btn btn-primary mb-3 d-flex align-items-center gap-1" id="addData">
                <i class="bi bi-plus fw-bold"></i> Tambah
            </button>

            <div class="table-responsive">
                <table class="table table-bordered w-100" id="targetTable">
                    <thead class="text-uppercase">
                        <tr>
                            <th class="text-center" rowspan="2">No</th>
                            <th class="text-center" rowspan="2">Kode Rekening</th>
                            <th class="text-center" rowspan="2">Sumber Dana</th>
                            <th class="text-center" rowspan="2">Instansi</th>
                            <th class="text-center" rowspan="2">Provinsi</th>
                            <th class="text-center" rowspan="2">Kabupaten</th>
                            <th class="text-center" rowspan="2">Kecamatan</th>
                            <th class="text-center" rowspan="2">Desa</th>
                            <th class="text-center" rowspan="2">Sistem Pengadaan</th>
                            <th class="text-center" rowspan="2">Kode Sirup</th>
                            <th class="text-center" rowspan="2">Nama Kegiatan</th>
                            <th class="text-center" rowspan="2">Nilai Pagu</th>
                            <th class="text-center" rowspan="2">Tahun</th>
                            <th class="text-center" colspan="4" class="text-center">Status</th>
                            <th class="text-center" rowspan="2">Brosur</th>
                            <th class="text-center" rowspan="2">Target Waktu Kontrak</th>
                            <th class="text-center" rowspan="2">PIC</th>
                            <th class="text-center" rowspan="2">VENDOR</th>
                            <th class="text-center" rowspan="2">Keterangan</th>
                            <th class="text-center" rowspan="2" width="120">Action</th>
                        </tr>
                        <tr>
                            <th class="text-center">Dealing</th>
                            <th class="text-center">RABI/RAP/RABNAS</th>
                            <th class="text-center">Klik Inaproc</th>
                            <th class="text-center">Kontrak</th>
                        </tr>
                    </thead>
                </table>
            </div>

        </div>
    </div>
</div>

<div class="modal fade" id="targetModal" data-bs-backdrop="static" data-bs-keyboard="false">
    <div class="modal-dialog modal-fullscreen">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Form Target Kontrak</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>

            <div class="modal-body" style="overflow: visible">
                <form id="targetForm" enctype="multipart/form-data">
                    <input type="hidden" id="editId">

                    <div class="table-responsive">
                        <table class="table table-bordered align-middle" id="formTable">
                            <thead class="text-center">
                                <tr>
                                    <th rowspan="2" class="align-middle" width="100">
                                        <button type="button" class="btn btn-sm btn-success w-100 align-items-center justify-content-center gap-1 addRow">
                                            <i class="bi bi-plus"></i> Tambah
                                        </button>
                                    </th>
                                    <th rowspan="2" class="align-middle">No</th>
                                    <th rowspan="2" class="align-middle">Kode Rekening</th>
                                    <th rowspan="2" class="align-middle">Sumber<br>Dana</th>
                                    <th rowspan="2" class="align-middle">Daerah</th>
                                    <th rowspan="2" class="align-middle">Instansi</th>
                                    <th rowspan="2" class="align-middle">Sistem<br>Pengadaan</th>
                                    <th rowspan="2" class="align-middle">Kode<br>Sirup</th>
                                    <th rowspan="2" class="align-middle">Nama<br>Kegiatan</th>
                                    <th rowspan="2" class="align-middle">Tahun</th>
                                    <th rowspan="2" class="align-middle">Nilai<br>Pagu</th>
                                    <th rowspan="2" class="align-middle">Brosur</th>
                                    <th colspan="2" class="align-middle">Target Kontrak</th>
                                    <th rowspan="2" class="align-middle">PIC</th>
                                    <th rowspan="2" class="align-middle">Vendor</th>
                                    <th colspan="4">Status</th>
                                    <th rowspan="2" class="align-middle">Keterangan</th>
                                    <th rowspan="2" class="align-middle" width="100">
                                        <button type="button" class="btn btn-sm btn-success w-100 align-items-center justify-content-center gap-1 addRow">
                                            <i class="bi bi-plus"></i> Tambah
                                        </button>
                                    </th>
                                </tr>
                                <tr>
                                    <th>Awal</th>
                                    <th>Akhir</th>
                                    <th>Dealing</th>
                                    <th>RABI/RAP/RABNAS</th>
                                    <th>Klik INAPROC</th>
                                    <th>Kontrak</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>
                                        <button type="button" class="btn btn-sm btn-danger w-100 removeRow align-items-center justify-content-center gap-1">
                                            <i class="bi bi-x"></i> Hapus
                                        </button>
                                    </td>
                                    <td class="nomor align-middle text-center">1</td>
                                    <td><input type="text" name="kode_rekening[]" class="form-control kode_rekening" placeholder="Kode Rekening"></td>
                                    <td>
                                        <select name="sumber_dana[]" class="form-select sumber_dana">
                                            <option value="">Pilih Sumber Dana</option>
                                            @foreach($sumberDana as $i)
                                                <option value="{{ $i->id }}">{{ !empty($i->alias) ? $i->name.' ('.$i->alias.')' : $i->name }}</option>
                                            @endforeach
                                        </select>
                                    </td>
                                    <td>
                                        <select name="daerah[]" class="select-ajax daerah" data-placeholder="Pilih Daerah" data-type="daerah"></select>
                                    </td>
                                    <td>
                                        <select name="instansi[]" class="select-ajax instansi" data-placeholder="Pilih Instansi" data-type="company"></select>
                                    </td>
                                    <td>
                                        <select name="sistem_pengadaan[]" class="form-select sistem_pengadaan">
                                            <option value="">Pilih Sistem Pengadaan</option>
                                            @foreach($sistemPengadaan as $i)
                                                <option value="{{ $i->id }}">{{ !empty($i->alias) ? $i->name.' ('.$i->alias.')' : $i->name }}</option>
                                            @endforeach
                                        </select>
                                    </td>
                                    <td><input type="text" name="kode_sirup[]" class="form-control kegiatan" placeholder="No. Sirup"></td>
                                    <td><textarea type="text" name="nama_kegiatan[]" class="form-control kegiatan" placeholder="Judul Kegiatan Kontrak" required></textarea></td>
                                    <td><input type="number" name="tahun[]" placeholder="YYYY" min="1900" max="2100" step="1" class="form-control tahun"></td>
                                    <td>
                                        <input type="text" name="nilai_pagu[]" placeholder="0" class="form-control rupiah pagu text-end">
                                        <div class="text-primary mt-1 terbilang-text text-end" style="font-size: 12px; font-weight: 500;"></div>
                                    </td>
                                    <td class="text-center align-middle">
                                        <label class="upload-icon m-0">
                                            <i class="bi bi-upload"></i>
                                            <input type="file" name="brosur[]" class="brosur d-none">
                                        </label>
                                        <div class="preview mt-1" style="display: none;"></div>
                                    </td>
                                    <td><input type="date" name="target_waktu_kontrak_awal[]" class="form-control target_waktu_kontrak_awal"></td>
                                    <td><input type="date" name="target_waktu_kontrak_akhir[]" class="form-control target_waktu_kontrak_akhir"></td>
                                    <td>
                                        <select name="user_petugas_id[]" class="select-ajax pic" data-placeholder="Pilih User PIC" data-type="userPic"></select>
                                    </td>
                                    <td>
                                        <select name="user_vendor_id[]" class="select-ajax vendor" data-placeholder="Pilih User Vendor" data-type="userVendor"></select>
                                    </td>
                                    <td>
                                        <select name="status_dealing[]" class="form-select status_dealing">
                                            <option value="">Pilih</option>
                                            @foreach($statusDealing as $i)
                                                <option value="{{ $i->id }}">{{ !empty($i->alias) ? $i->name.' ('.$i->alias.')' : $i->name }}</option>
                                            @endforeach
                                        </select>
                                    </td>
                                    <td class="text-center align-middle">
                                        <div class="form-check d-inline-block m-0">
                                            <input type="hidden" name="rapi_rap_rabnas[]" class="rapi-hidden" value="0">
                                            <input class="form-check-input rapi-checkbox" type="checkbox" id="rapi_rap_rabnas_1">
                                            <label class="form-check-label" for="rapi_rap_rabnas_1">
                                                Sudah
                                            </label>
                                        </div>
                                    </td>
                                    <td>
                                        <select name="status_klik_inaproc[]" class="form-select status_klik_inaproc">
                                            <option value="">Pilih</option>
                                            @foreach($statusKlikInaproc as $i)
                                                <option value="{{ $i->id }}">{{ !empty($i->alias) ? $i->name.' ('.$i->alias.')' : $i->name }}</option>
                                            @endforeach
                                        </select>
                                    </td>
                                    <td>
                                        <select name="status_kontrak[]" class="form-select status_kontrak">
                                            <option value="">Pilih</option>
                                            @foreach($statusKontrak as $i)
                                                <option value="{{ $i->id }}">{{ !empty($i->alias) ? $i->name.' ('.$i->alias.')' : $i->name }}</option>
                                            @endforeach
                                        </select>
                                    </td>
                                    <td><textarea name="keterangan[]" placeholder="Keterangan" class="form-control keterangan"></textarea></td>
                                    <td>
                                        <button type="button" class="btn btn-sm btn-danger w-100 removeRow d-flex align-items-center justify-content-center gap-1">
                                            <i class="bi bi-x"></i> Hapus
                                        </button>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </form>
            </div>

            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
                <button type="button" class="btn btn-primary" id="saveData">Save</button>
            </div>
        </div>
    </div>
</div>
@endsection

@push('scripts')
@include('admin.target_kontrak.js')
@endpush