@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" />
<style>
    table#table-kasir> :not(caption)>*>* {
        padding: 0.3rem 0.3rem;
        vertical-align: middle;
    }

    table#kalkulasi> :not(caption)>*>* {
        padding: 0.3rem 0.3rem;
    }

    table#kalkulasi td.amount {
        width: 25%;
    }

    table#kalkulasi td.label-amount {
        vertical-align: middle;
        font-size: large;
        text-align: right;
        font-weight: 400;
    }

    table#kalkulasi td.label-amount-sm {
        vertical-align: middle;
        text-align: right;
    }

    th.nama-barang,
    td.nama-barang {
        max-width: 400px;
        white-space: normal !important;
    }

    td.mn100 {
        min-width: 100px;
    }

    .select2-selection__rendered {
        text-align: left !important;
    }

    .form-control-xl {
        padding: 0.5rem 0.8rem;
        font-size: 1.25rem !important;
        height: calc(2.875rem + 2px);
        border-radius: 0.25rem;
    }

    .fontgede, .fontgede {
        font-size: 1.25rem !important;
    }
</style>
@endpush

@section('content')

@if ($penjualan['is_batal'] ?? null)
  <div class="alert alert-danger alert-dismissible fade show" role="alert">
    {{ $penjualan['keterangan_batal'] }}
    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
  </div>
@endif

<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">Faktur</li>
    </ol>
</nav>

@if(!$response['data'])
    {{-- <div class="alert alert-danger" role="alert">
        Data penjualan tidak ditemukan atau belum dilakukan proses penjualan.
    </div> --}}
    <div class="card">
        <div class="card-body">
            <h5 class="card-title">
                {{ $response['response'] ?? 'Terjadi kesalahan saat mengambil data dari server tujuan.' }}
            </h5>
            <a href="{{ url('/penjualan/titipan-order') }}" class="btn btn-warning btn-custom8">Kembali</a>
        </div>
    </div>
@else
<div class="row">
    <div class="col-12 grid-margin">
        <div class="row">
            <div class="col-4">
                <div class="card h-100">
                    <div class="card-header">
                        <h4>Detail Order</h4>
                    </div>
                    <div class="card-body">
                        <p>
                            <b>No :</b>
                            <a href="{{ url('/penjualan/'. ($terimaOrder['tipe_order'] == 'titipan' ? 'titipan' : 'terima') .'-order/show/' . $idTitipanOrder) }}" target="_blank" rel="noopener noreferrer">
                                {{ $terimaOrder['nomor_terima_order'] ?? $terimaOrder['nomor_terima_order_titipan'] }}
                            </a>
                            <span class="badge text-bg-secondary">{{ strtoupper($terimaOrder['tipe_order']) }}</span>
                        </p>
                        <p class="mb-2"><b>T. Terima Order :</b> {{ formatDate($terimaOrder['tanggal_terima_order']) }}</p>
                        <p><b>T. Timbang Order :</b> {{ formatDate($penjualan['tanggal_timbang_order']) }}</p>
                        <p class="mb-2"><b>Ditimbang Oleh :</b> {{ $penjualan['pelaksana_timbang']['name'] }}</p>
                        <p><b>No Faktur :</b> {{ strtoupper($penjualan['nomor_nota']) }}</p>
                        <p><b>T. Faktur :</b> {{ formatDate($penjualan['tanggal_faktur']) }}</p>
                        <p><b>Kasir :</b> {{ $penjualan['pelaksana_kasir']['name'] ?? '-' }}</p>
                    </div>
                </div>
            </div>
            <div class="col-8">
                <div class="card {{ $penjualan['is_batal'] ? 'bg-card-batal' : '' }} h-100">
                    <div class="card-header">
                        <h4>Detail Pelanggan</h4>
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-9">
                                <input type="hidden" id="id_pelanggan" value="{{ $penjualan['id_pelanggan'] }}" />
                                <p><b>Kode :</b> {{ $penjualan['pelanggan']['kode'] }}</p>
                                <p><b>Nama :</b> <span id="namaCustomer">{{ $penjualan['pelanggan']['nama'] }}</span></p>
                                <p><b>Detail Kontak :</b></p>
                                <ul>
                                    @forelse ($penjualan['pelanggan']['detail_kontaks'] as $detail)
                                        <li>Telepon: {{ $detail['value'] }}</li>
                                    @empty
                                        Belum terdapat data
                                    @endforelse
                                </ul>
                                <p>
                                    <b>Alamat :</b>
                                    <br />
                                    {{ $penjualan['pelanggan']['alamat'] }}
                                </p>
                            </div>
                            <div class="col-3">
                                <form id="form-nomor-faktur-pajak">
                                    <div class="mb-2">
                                        <label for="nomor_faktur_pajak" class="form-label">Nomor Faktur Pajak</label>
                                        <input disabled readonly type="text" class="form-control required" id="nomor_faktur_pajak" name="nomor_faktur_pajak" value="{{ $penjualan['nomor_faktur_pajak'] ?? '-' }}" />
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>
</div>
<div class="row" id="detail-penjualan">
    <div class="col-12 grid-margin stretch-card">
        <div class="card {{ $penjualan['is_batal'] ? 'bg-card-batal' : '' }}">
            <div class="card-header">
                <h4>Detail Penjualan</h4>
            </div>
            <div class="card-body">
                <div class="row">
                    <div class="col-12">
                        <div class="table-responsive">
                            <table id="table-kasir" class="table table-bordered table-xs">
                                <thead>
                                    <tr>
                                        <th class="text-center">No.</th>
                                        <th class="text-center nama-barang">Nama Barang</th>
                                        <th class="text-center">Jumlah</th>
                                        <th class="text-center">QTY</th>
                                        <th class="text-center">Harga</th>
                                        <th class="text-center">Add Cost</th>
                                        <th class="text-center">Potongan</th>
                                        <th class="text-center">Total Potongan</th>
                                        <th class="text-center">Total</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @forelse($penjualan['details'] as $key => $detail)
                                    <tr class="dataBarang">
                                        <td class="text-center">1</td>
                                        <td class="nama-barang">
                                            <span class="dataBarangProduk1">{{ $detail['produk']['nama_produk'] }}</span>
                                            <input type="hidden" id="info{{ $detail['id'] }}" data-jumlah="{{ $detail['items']->sum('qty_timbang') }}" data-harga="{{ $detail['harga'] }}" data-biayatambahan="{{ $detail['biaya_tambahan'] }}">
                                            <a class="text-primary" data-bs-toggle="collapse" href="#detail-info-{{$detail['id']}}" role="button" aria-expanded="false" aria-controls="detail-info-{{$detail['id']}}">
                                                <span class="mdi mdi-information"></span>
                                            </a>
                                        </td>
                                        <td class="text-end">{{ formatNumber($detail['jumlah']) ?? 0 }} {{ $detail['satuan'] ?? "-" }}</td>
                                        <td class="text-end"><span class="dataBarangJumlah1">{{ formatNumber($detail['items']->sum('qty_timbang')) ?? 0 }} {{ $detail['produk']['unit_satuan_stock'] ?? '-' }}</span></td>
                                        <td class="text-end mn100"><span class="dataBarangHarga1">{{ formatNumberComma($detail['harga']) ?? 0 }}</span></td>
                                        <td class="text-end dataBarangBiayaTambahan mn100">{{ formatNumberComma($detail['biaya_tambahan']) ?? 0 }}</td>
                                        <td>
                                            <div class="d-flex align-items-center">
                                                <select
                                                    class="form-control form-control-sm me-2 potonganHarga"
                                                    id="potonganHarga"
                                                    style="max-width: 20%"
                                                    disabled
                                                >
                                                    <option value="" data-parameter="{{ $detail['id'] }}">-</option>
                                                    <option @selected($detail['tipe_diskon'] == 'persen') value="persen" data-parameter="{{ $detail['id'] }}">%</option>
                                                    <option @selected($detail['tipe_diskon'] == 'nominal') value="nominal" data-parameter="{{ $detail['id'] }}">Rp.</option>
                                                </select>
                                                <input
                                                    type="text"
                                                    class="form-control form-control-sm nominalDiskon text-end removeMinusSign formatInputUang"
                                                    disabled
                                                    id="nominal_diskon{{ $detail['id'] }}"
                                                    placeholder="0"
                                                    value="{{ formatNumberComma($detail['tipe_diskon'] == 'persen' ? $detail['diskon_persen'] : $detail['diskon_nominal']) }}"
                                                    data-parameter=""
                                                    style="max-width: auto"
                                                >
                                            </div>
                                        </td>
                                        <td class="text-end totalPotonganDetail mn100" id="totalPotonganSatuan{{ $detail['id'] }}">{{ formatNumberComma( $detail['diskon_nominal'] ) }}</td>
                                        <td class="mn100 text-end totalHargaDetail dataBarangTotal1" id="totalHarga{{ $detail['id'] }}" data-dpp_harga="{{ $detail['dpp_harga'] ?? 0 }}">{{ formatNumberComma($detail['sub_total'] ?? 0) }}</td>
                                    </tr>
                                    <tr class="collapse" data-bs-parent="#table-kasir" id="detail-info-{{$detail['id']}}">
                                        <td colspan="9">
                                            <ul>
                                            @foreach ($detail['items'] as $item)
                                                @php
                                                    $stokBrang = $item['stok_barang']
                                                @endphp
                                                <li>{{ "Nomor Urut: ".$stokBrang['sort']."; Kode Lot: ".$stokBrang['kode_lot']."; QRCode: ".$stokBrang['qrcode']."; QTY: ".formatNumber($item['qty_timbang'])." ".($detail['produk']['unit_satuan_stock'] ?? '-'); }}</li>
                                            @endforeach
                                            </ul>
                                        </td>
                                    </tr>
                                    @empty
                                    <tr>
                                        <td colspan="9">Belum terdapat data</td>
                                    </tr>
                                    @endforelse
                                </tbody>
                                <tfoot>
                                    <tr>
                                        <td colspan="2" style="font-size: 15px; font-weight: bold; text-align: right; color: red">
                                            TOTAL BERAT TIMBANG BARU
                                        </td>
                                        <td colspan="2">
                                            <input disabled readonly type="text" name="total_timbang_berat_baru" id="total_timbang_berat_baru" class="form-control text-end formatInputUang" value="{{ formatNumber($penjualan['total_timbang_berat_baru'] ?? 0) }}">
                                        </td>
                                        <td colspan="5"></td>
                                    </tr>
                                </tfoot>
                            </table>
                        </div>
                    </div>
                </div>
                <div class="row" style="margin-top: 25px;">
                    <div class="col-12">
                        <div class="table-responsive">
                            <table id="kalkulasi" class="table table-bordered">
                                <tbody>
                                    <tr>
                                        <td></td>
                                        <td class="label-amount-sm">Potongan</th>
                                        <td class="amount">
                                            <div class="d-flex align-items-center">
                                                <select
                                                    name="potongan"
                                                    id="potongan"
                                                    class="form-control form-control-lg me-2"
                                                    style="width: auto;"
                                                    disabled
                                                >
                                                    <option value="">-</option>
                                                    <option @selected($penjualan['tipe_diskon'] == 'persen') value="persen">%</option>
                                                    <option @selected($penjualan['tipe_diskon'] == 'nominal') value="nominal">Rp.</option>
                                                </select>

                                                <input
                                                    type="text"
                                                    disabled
                                                    name="input_potongan"
                                                    id="input_potongan"
                                                    class="form-control form-control-lg sanitizeMinusSign text-end formatInputUang"
                                                    placeholder="0"
                                                    value="{{ formatNumberComma($penjualan['tipe_diskon'] == 'persen' ? $penjualan['diskon_persen'] : $penjualan['diskon_nominal']) }}"
                                                    onkeyup="dottocomma(this)"
                                                    onchange="formatInputUang(this)"
                                                >
                                            </div>
                                            <div class="form-text text-end" id="nominal-potongan" @if($penjualan['tipe_diskon'] != 'persen') style="display: none" @endif>({{ formatNumberComma($penjualan['diskon_nominal']) }})</div>
                                            <div class="form-text text-end" id="persen-potongan" style="display: none">{{ formatNumberComma($penjualan['diskon_persen']) }}</div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td></td>
                                        <td class="label-amount">
                                            <div>Subtotal</div>
                                        </th>
                                        <td class="amount">
                                            <input type="text" class="form-control form-control-lg text-end" value="{{ formatNumberComma($sub_total) }}" id="sub-total" readonly>
                                        </td>
                                    </tr>
                                    @foreach ($penjualan['pajak_details'] as $key => $pajakDetail)
                                        @php
                                            if(!$pajakDetail['master_pajak']['is_include']){
                                                $total += $pajakDetail['amount'];
                                            }
                                        @endphp
                                        <tr>
                                            <td></td>
                                            <td class="label-amount-sm">
                                                <div class="d-flex justify-content-end">
                                                    <div class="input-group" style="width: 40%;">
                                                        <select class="form-select required pajak" disabled onchange="HitungGrandTotalNew()">
                                                            <option selected value="{{ $pajakDetail['master_pajak_id'] }}" disabled data-posisi="{{ $key+1 }}">{{ $pajakDetail['nama'] }}</option>
                                                        </select>
                                                    </div>
                                                </div>
                                            </td>
                                            <td class="amount">
                                                <input type="text" class="form-control form-control-lg text-end amount-pajak" value="{{ formatNumberComma($pajakDetail['amount']) }}" id="amount-pajak{{ $key+1 }}" readonly>
                                            </td>
                                        </tr>
                                    @endforeach
                                    <tr class="box-pajak" id="box-pajak"></tr>
                                    @foreach ($penjualan['biaya_lain'] as $biaya)
                                        @php
                                            $total += $biaya['amount'];
                                        @endphp
                                        <tr style="background-color: #fbfbfb" class="form-biaya">
                                            <td></td>
                                            <td class="label-amount-sm">
                                                <div class="d-flex justify-content-end">
                                                    <div class="input-group" style="width: 40%;">
                                                        <select disabled class="form-select required select2Creatable keterangan-biaya">
                                                            <option selected value="{{ $biaya['keterangan'] }}">{{ $biaya['keterangan'] }}</option>
                                                        </select>
                                                    </div>
                                                </div>
                                            </td>
                                            <td class="amount">
                                            <input
                                                disabled
                                                type="text"
                                                value="{{ formatNumberComma($biaya['amount']) }}"
                                                class="form-control form-control-lg required amount-biaya removeMinusSign text-end formatInputUang"
                                                onkeyup="HitungGrandTotalNew()"
                                            >
                                            </td>
                                        </tr>
                                    @endforeach
                                    <tr class="box-biaya-lain" id="box-biaya-lain"></tr>
                                    <tr>
                                        <td></td>
                                        <td class="label-amount">Total</th>
                                        <td class="amount">
                                            <input type="text" class="form-control form-control-lg text-end" value="{{ formatNumberComma($total) }}" id="total" readonly>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td></td>
                                        <td class="label-amount-sm">Pembulatan</th>
                                        <td class="amount">
                                            <input type="text" disabled class="form-control form-control-lg text-end formatInputUang" value="{{ formatNumberComma($penjualan['pembulatan']) }}" id="pembulatan">
                                        </td>
                                    </tr>
                                    <tr>
                                        @php
                                            $grand_total = $total + $penjualan['pembulatan']
                                        @endphp
                                        <td></td>
                                        <td class="label-amount" style="font-size: 20px;">Grand Total</th>
                                        <td class="amount">
                                            <input type="text" class="form-control form-control-lg text-end" value="{{ formatNumberComma($grand_total) }}" id="grand-total" readonly>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

@if (!$kirimUangTitipan)
<div class="row">
    <div class="col-12 mb-3">
        <div class="card {{ $penjualan['is_batal'] ? 'bg-card-batal' : '' }}">
            <div class="card-header">
                <h4>Riwayat Pembayaran</h4>
            </div>
            <div class="card-body">
                <div class="table-responsive" style="overflow-x: auto;">
                    <table id="datatable-serverside" class="table table-sm" style="width: 100%;">
                        <thead>
                            <tr>
                                <th class="kolomNomor">No.</th>
                                <th>Nomor</th>
                                <th>Metode Bayar</th>
                                <th>Tanggal</th>
                                <th>No Ref</th>
                                <th>File</th>
                                <th>Nominal</th>
                                <th>Status</th>
                                <th>Potongan</th>
                                <th>Kembalian</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse ($pembayaranValid as $item)
                                <tr>
                                    <td class="text-center">{{ $loop->iteration }}</td>
                                    <td>{{ $item['bayar_penjualan']['nomor'] ?? '-' }}</td>
                                    <td>

                                        <div>
                                            <span class="fw-bold">Metode : </span>
                                            <span>{{ $item['bayar_penjualan']['metode_bayar']['nama'] ?? '-' }}</span>
                                        </div>
                                        <div>
                                            <span class="fw-bold">Rekening : </span>
                                            <span>{{ $item['bayar_penjualan']['metode_bayar']['info_rekening_perusahaan'] ?? '-' }}</span>
                                        </div>
                                    </td>
                                    <td>{{ formatDate($item['bayar_penjualan']['tanggal']) ?: '-' }}</td>
                                    <td>{{ $item['bayar_penjualan']['nomor_transaksi_bank'] ?? '-' }}</td>
                                    <td>
                                        @if ($item['bayar_penjualan']['file_pembayaran'] ?? false)
                                            <a href="{{asset('berkas_file_pembayaran/').'/'.($item['bayar_penjualan']['file_pembayaran'])}}" target="_blank">Open File</a>
                                        @else
                                            -
                                        @endif
                                    </td>
                                    <td>{{ formatNumberComma($item['total_bayar'] ?? 0) }}</td>
                                    <td>
                                        @if ($item['bayar_penjualan']['is_verified'] ?? false)
                                            <span class="badge text-bg-success">Valid</span>
                                        @else
                                            <span class="badge text-bg-warning text-white">Perlu dicek</span>
                                        @endif
                                    </td>
                                    <td>{{ formatNumberComma($item['bayar_penjualan']['potongan'] ?? 0) }}</td>
                                    <td>{{ formatNumberComma($item['bayar_penjualan']['kembalian']  ?? 0) }}</td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="11" class="text-center">Belum terdapat data</td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
@endif

@if (!$kirimUangTitipan)
<div class="row" id="pembayaran">
    <div class="col-12">
        <div class="card">
            <div class="card-body">
                <div class="row mt-4">
                    <div class="col-8">
                        <div class="text-center">
                            <label class="form-label fw-bold" id="label-bayar">Kurang Bayar</label>
                            <hr />
                            <h1 id="bayar" data-total_penjualan="0" data-grand_total_penjualan="">Rp. {{ formatNumberComma($grand_total - $sudah_dibayar) }}</h1>
                        </div>
                    </div>
                    <div class="col-4">
                        <div class="p-1">
                            <a href="#detail-penjualan" class="btn btn-light w-100 fontgede">Detail Penjualan</a>
                        </div>
                        <div class="p-1">
                            <a class="btn btn-primary btn-custom6 w-100 fontgede" href="/penjualan/titipan-order/preview-nota/{{ $idTitipanOrder }}/{{ $penjualan['id'] }}" target="_blank">Cetak Nota</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endif

@if ($kirimUangTitipan)
<div class="card">
    <div class="card-header">
        <h4>{{ 'Uang Sudah Disetor' }}</h4>
    </div>
    <div class="card-body">
        <form id="form-kirim-titipan">
            <div class="row">
                <div class="col-8">
                    <div class="mb-3">
                        <label class="form-label" for="rekening_tujuan">Rekening Tujuan</label>
                        <select
                            name="rekening_tujuan"
                            class="form-control required select2Custom"
                            id="rekening_tujuan"
                            disabled
                        >
                            <option
                                value="{{$kirimUangTitipan->id_metode_bayar}}"
                                data-info_rekening_perusahaan="{{ $kirimUangTitipan->metodeBayar->info_rekening_perusahaan }}"
                                data-rekening="{{ $kirimUangTitipan->metodeBayar->keterikatan_rekening_perusahaan }}"
                                selected
                            >
                                    {{$kirimUangTitipan->metodeBayar->nama}}
                            </option>
                        </select>
                    </div>
                    <div class="mb-3">
                        <label class="form-label" for="tanggal_dikirim">Tanggal</label>
                        <input type="datetime-local" name="tanggal_dikirim" id="tanggal_dikirim" class="form-control required" disabled
                            value="{{ date('Y-m-d H:i', strtotime($kirimUangTitipan->tanggal)) }}">
                    </div>
                    <div class="mb-3">
                        <div class="text-center">
                            <label class="form-label fw-bold" id="label-bayar">Jumlah Disetor</label>
                            <hr />
                            <h1>Rp. {{ formatNumberComma($kirimUangTitipan->nominal_dikirim ?? 0) }}</h1>
                        </div>
                    </div>
                </div>
                <div class="col-4 mt-auto">
                    <div class="p-1">
                        <a href="#detail-penjualan" class="btn btn-light w-100 fontgede">Detail Penjualan</a>
                    </div>
                    <div class="p-1">
                        <a class="btn btn-primary btn-custom6 w-100 fontgede" href="/penjualan/titipan-order/preview-nota/{{ $idTitipanOrder }}/{{ $penjualan['id'] }}" target="_blank">Cetak Nota</a>
                    </div>
                </div>
            </div>
        </form>
    </div>
</div>
@endif

@endif
@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>
{{-- @include('pages.penjualan.kasir.input-kasir-js') --}}
@endpush