@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/titipan-order">Titipan Order</a></li>
        <li class="breadcrumb-item active" aria-current="page">Show Data</li>
    </ol>
</nav>

<div class="card m-b-30">
    <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-01T00:00:00" disabled="disabled">
                                </div>
                            </div>
                        </div>
                        <div class="form-group mb-3">
                            <div class="row">
                                <div class="col-12">
                                    <label>Titip Transaksi ke Cabang</label>
                                    <input class="form-control" type="text" placeholder="Titip Transaksi ke Cabang" disabled="disabled" value="{{ $dataHeader->cabang->nama_perusahaan ?? '-' }}">
                                </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="width: 5% !important;">No</th>
                        <th style="max-width: 20% !important;">Barang</th>
                        <th class="text-end" style="width: 10% !important;">Jumlah</th>
                        <th style="width: 10% !important;">Satuan</th>
                        <th class="text-end" style="width: 15% !important;">Harga</th>
                        <th class="text-end" style="width: 15% !important;">Biaya Tambahan</th>
                        <th class="text-end" style="width: 10% !important;">Total Harga</th>
                    </tr>
                </thead>
                <tbody>
                                        @foreach ($dataDetail as $index => $vDetail)
                                                <tr>
                            <td class="number">{{ $index + 1 }}</td>
                            <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>

                @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 m-b-30 mt-3">
    <div class="card-body">
        <div class="container-fluid">
            <div class="row">
                <div class="col-12 mt-1 mb-2" style="padding-left: 0px !important;">
                    <h5>Pembayaran Uang Muka</h5>
                </div>
            </div>
            <div class="row mt-1 border">
                <div class="col-12 mt-2 mb-3">
                    <label class="form-label"><b>Metode Bayar</b></label>
                    <select name="metode_bayar_id" id="metode_bayar_id" class="form-control" disabled="disabled">
                        <option value="0" data-tunai="0" >Silahkan Pilih</option>
                        @foreach ($listMetodeBayar as $vMB)
                            <option value="{{ $vMB->id }}" data-tunai="{{ $vMB->tunai == true ? '1' : '0' }}" selected="selected">{{ $vMB->nama }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="col-12 mt-1 mb-3">
                    <label class="form-label"><b>DP</b></label>
                    <input type="text" name="dp" id="dp" class="form-control" placeholder="DP" value="{{ formatNumber($dp) ?? 0 }}" disabled="disabled">
                </div>
                <div class="col-12 mt-1 mb-3">
                    <label class="form-label"><b>Nomor Refrensi</b></label>
                    <input type="text" name="nomor_transaksi" id="nomor_transaksi" class="form-control" placeholder="Nomor Transaksi" value="{{ $nomor_transaksi_bank ?? '' }}" disabled="disabled">
                </div>
            </div>
        </div>
        <div class="row mt-3">
            <div class="col-12">
                <a href="/penjualan/titipan-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