@extends('layouts.adminlte')

@section('title', 'INSENTIF DINAS')
@section('page_title', 'INSENTIF DINAS')

@push('styles')
<link rel="stylesheet" href="{{ asset('vendor/datatables/css/dataTables.bootstrap5.min.css') }}" />
<link rel="stylesheet" href="{{ asset('vendor/select2/css/select2.min.css') }}" />
<link rel="stylesheet" href="{{ asset('vendor/select2/css/select2-bootstrap-5-theme.min.css') }}" />
<style>
.status-pill{font-size:.75rem}.sub-label{font-size:.75rem;color:#6c757d}.table-selected{background:#e9f5ff !important}
</style>
@endpush

@section('content')
<div class="card">
  <div class="card-header d-flex justify-content-between align-items-center flex-wrap gap-2">
    <h3 class="card-title m-0">Transaksi Insentif Dinas</h3>
    <div class="d-flex flex-wrap gap-2">
      <a href="{{ asset('docs/insentif-dinas/sk-acuan-insentif-dinas-luar-kota.pdf') }}" target="_blank" rel="noopener noreferrer" class="btn btn-outline-info btn-sm">
        <i class="fas fa-file-pdf me-1"></i>Download SK Acuan
      </a>
      <a href="{{ route('insentif_dinas.template') }}" class="btn btn-outline-secondary btn-sm"><i class="fas fa-file-excel me-1"></i>Template Import</a>
      <button class="btn btn-outline-primary btn-sm" id="btnImport"><i class="fas fa-file-upload me-1"></i>Import XLSX</button>
      <a href="{{ route('insentif_dinas.export') }}" class="btn btn-outline-success btn-sm"><i class="fas fa-file-excel me-1"></i>Export XLSX</a>
      <a href="{{ route('insentif_dinas.export_csv') }}" class="btn btn-outline-success btn-sm"><i class="fas fa-file-csv me-1"></i>Export CSV</a>
      <div class="btn-group btn-group-sm">
        <button class="btn btn-outline-dark dropdown-toggle" data-bs-toggle="dropdown" type="button" id="btnBulkAction">Bulk Action (0)</button>
        <div class="dropdown-menu dropdown-menu-end">
          <button class="dropdown-item bulk-action-item" data-action="submit" type="button">Submit</button>
          <button class="dropdown-item bulk-action-item" data-action="approve" type="button">Approve</button>
          <button class="dropdown-item bulk-action-item" data-action="reject" type="button">Reject</button>
          <button class="dropdown-item bulk-action-item" data-action="ready_to_pay" type="button">Set Ready To Pay</button>
          <button class="dropdown-item bulk-action-item" data-action="paid_separate" type="button">Mark Paid Separate</button>
          <div class="dropdown-divider"></div>
          <button class="dropdown-item text-danger bulk-action-item" data-action="delete" type="button">Hapus Draft/Reject</button>
        </div>
      </div>
      <button class="btn btn-primary btn-sm" id="btnAdd"><i class="fas fa-plus me-1"></i>Tambah Transaksi</button>
    </div>
  </div>
  <div class="card-body">
    <div class="row g-2 align-items-end mb-3">
      <div class="col-md-4">
        <label class="form-label">Filter Status</label>
        <select id="filterStatus" class="form-select">
          <option value="">Semua Status</option>
          <option value="draft">Draft</option>
          <option value="submitted">Submitted</option>
          <option value="in_review">In Review</option>
          <option value="approved">Approved</option>
          <option value="ready_to_pay">Ready To Pay</option>
          <option value="paid_salary">Paid with Salary</option>
          <option value="paid_separate">Paid Separate</option>
          <option value="rejected">Rejected</option>
        </select>
      </div>
      <div class="col-md-4">
        <label class="form-label">Filter Metode Bayar</label>
        <select id="filterPaymentMethod" class="form-select">
          <option value="">Semua Metode</option>
          <option value="salary">Gabung Salary</option>
          <option value="separate">Bayar Terpisah</option>
        </select>
      </div>
      <div class="col-md-4">
        <label class="form-label">Filter Target Payroll</label>
        <select id="filterTargetProfilBulan" class="form-select">
          <option value="">Semua Profil Bulan</option>
        </select>
      </div>
      <div class="col-12 d-flex flex-wrap gap-2 align-items-center">
        <span class="badge text-bg-secondary" id="statTotal">Total: 0</span>
        <span class="badge text-bg-warning" id="statPending">Pending: 0</span>
        <span class="badge text-bg-success" id="statApproved">Approved: 0</span>
        <span class="badge text-bg-info" id="statReady">Ready: 0</span>
        <span class="badge text-bg-primary" id="statPaidSalary">Paid Salary: 0</span>
        <span class="badge text-bg-dark" id="statPaidSeparate">Paid Separate: 0</span>
      </div>
    </div>
    <table id="insTable" class="table table-striped table-hover w-100 align-middle">
      <thead><tr>
        <th style="width:40px"><input type="checkbox" id="checkAllRows"></th>
        <th>No.</th><th>No Transaksi</th><th>Karyawan</th><th>Project</th><th>Jenis</th><th>Periode Kerja</th><th>Nominal</th><th>Bayar</th><th>Target Payroll</th><th>SK Acuan</th><th>Status</th><th>Aksi</th>
      </tr></thead>
      <tbody></tbody>
    </table>
  </div>
</div>

<div class="modal fade" id="insModal" tabindex="-1" aria-hidden="true">
  <div class="modal-dialog modal-lg modal-dialog-centered">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="insModalTitle">Tambah Transaksi Insentif Dinas</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
      </div>
      <form id="insForm">
        <div class="modal-body">
          <input type="hidden" id="insId">
          <div class="row g-2">
            <div class="col-md-6"><label class="form-label">Karyawan</label><select id="karyawanId" class="form-select" required></select></div>
            <div class="col-md-6"><label class="form-label">Project</label><select id="projectId" class="form-select"></select></div>
          </div>
          <div class="row g-2 mt-1">
            <div class="col-md-6"><label class="form-label">Jenis Insentif</label><select id="typeId" class="form-select"></select></div>
            <div class="col-md-6"><label class="form-label">Flow Approval</label><select id="flowId" class="form-select"></select></div>
          </div>
          <div class="row g-2 mt-1">
            <div class="col-md-4"><label class="form-label">Tanggal Transaksi</label><input type="date" id="transactionDate" class="form-control" required></div>
            <div class="col-md-4"><label class="form-label">Kerja Dari</label><input type="date" id="workDateFrom" class="form-control"></div>
            <div class="col-md-4"><label class="form-label">Kerja Sampai</label><input type="date" id="workDateTo" class="form-control"></div>
          </div>
          <div class="row g-2 mt-1">
            <div class="col-md-4"><label class="form-label">Nominal</label><input type="number" id="amount" class="form-control" min="0" step="0.01" required></div>
            <div class="col-md-4"><label class="form-label">Deadline Klaim</label><input type="date" id="claimDeadline" class="form-control"></div>
            <div class="col-md-4"><label class="form-label">Deadline Bayar</label><input type="date" id="payDeadline" class="form-control"></div>
          </div>
          <div class="row g-2 mt-1">
            <div class="col-md-4"><label class="form-label">Metode Bayar</label><select id="paymentMethod" class="form-select"><option value="salary">Gabung Salary</option><option value="separate">Bayar Terpisah</option></select></div>
            <div class="col-md-8" id="targetProfilGroup"><label class="form-label">Target Profil Bulan Payroll</label><select id="targetProfilBulanId" class="form-select"></select></div>
          </div>
          <div class="mt-2"><label class="form-label">Keterangan</label><textarea id="description" class="form-control" rows="2" maxlength="2000"></textarea></div>
          <div class="mt-2"><label class="form-label">Catatan Internal</label><textarea id="notes" class="form-control" rows="2" maxlength="2000"></textarea></div>
        </div>
        <div class="modal-footer">
          <button class="btn btn-outline-secondary" type="button" data-bs-dismiss="modal">Close</button>
          <button class="btn btn-primary" type="submit">Save</button>
        </div>
      </form>
    </div>
  </div>
</div>

<div class="modal fade" id="importModal" tabindex="-1" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">Import Insentif Dinas (XLSX)</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
      </div>
      <form id="importForm">
        <div class="modal-body">
          <div class="mb-2 text-muted small">Gunakan file template agar kolom sesuai. Import akan create baru atau update transaksi draft/rejected jika `transaction_no` sama.</div>
          <input type="file" id="importFile" class="form-control" accept=".xlsx,.xls" required>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">Close</button>
          <button type="submit" class="btn btn-primary">Upload</button>
        </div>
      </form>
    </div>
  </div>
</div>
@endsection

@push('scripts')
<script src="{{ asset('vendor/jquery/jquery.min.js') }}"></script>
<script src="{{ asset('vendor/datatables/js/jquery.dataTables.min.js') }}"></script>
<script src="{{ asset('vendor/datatables/js/dataTables.bootstrap5.min.js') }}"></script>
<script src="{{ asset('vendor/select2/js/select2.min.js') }}"></script>
<script src="{{ asset('vendor/sweetalert2/sweetalert2.min.js') }}"></script>
<script>
$(function(){
 const insModal=new bootstrap.Modal(document.getElementById('insModal'));
 const importModal=new bootstrap.Modal(document.getElementById('importModal'));
 let refs={karyawans:[],projects:[],types:[],flows:[],profil_bulans:[],default_flow_id:null}; let rows=[]; let selectedIds=new Set();
 const fmtRp=(n)=>'Rp '+Number(n||0).toLocaleString('id-ID',{minimumFractionDigits:0,maximumFractionDigits:0});
 const statusBadge=(st)=>{const map={draft:'secondary',submitted:'warning',in_review:'warning',approved:'success',ready_to_pay:'info',paid_salary:'primary',paid_separate:'dark',rejected:'danger'};const cls=map[String(st||'')]||'secondary';return `<span class="badge rounded-pill text-bg-${cls} status-pill">${st||'-'}</span>`;};
 $.fn.dataTable.ext.search.push(function(settings, data, dataIndex){
   if (settings.nTable.id !== 'insTable') return true;
   const row = rows[dataIndex];
   if (!row) return true;
   const status = ($('#filterStatus').val() || '').trim();
   const paymentMethod = ($('#filterPaymentMethod').val() || '').trim();
   const targetProfil = ($('#filterTargetProfilBulan').val() || '').trim();
   if (status !== '' && String(row.status || '') !== status) return false;
   if (paymentMethod !== '' && String(row.payment_method || '') !== paymentMethod) return false;
   if (targetProfil !== '' && String(row.target_profil_bulan_id || '') !== targetProfil) return false;
   return true;
 });

 const table=$('#insTable').DataTable({responsive:true,data:[],order:[[1,'asc']],columns:[
   {data:null,orderable:false,searchable:false,render:(r)=>`<input type="checkbox" class="row-check" value="${r.id}">`},
   {data:null,render:(d,t,r,m)=>m.row+1,orderable:false,searchable:false},
   {data:'transaction_no'},
   {data:null,render:(r)=>`${r.employee_code||'-'} - ${r.employee_name||'-'}`},
   {data:'project_label'},{data:'type_label'},
   {data:null,render:(r)=>`${r.work_date_from||'-'}<div class="sub-label">${r.work_date_to||'-'}</div>`},
   {data:null,render:(r)=>{const approved=Number(r.approved_amount||0);const amount=Number(r.amount||0);const shown=approved>0?approved:amount;return `${fmtRp(shown)}<div class="sub-label">Usulan: ${fmtRp(amount)}</div>`;}},
   {data:null,render:(r)=>`${String(r.payment_method||'-').toUpperCase()}<div class="sub-label">${r.pending_level||'-'}</div>`},
   {data:'target_profil_bulan_label'},
   {data:null,render:(r)=>{const url=String(r.sk_reference_url||'').trim(); if(!url) return '<span class="text-muted">-</span>'; const safeText=$('<div>').text(url).html(); const safeAttr=url.replace(/"/g,'&quot;'); return `<a href="${safeAttr}" target="_blank" rel="noopener noreferrer">Buka Link</a><div class="sub-label text-truncate" style="max-width:220px">${safeText}</div>`;}},
   {data:'status',orderable:false,render:(v)=>statusBadge(v)},
   {data:null,orderable:false,render:(r)=>{
      const btnEdit=`<button class="btn btn-sm btn-outline-primary btn-edit" ${r.can_edit?'':'disabled'} data-id="${r.id}">Edit</button>`;
      const btnDel=`<button class="btn btn-sm btn-outline-danger btn-del" ${r.can_delete?'':'disabled'} data-id="${r.id}">Hapus</button>`;
      const btnSubmit=`<button class="btn btn-sm btn-outline-dark btn-submit" ${(r.status==='draft'||r.status==='rejected')?'':'disabled'} data-id="${r.id}">Submit</button>`;
      const btnReady=`<button class="btn btn-sm btn-outline-info btn-ready" ${r.can_ready_to_pay?'':'disabled'} data-id="${r.id}">Ready</button>`;
      const btnPaidSeparate=`<button class="btn btn-sm btn-outline-secondary btn-paid-separate" ${r.can_mark_paid_separate?'':'disabled'} data-id="${r.id}">Paid Separate</button>`;
      const approve=r.can_approve?`<button class="btn btn-sm btn-outline-success btn-approve" data-id="${r.id}">Approve</button> <button class="btn btn-sm btn-outline-warning btn-reject" data-id="${r.id}">Reject</button>`:'';
      return `${btnEdit} ${btnDel} ${btnSubmit} ${approve} ${btnReady} ${btnPaidSeparate}`;
   }}]});

 function updateBulkCount(){ $('#btnBulkAction').text(`Bulk Action (${selectedIds.size})`); }
 function syncSelectedRows(){ table.rows().every(function(){ const data=this.data(); const checked=selectedIds.has(Number(data.id)); const node=$(this.node()); node.toggleClass('table-selected', checked); node.find('.row-check').prop('checked', checked); }); updateBulkCount(); }
 function renderStats(){
   const stats = rows.reduce((acc, row) => {
     acc.total += 1;
     if (['submitted','in_review'].includes(String(row.status || ''))) acc.pending += 1;
     if (String(row.status || '') === 'approved') acc.approved += 1;
     if (String(row.status || '') === 'ready_to_pay') acc.ready += 1;
     if (String(row.status || '') === 'paid_salary') acc.paidSalary += 1;
     if (String(row.status || '') === 'paid_separate') acc.paidSeparate += 1;
     return acc;
   }, { total: 0, pending: 0, approved: 0, ready: 0, paidSalary: 0, paidSeparate: 0 });
   $('#statTotal').text(`Total: ${stats.total}`);
   $('#statPending').text(`Pending: ${stats.pending}`);
   $('#statApproved').text(`Approved: ${stats.approved}`);
   $('#statReady').text(`Ready: ${stats.ready}`);
   $('#statPaidSalary').text(`Paid Salary: ${stats.paidSalary}`);
   $('#statPaidSeparate').text(`Paid Separate: ${stats.paidSeparate}`);
 }
 function toggleTargetProfil(){const isSalary=$('#paymentMethod').val()==='salary';$('#targetProfilGroup').toggleClass('d-none',!isSalary);}
 function fillRefs(){
   $('#karyawanId').html((refs.karyawans||[]).map(r=>`<option value="${r.id}">${r.code||'-'} - ${r.name}</option>`).join(''));
   $('#projectId').html(['<option value="">- Pilih Project -</option>'].concat((refs.projects||[]).map(r=>`<option value="${r.id}">${r.code||'-'} - ${r.name}</option>`)).join(''));
   $('#typeId').html(['<option value="">- Pilih Jenis -</option>'].concat((refs.types||[]).map(r=>`<option value="${r.id}" data-payment="${r.default_payment_method}">${r.code||'-'} - ${r.name}</option>`)).join(''));
   $('#flowId').html(['<option value="">- Pilih Flow -</option>'].concat((refs.flows||[]).map(r=>`<option value="${r.id}">${r.code||'-'} - ${r.name}</option>`)).join(''));
   $('#targetProfilBulanId').html(['<option value="">- Pilih Profil Bulan -</option>'].concat((refs.profil_bulans||[]).map(r=>`<option value="${r.id}">${r.code||'-'} - ${r.name}</option>`)).join(''));
   $('#filterTargetProfilBulan').html(['<option value="">Semua Profil Bulan</option>'].concat((refs.profil_bulans||[]).map(r=>`<option value="${r.id}">${r.code||'-'} - ${r.name}</option>`)).join(''));
   ['#karyawanId','#projectId','#typeId','#flowId','#targetProfilBulanId'].forEach(sel=>{ if($(sel).hasClass('select2-hidden-accessible')) $(sel).select2('destroy'); $(sel).select2({theme:'bootstrap-5',dropdownParent:$('#insModal')}); });
 }
 function resetForm(){ $('#insId').val(''); $('#transactionDate').val(new Date().toISOString().slice(0,10)); $('#workDateFrom,#workDateTo,#claimDeadline,#payDeadline,#amount,#description,#notes').val(''); $('#paymentMethod').val('salary'); fillRefs(); $('#flowId').val(refs.default_flow_id?String(refs.default_flow_id):'').trigger('change'); $('#projectId,#typeId,#targetProfilBulanId').val('').trigger('change'); toggleTargetProfil(); }
 function openAdd(){ $('#insModalTitle').text('Tambah Transaksi Insentif Dinas'); resetForm(); insModal.show(); }
 function openEdit(row){ $('#insModalTitle').text('Edit Transaksi Insentif Dinas'); resetForm(); $('#insId').val(String(row.id)); $('#karyawanId').val(String(row.karyawan_id||'')).trigger('change'); $('#projectId').val(String(row.project_id||'')).trigger('change'); $('#typeId').val(String(row.type_id||'')).trigger('change'); $('#flowId').val(String(row.approval_flow_id||'')).trigger('change'); $('#transactionDate').val(row.transaction_date||''); $('#workDateFrom').val(row.work_date_from||''); $('#workDateTo').val(row.work_date_to||''); $('#claimDeadline').val(row.claim_deadline||''); $('#payDeadline').val(row.pay_deadline||''); $('#amount').val(String(row.amount||0)); $('#paymentMethod').val(row.payment_method||'salary'); $('#targetProfilBulanId').val(String(row.target_profil_bulan_id||'')).trigger('change'); $('#description').val(row.description||''); $('#notes').val(row.notes||''); toggleTargetProfil(); insModal.show(); }
 function loadRefs(){return $.getJSON(`{{ route('insentif_dinas.refs') }}`).done(resp=>{refs=resp.data||refs;});}
 function loadData(){return $.getJSON(`{{ route('insentif_dinas.data') }}`).done(resp=>{rows=resp.data||[]; table.clear().rows.add(rows).draw(false); syncSelectedRows(); renderStats();});}
 function promptNotes(title,confirmText,cb){Swal.fire({title,input:'textarea',inputLabel:'Catatan',inputAttributes:{maxlength:1000},showCancelButton:true,confirmButtonText:confirmText,preConfirm:(value)=>value||''}).then(result=>{if(result.isConfirmed)cb(result.value||'');});}
 function getSelectedIds(){ return Array.from(selectedIds); }
 function runBulkAction(action){
   const ids=getSelectedIds();
   if(!ids.length){ Swal.fire('Info','Pilih row dulu ya.','info'); return; }
   if(action==='submit'){
     Swal.fire({title:'Submit bulk?',icon:'question',showCancelButton:true,confirmButtonText:'Submit'}).then(r=>{ if(!r.isConfirmed) return; postBulk({ids,action}); }); return;
   }
   if(action==='approve' || action==='reject'){
     const title=action==='approve'?'Approve bulk?':'Reject bulk?';
     promptNotes(title, action==='approve'?'Approve':'Reject', (notes)=>postBulk({ids,action,notes})); return;
   }
   if(action==='ready_to_pay'){
     Swal.fire({title:'Bulk Set Ready To Pay',html:`<div class="text-start"><label class="form-label">Metode Bayar</label><select id="swalBulkPaymentMethod" class="form-select mb-2"><option value="salary">Gabung Salary</option><option value="separate">Bayar Terpisah</option></select><label class="form-label">Target Profil Bulan</label><select id="swalBulkTargetProfil" class="form-select mb-2"><option value="">- Pilih Profil Bulan -</option>${(refs.profil_bulans||[]).map(p=>`<option value="${p.id}">${p.code||'-'} - ${p.name||'-'}</option>`).join('')}</select><label class="form-label">Catatan Bayar</label><textarea id="swalBulkPaymentNotes" class="form-control" rows="2"></textarea></div>`,showCancelButton:true,confirmButtonText:'Set Ready',didOpen:()=>{ const toggle=()=>$('#swalBulkTargetProfil').prop('disabled',$('#swalBulkPaymentMethod').val()!=='salary'); $('#swalBulkPaymentMethod').on('change',toggle); toggle(); },preConfirm:()=>({ids,action,payment_method:$('#swalBulkPaymentMethod').val(),target_profil_bulan_id:$('#swalBulkTargetProfil').val(),payment_notes:$('#swalBulkPaymentNotes').val()})}).then(r=>{ if(r.isConfirmed) postBulk(r.value); }); return;
   }
   if(action==='paid_separate'){
     Swal.fire({title:'Bulk Mark Paid Separate',html:`<div class="text-start"><label class="form-label">Referensi Pembayaran</label><input id="swalBulkSeparateRef" class="form-control mb-2"><label class="form-label">Catatan</label><textarea id="swalBulkSeparateNotes" class="form-control" rows="2"></textarea></div>`,showCancelButton:true,confirmButtonText:'Paid Separate',preConfirm:()=>({ids,action,separate_payment_reference:$('#swalBulkSeparateRef').val(),payment_notes:$('#swalBulkSeparateNotes').val()})}).then(r=>{ if(r.isConfirmed) postBulk(r.value); }); return;
   }
   if(action==='delete'){
     Swal.fire({title:'Hapus bulk draft/reject?',icon:'warning',showCancelButton:true,confirmButtonText:'Hapus'}).then(r=>{ if(r.isConfirmed) postBulk({ids,action}); });
   }
 }
 function postBulk(payload){ $.post({url:`{{ route('insentif_dinas.bulk_action') }}`,data:payload,headers:{'X-CSRF-TOKEN':'{{ csrf_token() }}'}}).done(resp=>{ const d=resp.data||{}; Swal.fire('Berhasil', `${resp.message||'Selesai'}<br>Processed: ${d.processed||0} | Skipped: ${d.skipped||0}`, 'success'); loadData(); }).fail(xhr=>Swal.fire('Error',xhr.responseJSON?.message||'Bulk action gagal','error')); }
 $('#btnAdd').on('click',openAdd); $('#btnImport').on('click', ()=>{ $('#importFile').val(''); importModal.show(); }); $('#paymentMethod').on('change',toggleTargetProfil); $('#typeId').on('change',function(){const payment=$(this).find(':selected').data('payment'); if(payment)$('#paymentMethod').val(payment); toggleTargetProfil();});
 $('#filterStatus, #filterPaymentMethod, #filterTargetProfilBulan').on('change', function(){ table.draw(false); });
 $('#importForm').on('submit', function(e){ e.preventDefault(); const file=$('#importFile')[0]?.files?.[0]; if(!file){ Swal.fire('Info','Pilih file dulu ya.','info'); return; } const formData=new FormData(); formData.append('file', file); $.ajax({url:`{{ route('insentif_dinas.import') }}`,method:'POST',data:formData,processData:false,contentType:false,headers:{'X-CSRF-TOKEN':'{{ csrf_token() }}'}}).done(resp=>{ importModal.hide(); const d=resp.data||{}; Swal.fire('Berhasil', `${resp.message||'Import selesai.'}<br>Created: ${d.created||0} | Updated: ${d.updated||0} | Skipped: ${d.skipped||0}`, 'success'); loadData(); }).fail(xhr=>Swal.fire('Error',xhr.responseJSON?.message||'Import gagal','error')); });
 $('#insForm').on('submit',function(e){e.preventDefault(); const id=$('#insId').val(); const payload={karyawan_id:$('#karyawanId').val(),project_id:$('#projectId').val()||null,insentif_dinas_type_id:$('#typeId').val()||null,approval_flow_id:$('#flowId').val()||null,transaction_date:$('#transactionDate').val(),work_date_from:$('#workDateFrom').val()||null,work_date_to:$('#workDateTo').val()||null,claim_deadline:$('#claimDeadline').val()||null,pay_deadline:$('#payDeadline').val()||null,amount:$('#amount').val(),payment_method:$('#paymentMethod').val(),target_profil_bulan_id:$('#targetProfilBulanId').val()||null,description:$('#description').val(),notes:$('#notes').val()}; const isEdit=!!id; $.ajax({url:isEdit?`{{ url('/insentif-dinas') }}/${id}`:`{{ route('insentif_dinas.store') }}`,method:isEdit?'PUT':'POST',data:payload,headers:{'X-CSRF-TOKEN':'{{ csrf_token() }}'}}).done(resp=>{insModal.hide(); Swal.fire('Berhasil',resp.message||'Tersimpan','success'); loadData();}).fail(xhr=>Swal.fire('Error',xhr.responseJSON?.message||'Gagal menyimpan','error')); });
 $('#insTable').on('change','.row-check',function(){ const id=Number($(this).val()); if($(this).is(':checked')) selectedIds.add(id); else selectedIds.delete(id); syncSelectedRows(); });
 $('#checkAllRows').on('change',function(){ const checked=$(this).is(':checked'); table.rows({search:'applied'}).every(function(){ const data=this.data(); if(checked) selectedIds.add(Number(data.id)); else selectedIds.delete(Number(data.id)); }); syncSelectedRows(); });
 $('.bulk-action-item').on('click', function(){ if($(this).hasClass('disabled')) return; runBulkAction($(this).data('action')); });
 $('#insTable').on('click','.btn-edit',function(){const row=rows.find(x=>Number(x.id)===Number($(this).data('id'))); if(row) openEdit(row);});
 $('#insTable').on('click','.btn-del',function(){const id=Number($(this).data('id')); Swal.fire({title:'Hapus transaksi?',icon:'warning',showCancelButton:true,confirmButtonText:'Hapus'}).then(result=>{if(!result.isConfirmed)return; $.ajax({url:`{{ url('/insentif-dinas') }}/${id}`,method:'DELETE',headers:{'X-CSRF-TOKEN':'{{ csrf_token() }}'}}).done(resp=>{Swal.fire('Berhasil',resp.message||'Dihapus','success'); loadData();}).fail(xhr=>Swal.fire('Error',xhr.responseJSON?.message||'Gagal menghapus','error'));});});
 $('#insTable').on('click','.btn-submit',function(){const id=Number($(this).data('id')); Swal.fire({title:'Submit ke approval?',icon:'question',showCancelButton:true,confirmButtonText:'Submit'}).then(result=>{if(!result.isConfirmed)return; $.post({url:`{{ url('/insentif-dinas') }}/${id}/submit`,headers:{'X-CSRF-TOKEN':'{{ csrf_token() }}'}}).done(resp=>{Swal.fire('Berhasil',resp.message||'Disubmit','success'); loadData();}).fail(xhr=>Swal.fire('Error',xhr.responseJSON?.message||'Gagal submit','error'));});});
 $('#insTable').on('click','.btn-approve',function(){const id=Number($(this).data('id')); promptNotes('Approve transaksi?','Approve',(notes)=>{$.post({url:`{{ url('/insentif-dinas') }}/${id}/approve`,data:{notes},headers:{'X-CSRF-TOKEN':'{{ csrf_token() }}'}}).done(resp=>{Swal.fire('Berhasil',resp.message||'Approved','success'); loadData();}).fail(xhr=>Swal.fire('Error',xhr.responseJSON?.message||'Gagal approve','error'));});});
 $('#insTable').on('click','.btn-reject',function(){const id=Number($(this).data('id')); promptNotes('Reject transaksi?','Reject',(notes)=>{$.post({url:`{{ url('/insentif-dinas') }}/${id}/reject`,data:{notes},headers:{'X-CSRF-TOKEN':'{{ csrf_token() }}'}}).done(resp=>{Swal.fire('Berhasil',resp.message||'Rejected','success'); loadData();}).fail(xhr=>Swal.fire('Error',xhr.responseJSON?.message||'Gagal reject','error'));});});
 $('#insTable').on('click','.btn-ready',function(){const id=Number($(this).data('id')); const row=rows.find(x=>Number(x.id)===id); Swal.fire({title:'Set Ready To Pay',html:`<div class="text-start"><label class="form-label">Metode Bayar</label><select id="swalPaymentMethod" class="form-select mb-2"><option value="salary" ${row?.payment_method==='salary'?'selected':''}>Gabung Salary</option><option value="separate" ${row?.payment_method==='separate'?'selected':''}>Bayar Terpisah</option></select><label class="form-label">Target Profil Bulan</label><select id="swalTargetProfil" class="form-select mb-2"><option value="">- Pilih Profil Bulan -</option>${(refs.profil_bulans||[]).map(p=>`<option value="${p.id}" ${Number(row?.target_profil_bulan_id||0)===Number(p.id)?'selected':''}>${p.code||'-'} - ${p.name||'-'}</option>`).join('')}</select><label class="form-label">Catatan Bayar</label><textarea id="swalPaymentNotes" class="form-control" rows="2">${row?.payment_notes||''}</textarea></div>`,showCancelButton:true,confirmButtonText:'Set Ready',didOpen:()=>{const toggle=()=>{$('#swalTargetProfil').prop('disabled',$('#swalPaymentMethod').val()!=='salary');}; $('#swalPaymentMethod').on('change',toggle); toggle();},preConfirm:()=>({payment_method:$('#swalPaymentMethod').val(),target_profil_bulan_id:$('#swalTargetProfil').val(),payment_notes:$('#swalPaymentNotes').val()})}).then(result=>{if(!result.isConfirmed)return; $.post({url:`{{ url('/insentif-dinas') }}/${id}/ready-to-pay`,data:result.value,headers:{'X-CSRF-TOKEN':'{{ csrf_token() }}'}}).done(resp=>{Swal.fire('Berhasil',resp.message||'Ready','success'); loadData();}).fail(xhr=>Swal.fire('Error',xhr.responseJSON?.message||'Gagal set ready','error'));});});
 $('#insTable').on('click','.btn-paid-separate',function(){const id=Number($(this).data('id')); Swal.fire({title:'Tandai dibayar terpisah?',html:`<div class="text-start"><label class="form-label">Referensi Pembayaran</label><input id="swalSeparateRef" class="form-control mb-2" /><label class="form-label">Catatan</label><textarea id="swalSeparateNotes" class="form-control" rows="2"></textarea></div>`,showCancelButton:true,confirmButtonText:'Paid Separate',preConfirm:()=>({separate_payment_reference:$('#swalSeparateRef').val(),payment_notes:$('#swalSeparateNotes').val()})}).then(result=>{if(!result.isConfirmed)return; $.post({url:`{{ url('/insentif-dinas') }}/${id}/mark-paid-separate`,data:result.value,headers:{'X-CSRF-TOKEN':'{{ csrf_token() }}'}}).done(resp=>{Swal.fire('Berhasil',resp.message||'Sudah dibayar terpisah','success'); loadData();}).fail(xhr=>Swal.fire('Error',xhr.responseJSON?.message||'Gagal update status','error'));});});
 $.when(loadRefs()).done(()=>{fillRefs(); loadData(); updateBulkCount();}).fail(()=>Swal.fire('Error','Gagal load referensi.','error'));
});
</script>
@endpush