@extends('layout.master')

@push('plugin-styles')
  <link href="{{ asset('assets/plugins/datatables-net-bs5/dataTables.bootstrap5.css') }}" rel="stylesheet" />
  <link href="{{ asset('assets/plugins/@mdi/css/materialdesignicons.min.css') }}" rel="stylesheet" />
@endpush

@section('content')
  <nav class="page-breadcrumb">
    <ol class="breadcrumb">
      <li class="breadcrumb-item"><a href="#">Pembelian</a></li>
      <li class="breadcrumb-item"><a href="{{ route('pembelian.invoice-ekspedisi.index') }}">Invoice Ekspedisi</a></li>
      <li class="breadcrumb-item active" aria-current="page">Detail</li>
    </ol>
  </nav>

  <div class="card m-b-30">
    <div class="card-body">
      <h5 class="card-title">
        <div class="row">
          <div class="col-12">
            Invoice Ekspedisi
          </div>
        </div>
      </h5>
      <form id="form_invoice_ekspedisi"
        onsubmit="submitMainForm('{{ route('pembelian.invoice-ekspedisi.update', $data->id) }}')">
        <div class="mb-4">
          <div class="">
            <div class="border p-3">
              <div class="form-group">
                <div class="row">
                  <div class="col-12 col-md-6 mb-3">
                    <label>Ekspedisi</label>
                    <div class="form-control">{{ $data->ekspedisi->name_in_list }}</div>
                  </div>
                  <div class="col-12 col-md-6 mb-3">
                    <label>Tanggal Invoice</label>
                    <div class="form-control">
                      {{ date('Y-m-d', strtotime($data->tanggal)) }}
                    </div>
                  </div>
                  <div class="col-12">
                    <label>Keterangan</label>
                    <div class="form-control pre-line">{{ $data->keterangan ?? '-' }}</div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="table-responsive" style="overflow-x: auto;">
          <table class="table table-bordered table-hover table-sm" id="table-detail">
            <thead>
              <tr>
                <th>No Terima Paket</th>
                <th>No Faktur</th>
                <th>Supplier</th>
                <th>Gudang</th>
                <th>Ekspedisi</th>
                <th>Tanggal</th>
                <th class="kolomQty text-end">Jumlah (Koli)</th>
                <th class="kolomQty text-end">Berat (Kg)</th>
                <th class="text-end kolomHarga">Harga</th>
                <th class="text-end">Total</th>
              </tr>
            </thead>
            <tbody class="tampilBarang">
              <tr class="infoKosong" style="display: none">
                <td colspan="11" class="text-center">Belum Terdapat Data</td>
              </tr>
              @foreach ($data->details as $item)
                <tr class="rowDetail detail-{{ $item->id_terima_paket }}">
                  <td>
                    <input type="hidden" class="form-control idDetail" value="{{ $item->id_terima_paket }}">
                    <input type="hidden" class="form-control idLama" value="{{ $item->id }}">
                    {{ $item->terimaPaket->nomor_terima_paket ?? '-' }}
                  </td>
                  <td>{{ $item->terimaPaket->no_faktur ?? '-' }}</td>
                  <td>{{ $item->terimaPaket->supplier->kode ?? '-' }} | {{ $item->terimaPaket->supplier->nama ?? '-' }}
                  </td>
                  <td>{{ $item->terimaPaket->gudang->nama ?? '-' }}</td>
                  <td>{{ $item->terimaPaket->ekspedisi->kode ?? '-' }} |
                    {{ $item->terimaPaket->ekspedisi->nama ?? '-' }}</td>
                  <td>{{ formatDate($item->terimaPaket->tanggal_terima_paket ?? null) }}</td>
                  <td class="jumlah_koli text-end">{{ formatNumber($item->terimaPaket->jumlah ?? 0) }}</td>
                  <td class="berat text-end">{{ formatNumber($item->terimaPaket->berat ?? 0) }}</td>
                  <td class="text-end">
                    {{ formatNumber($item->harga) }}
                  </td>
                  <td class="totalDetail text-end">
                    {{ formatNumber($item->total) }}
                  </td>
                </tr>
              @endforeach
            </tbody>
          </table>
        </div>

        <div class="row mt-3">
          <div class="hitung-pajak">
            @foreach ($data->pajakDetails as $key => $detail)
              <div class="form-group mb-3">
                <div class="row">
                  <div class="col-6">
                    <h5>{{ $detail->nama . ' (' . formatNumber(abs($detail->rate)) . '%)' }}</h5>
                  </div>
                  <div class="col-6 text-end my-auto">
                    <h5 class="amount-pajak">Rp {{ formatNumber(abs($detail->amount)) }}</h5>
                  </div>
                </div>
              </div>
            @endforeach
          </div>

          <div class="col-12 mb-3">
            <div class="row">
              <div class="col-6 mb-3">
                <h5>DPP</h5>
              </div>
              <div class="col-6 text-end mb-3">
                <h5 id="dpp">Rp {{ formatNumber($data->dpp) }}</h5>
              </div>

              <div class="col-12 hitung-biaya">
                @foreach ($data->biayaLain as $no => $item)
                  <div
                    class="form-group pt-2 form-biaya{{ $loop->first ? ' pt-3 border-top' : '' }}{{ $loop->last ? ' pb-3 border-bottom mb-2' : '' }}">
                    <div class="row">
                      <div class="col-6">
                        <h5>{{ $item->keterangan }}</h5>
                      </div>
                      <div class="col-6 text-end my-auto">
                        <h5>{{ formatNumber($item->amount) }}</h5>
                      </div>
                    </div>
                  </div>
                @endforeach
              </div>

              <div class="col-6 mb-3">
                <h3>Grand Total</h3>
              </div>
              <div class="col-6 mb-3 text-end">
                <h3 id="grand-total">Rp {{ formatNumber($data->grand_total) }}</h3>
              </div>

              <div class="col-12 uang-muka"></div>
              <div class="sol-12 sisa-hutang"></div>
            </div>
          </div>
        </div>
        <div class="row mt-3">
          <div class="col-12">
            <a href="{{ route('pembelian.invoice-ekspedisi.index') }}" class="btn btn-warning btn-custom8"
              style="width: 100% !important;">
              Kembali ke Halaman Sebelumnya
            </a>
          </div>
        </div>
      </form>
    </div>
  </div>
@endsection

@push('plugin-scripts')
  <script src="{{ asset('assets/plugins/datatables-net/jquery.dataTables.js') }}"></script>
  <script src="{{ asset('assets/plugins/datatables-net-bs5/dataTables.bootstrap5.js') }}"></script>
@endpush

@push('custom-scripts')
  <script src="{{ asset('assets/js/data-table.js') }}"></script>
  <script src="{{ asset('assets/js/sweet-alert.js') }}"></script>
@endpush