@extends('layouts.app')
@section('title','Pengiriman & Surat Jalan')
@section('breadcrumb') <span>Pengiriman</span> @endsection
@section('content')
<div class="pf-page-header">
    <div>
        <h1 class="pf-page-title"><i class="bi bi-truck me-2 text-primary-pf"></i>Pengiriman & Surat Jalan</h1>
        <p class="pf-page-subtitle">Kelola pengiriman hasil produksi ke pelanggan</p>
    </div>
    <a href="{{ route('deliveries.create') }}" class="btn btn-primary btn-sm"><i class="bi bi-plus-lg"></i> Buat Surat Jalan</a>
</div>
<div class="pf-card">
    <div class="pf-card-body p-0">
        <div class="table-responsive">
            <table class="table table-hover mb-0" id="tblDelivery">
                <thead><tr><th>No. SJ</th><th>Sales Order</th><th>Pelanggan</th><th>Tgl Kirim</th><th>Pengirim</th><th>Ekspedisi</th><th>Status</th><th>Aksi</th></tr></thead>
                <tbody>
                    @foreach($deliveries as $d)
                    @php $statusCls=['pending'=>'pf-status-draft','dikirim'=>'pf-status-proses','diterima'=>'pf-status-selesai','retur'=>'pf-status-batal'][$d->status]??'pf-status-draft'; @endphp
                    <tr>
                        <td><a href="{{ route('deliveries.show',$d->id) }}" class="font-mono text-primary fw-500">{{ $d->no_sj }}</a></td>
                        <td><span class="font-mono text-muted" style="font-size:12px">{{ $d->salesOrder?->no_so??'-' }}</span></td>
                        <td style="font-weight:500;font-size:13px">{{ $d->salesOrder?->pelanggan?->nama??'-' }}</td>
                        <td>{{ $d->tgl_kirim?->format('d/m/Y') }}</td>
                        <td style="font-size:12.5px">{{ $d->pengirim??'-' }}</td>
                        <td style="font-size:12.5px">{{ $d->ekspedisi??'Internal' }}</td>
                        <td><span class="pf-status {{ $statusCls }}">{{ ucfirst($d->status) }}</span></td>
                        <td>
                            <div class="d-flex gap-1">
                                <a href="{{ route('deliveries.show',$d->id) }}" class="btn btn-xs btn-outline-secondary"><i class="bi bi-eye"></i></a>
                                <a href="/deliveries/{{ $d->id }}/print" target="_blank" class="btn btn-xs btn-outline-primary" title="Cetak SJ"><i class="bi bi-printer"></i></a>
                                @if($d->status!=='diterima')
                                <button class="btn btn-xs btn-outline-success" onclick="konfirmasiTerima({{ $d->id }})"><i class="bi bi-check2-all"></i></button>
                                @endif
                            </div>
                        </td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
</div>
<div class="mt-3">{{ $deliveries->links() }}</div>
@endsection
@push('scripts')
<script>
$(document).ready(() => { $('#tblDelivery').DataTable({paging:false,searching:true,info:false}); });
function konfirmasiTerima(id) {
    Swal.fire({title:'Konfirmasi Diterima?',text:'Status pengiriman akan diubah ke Diterima.',icon:'question',showCancelButton:true,confirmButtonColor:'#059669',confirmButtonText:'Ya, Diterima'})
    .then(r => { if(r.isConfirmed) {
        fetch(`/deliveries/${id}/status`,{method:'POST',headers:{'Content-Type':'application/json','X-CSRF-TOKEN':document.querySelector('meta[name="csrf-token"]').content},body:JSON.stringify({status:'diterima'})})
        .then(r=>r.json()).then(d=>{ if(d.success){PF.success('Status diperbarui');setTimeout(()=>location.reload(),1000);} else PF.error(d.message); });
    }});
}
</script>
@endpush