@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="#">Penjualan</a></li>
        <li class="breadcrumb-item"><a href="/penjualan/terima-order">Terima Order</a></li>
        <li class="breadcrumb-item active" aria-current="page">Show Data</li>
    </ol>
</nav>

<div class="card mb-4">
    <div class="card-body">
        <h5 class="card-title">
            <div class="row">
                <div class="col-12">
                    Terima Order Penjualan ({{ $dataHeader->nomor_terima_order }})
                </div>
            </div>
        </h5>
        <div class="container-fluid mb-4">
            <div class="row">
                <div class="col-12 border p-3">
                    <form id="form_terima_order">
                        <div class="form-group mb-3">
                            <label>Pelanggan</label>
                            <input class="form-control" type="text" placeholder="Pelanggan" value="{{ $dataHeader->pelanggan->kode }} | {{ $dataHeader->pelanggan->nama }}" disabled="disabled">
                        </div>
                        <div class="form-group mb-3">
                            <div class="row">
                                <div class="col-12">
                                    <label>Tanggal Terima Order</label>
                                    <input class="form-control" type="datetime-local" placeholder="Tanggal Terima Order" value="1970-01-01 00:00:00" disabled="disabled">
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="row">
                                <div class="col-12">
                                    <label>Catatan Tambahan</label>
                                    <textarea name="Catatan Tambahan" id="Catatan Tambahan" rows="5" class="form-control" disabled="disabled">{{ $dataHeader->note }}</textarea>
                                </div>
                            </div>
                        </div>
                    </form>
                </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="max-width: 25% !important;">Barang</th>
                        <th style="width: 10% !important;" class="text-end">Jumlah</th>
                        <th style="width: 10% !important;">Satuan</th>
                        <th style="width: 15% !important;" class="text-end">Harga</th>
                        <th style="width: 15% !important;" class="text-end">Biaya Tambahan</th>
                        <th style="width: 10% !important;" class="text-end">Total Harga</th>
                    </tr>
                </thead>
                <tbody>
                                        @foreach ($dataDetail as $vDetail)
                                                <tr>
                            <td>{{ cetakNamaProduk($vDetail->kode ?? null, $vDetail->nama ?? null, $vDetail->parent_id ?? null, $vDetail->kode_parent ?? null, $vDetail->nama_parent ?? null) }}</td>
                            <td class="text-end">{{ formatNumber($vDetail->jumlah) ?? 0 }}</td>
                            <td>{{ $vDetail->satuan ?? "-" }}</td>
                            <td class="text-end">{{ formatNumber($vDetail->harga) ?? 0 }}</td>
                            <td class="text-end">{{ formatNumber($vDetail->biaya_tambahan) ?? 0 }}</td>
                            <td class="text-end">{{ formatNumber($vDetail->sub_total) ?? 0 }}</td>
                        </tr>
                    @endforeach
                </tbody>
                <tfoot>
                    <tr>
                        <td colspan="5" class="text-center"><b>Total</b></td>
                        <td class="text-end">{{ formatNumber($totalTerimaOrder) }}</td>
                    </tr>
                </tfoot>

                @if ($jmlData <= 0)
                    <tbody class="tampilBarang">
                        <tr class="infoKosong">
                            <td colspan="6" class="text-center">Belum Terdapat Data</td>
                        </tr>
                    </tbody>
                @endif
            </table>
        </div>
    </div>
</div>
<div class="card">
    <div class="card-body">
        <div class="row">
            <div class="col-12 mb-2" style="padding-left: 0px !important;">
                <h5>History Uang Muka</h5>
            </div>
        </div>
        <div class="table-responsive mb-3 mt-2" style="overflow-x: auto;">
            <table id="table-uang-muka" class="table table-sm border" style="width: 100%;">
                <thead>
                <tr>
                    <th>Metode Bayar</th>
                    <th>Rekening Perusahaan</th>
                    <th>Tanggal Pembayaran</th>
                    <th>Nomor Referensi</th>
                    <th>File</th>
                    <th class="text-end">Uang Muka</th>
                </tr>
                </thead>
                <tbody>
                                                <tr>
                                <td colspan="6" class="text-center">Belum Terdapat Data</td>
                            </tr>
                                            </tbody>
            </table>
        </div>
        <div class="row mt-3">
            <div class="col-12">
                <a href="/penjualan/terima-order" 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