@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-header">
          <h4>Terima Order Penjualan ({{ $dataHeader->nomor_terima_order }})</h4>
        </div>
    <div class="card-body">
        <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">{{ formatNumberComma($vDetail->harga) ?? 0 }}</td>
                            <td class="text-end">{{ formatNumberComma($vDetail->biaya_tambahan) ?? 0 }}</td>
                            <td class="text-end">{{ formatNumberComma($vDetail->sub_total) ?? 0 }}</td>
                        </tr>
                    @endforeach
                </tbody>
                <tfoot>
                    <tr>
                        <td colspan="5" class="text-center"><b>Total</b></td>
                        <td class="text-end">{{ formatNumberComma($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-header">
          <h4>History Uang Muka</h4>
        </div>
    <div class="card-body">
        <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>No</th>
                        <th>Nomor</th>
                        <th style="min-width: 200px">Metode Bayar</th>
                        <th style="min-width: 300px">Rekening</th>
                        <th>Tanggal</th>
                        <th style="min-width: 200px">No Ref</th>
                        <th>File</th>
                        <th style="min-width: 150px" class="text-end">Nominal</th>
                        <th>Status</th>
                        <th>Aksi</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse ($uangMuka as $key => $vUangMuka)
                        <tr class="uang-muka-row" data-index="{{ $key }}">
                            <td>{{ $key + 1 }}</td>
                            <td>{{ $vUangMuka['nomor'] ?? '-' }}</td>
                            <td>
                                {{ $vUangMuka['metodeBayar']['name'] ?? '-'}}
                            </td>
                            <td>
                                {{ $vUangMuka['rekening'] ?? '-' }}
                            </td>
                            <td>
                                {{
                                    $vUangMuka['tanggal'] ? date('d/m/Y H:i', strtotime($vUangMuka['tanggal'])) : '-'
                                }}
                            </td>
                            <td>
                                {{ $vUangMuka['nomorTransaksi'] ?? '-' }}
                            </td>
                            <td>
                                @if($vUangMuka['file']['previewLink'] ?? null)
                                    <a id="previewLink" target="_blank" href="{{ $vUangMuka['file']['previewLink'] }}">
                                        {{ $vUangMuka['file']['name'] }}
                                    </a>
                                @else
                                    -
                                @endif
                            </td>
                            <td class="text-end">
                                {{ formatNumberComma($vUangMuka['nominal'] ?? 0) }}
                            </td>
                            <td>
                                @if ($vUangMuka['isVerified'] ?? false)
                                    <span class="badge text-bg-success">Valid</span>
                                @else
                                    <span class="badge text-bg-warning text-white">Perlu dicek</span>
                                @endif
                            </td>
                            <td>
                                @if (!($dataHeader->penjualan?->tanggal_faktur && $vUangMuka['isVerified']))
                                    {{--
                                        Jika sudah terverifikasi dan tanggal faktur sudah diisi,
                                        dalam artian invoice penjualan sudah dibuat,
                                        maka tidak boleh mengubah data pembayaran ini.
                                    --}}
                                    <button type="button" class="btn btn-danger btn-custom5 btn-sm" onclick="deletePembayaran('{{ $vUangMuka['bayarPenjualanId'] }}')" data-row="{{ $key }}"><span class="mdi mdi-delete"></span></button>
                                @else
                                    -
                                @endif
                            </td>
                        </tr>
                    @empty
                        <tr class="infoKosong">
                            <td colspan="10" class="text-center">Belum Terdapat Data</td>
                        </tr>
                    @endforelse
                </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>
  <script>
    function deletePembayaran(id){
        swal({
        title: "Konfirmasi",
        text: "Apakah anda ingin menghapus data Pembayaran ini ?",
        type: "warning",
        showCancelButton: true,
        cancelButtonText: "Batal",
        confirmButtonText: "Lanjutkan"
        }).then(function(){
            const url = '/penjualan/kasir/pembayaran/' + id +'/delete';
            sendJson(url, {_token:'{{ csrf_token() }}'}, rSends);
        })
    }
  </script>
@endpush