@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="#">Logistik</a></li>
        <li class="breadcrumb-item"><a href="#">Kartu Stok</a></li>
        <li class="breadcrumb-item active" aria-current="page">{{ $dataHeader->nomor_terima_paket != null && $dataHeader->nomor_terima_paket ? $dataHeader->nomor_terima_paket : '-' }}</li>
    </ol>
</nav>

<div class="card m-b-30">
    <div class="card-body">
        <h5 class="card-title">
            <div class="row">
                <div class="col-12">
                    Buka Paket
                </div>
            </div>
        </h5>
        <div class="container mb-4">
            <div class="row">
                <div class="col-12 border border-bottom-0 p-3">
                    <div class="form-group">
                        <label>Supplier</label>
                        <input type="text" class="form-control" value="{{ $dataHeader->kode." | ".$dataHeader->nama }}" disabled="disabled">
                    </div>
                </div>
                <div class="col-12 border border-bottom-0 border-top-0 p-3">
                    <div class="form-group">
                        <label>Tanggal Terima Paket</label>
                        <input type="date" class="form-control" value="1970-01-01" disabled="disabled">
                    </div>
                </div>
                <div class="col-12 border border-top-0 p-3">
                    <div class="form-group">
                        <label>Tanggal Buka Paket</label>
                        <input type="date" class="form-control required" name="tanggal_buka_paket" id="tanggal_buka_paket" value="1970-01-01" disabled="disabled">
                    </div>
                </div>
            </div>
        </div>
        <div class="table-responsive" style="overflow-x: auto;">
            <table class="table table-bordered table-hover table-sm" style="width: 100% !important;">
                <thead>
                    <tr>
                        <th style="width: 20% !important;">Nomor Barang</th>
                        <th style="width: 10% !important;">Surat Jalan</th>
                        <th style="width: 10% !important;">Jumlah</th>
                        <th style="width: 10% !important;">Satuan</th>
                        <th style="width: 10% !important;">Berat Bruto (KG)</th>
                        <th style="width: 10% !important;">Berat Netto (KG)</th>
                        <th style="width: 10% !important;">Nomor Urut</th>
                    </tr>
                </thead>
                <tbody class="tampilBarang">
                    <tr class="infoKosong" >
                        <td colspan="7" class="text-center">Belum Terdapat Data</td>
                    </tr>
                                    </tbody>
            </table>
        </div>
        <div class="row mt-3">
            <div class="col-12">
                <a href="/logistik/kartu-stok" class="btn btn-warning btn-custom8" style="width: 100% !important;">Kembali ke Halaman Sebelumnya</a>
            </div>
        </div>
    </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