@extends('layouts.main')
@section('content')
<div class="content-wrapper">
  <div class="content-header">
    <div class="container-fluid">
      <div class="row mb-2">
        <div class="col-sm-6"><h1 class="m-0">Sales Order {{ $so->no_sales_order }}</h1></div>
        <div class="col-sm-6">
          <ol class="breadcrumb float-sm-right">
            <li class="breadcrumb-item"><a href="{{ route('so.index') }}">Sales Order</a></li>
            <li class="breadcrumb-item active">Detail</li>
          </ol>
        </div>
      </div>
    </div>
  </div>
<section class="content">
  <div class="container-fluid">
    <div class="card">
      <div class="card-header d-flex justify-content-between align-items-center">
        <span class="badge badge-{{ $so->status === 'selesai' ? 'success' : 'warning' }}" style="font-size:14px;">{{ ucfirst($so->status) }}</span>
        <div>
          @if (!in_array($so->status, ['selesai', 'batal']))
            <a href="{{ route('so.sj-create', $so->id) }}" class="btn btn-success btn-sm"><i class="fas fa-truck"></i> Buat Surat Jalan</a>
            <form action="{{ route('so.destroy', $so->id) }}" method="POST" class="d-inline form-hapus">
              @csrf @method('DELETE')
              <button type="submit" class="btn btn-danger btn-sm"><i class="fas fa-trash"></i> Hapus</button>
            </form>
          @endif
          <a href="{{ route('so.index') }}" class="btn btn-secondary btn-sm">Kembali</a>
        </div>
      </div>
      <div class="card-body">
        <div class="row mb-4">
          <div class="col-md-6">
            <table class="table table-borderless mb-0">
              <tr><th width="35%">No SO</th><td>: {{ $so->no_sales_order }}</td></tr>
              <tr><th>Tanggal</th><td>: {{ \Carbon\Carbon::parse($so->tanggal)->format('d-m-Y') }}</td></tr>
              <tr><th>Dari Penawaran</th><td>: {{ $so->penawaran ? \App\Models\Penawaran::find($so->penawaran_id)->no_penawaran : '-' }}</td></tr>
            </table>
          </div>
          <div class="col-md-6">
            <table class="table table-borderless mb-0">
              <tr><th width="35%">Pelanggan</th><td>: {{ $so->pelanggan->nama ?? '-' }}</td></tr>
              <tr><th>Catatan</th><td style="white-space:pre-line;">: {{ $so->catatan ?? '-' }}</td></tr>
            </table>
          </div>
        </div>

        <h5>Item Order & Sisa Kirim</h5>
        <div class="table-responsive mb-4">
          <table class="table table-bordered table-striped">
            <thead class="bg-secondary text-white">
              <tr><th>Produk</th><th width="8%">Qty Order</th><th width="10%">Sudah Dikirim</th><th width="10%">Sisa</th><th width="14%">Harga</th><th width="12%">Diskon/Unit</th><th width="15%">Subtotal</th><th width="8%">Aksi</th></tr>
            </thead>
            <tbody>
              @foreach ($so->detail as $d)
                @php
                  $kirim = (int) $d->qty - (int) ($sisa[$d->master_produk_id] ?? 0);
                  $bisaHapusItem = !in_array($so->status, ['selesai', 'batal']) && ($sisa[$d->master_produk_id] ?? 0) == $d->qty;
                @endphp
                <tr>
                  <td>{{ optional($d->produk)->nama_produk ?? '-' }}</td>
                  <td class="text-center">{{ $d->qty }}</td>
                  <td class="text-center">{{ $kirim }}</td>
                  <td class="text-center font-weight-bold {{ ($sisa[$d->master_produk_id] ?? 0) > 0 ? 'text-warning' : 'text-success' }}">{{ $sisa[$d->master_produk_id] ?? 0 }}</td>
                  <td class="text-right">{{ rupiah($d->harga_jual) }}</td>
                  <td class="text-right">{{ rupiah($d->diskon) }}</td>
                  <td class="text-right">{{ rupiah($d->subtotal) }}</td>
                  <td class="text-center">
                    @if ($bisaHapusItem && $so->detail->count() > 1)
                      <form id="form-hapus-item-{{ $d->id }}" action="{{ route('so.detail.destroy', $d->id) }}" method="POST" class="d-inline">
                        @csrf @method('DELETE')
                        <button type="button" class="btn btn-sm btn-danger btn-delete-item" data-id="{{ $d->id }}" title="Hapus item ini"><i class="fas fa-trash"></i></button>
                      </form>
                    @elseif ($so->detail->count() <= 1)
                      <span class="text-muted" title="Minimal 1 item"><i class="fas fa-ban"></i></span>
                    @else
                      <span class="text-muted" title="Sudah terkirim"><i class="fas fa-lock"></i></span>
                    @endif
                  </td>
                </tr>
              @endforeach
            </tbody>
          </table>
        </div>

        <h5>Surat Jalan Terbit</h5>
        <div class="table-responsive mb-3">
          <table class="table table-bordered">
            <thead class="bg-light"><tr><th>No Surat Jalan</th><th>Tanggal</th><th>No PO</th><th>Plat Nomor</th><th>Termin</th><th>Invoice</th></tr></thead>
            <tbody>
              @forelse ($so->suratJalans as $sj)
                <tr>
                  <td>{{ $sj->no_surat_jalan }}</td>
                  <td>{{ optional($sj->tanggal)->format('d-m-Y') }}</td>
                  <td>{{ $sj->no_po ?? '-' }}</td>
                  <td>{{ $sj->plat_nomor ?? '-' }}</td>
                  <td>{{ $sj->termin_hari }} hari</td>
                  <td>
                    @if ($sj->penjualan_id)
                      <a href="{{ route('penjualan.show', $sj->penjualan_id) }}">Lihat Invoice</a>
                    @else
                      <a href="{{ route('sj.inv-create', $sj->id) }}" class="btn btn-sm btn-primary"><i class="fas fa-file-invoice"></i> Buat Invoice</a>
                    @endif
                  </td>
                </tr>
              @empty
                <tr><td colspan="6" class="text-center text-muted">Belum ada surat jalan.</td></tr>
              @endforelse
            </tbody>
          </table>
        </div>
        @if (!in_array($so->status, ['selesai', 'batal']))
          <p class="text-muted small">Setelah Surat Jalan terbit, buka SJ tersebut untuk membuat Invoice-nya (Tahap berikutnya).</p>
        @endif
      </div>
    </div>
  </div>
</section>
</div>
<script>
$(function () {
    $('.form-hapus').on('submit', function (e) {
        e.preventDefault();
        const f = this;
        Swal.fire({ title: 'Hapus Sales Order?', text: 'Yakin ingin menghapus Sales Order ini?', icon: 'warning', showCancelButton: true,
            confirmButtonColor: '#d33', confirmButtonText: 'Ya, hapus', cancelButtonText: 'Batal' })
        .then(r => { if (r.isConfirmed) f.submit(); });
    });
    $('.btn-delete-item').on('click', function () {
        let id = $(this).data('id');
        Swal.fire({ title: 'Hapus item?', text: 'Item yang belum dikirim akan dihapus dari SO ini.', icon: 'warning', showCancelButton: true,
            confirmButtonColor: '#d33', confirmButtonText: 'Ya, hapus', cancelButtonText: 'Batal' })
        .then(r => { if (r.isConfirmed) document.getElementById('form-hapus-item-' + id).submit(); });
    });
});
</script>
@endsection