@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-header">
        <h4>Titipan Order Penjualan ({{ $dataHeader->nomor_terima_order_titipan }})</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>
                            <select name="id_pelanggan" id="id_pelanggan" class="form-control required select2Custom" disabled="disabled">
                                <option value="{{ $dataHeader->id_pelanggan }}" selected="selected">{{ $dataHeader->pelanggan->name_in_list }}</option>
                            </select>
                        </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">
                            <label>Toko Transkasi Asal</label>
                            <select class="form-control select2Custom disabled" disabled>
                                <option selected>{{ $dataHeader->tokoAsal?->nama_perusahaan }}</option>
                            </select>
                        </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">{{ 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>

                @if ($jmlData <= 0)
                    <tbody class="tampilBarang">
                        <tr class="infoKosong">
                            <td colspan="6" class="text-center">Belum Terdapat Data</td>
                        </tr>
                    </tbody>
                @else
                    <tfoot>
                        <tr>
                            <td colspan="6" class="text-center"><b>Total</b></td>
                            <td class="text-end" id="totalTerimaOrder">{{ formatNumberComma($totalTerimaOrder) }}</td>
                        </tr>
                    </tfoot>
                @endif
            </table>
        </div>

        {{-- <div class="alert alert-secondary mt-3" role="alert">
            @if (in_array($dataHeader->status, [\App\TerimaOrder::STATUS_TITIPAN_BELUM_DIKIRIM, \App\TerimaOrder::STATUS_TITIPAN_GAGAL_DIKIRIM]))
                Harga diatas merupakan harga estimasi
            @endif

            @if (in_array($dataHeader->status, [\App\TerimaOrder::STATUS_TITIPAN_SUDAH_DIKIRIM]))
                Harga diatas merupakan harga toko "{{ $dataHeader->tokoTujuan?->nama_perusahaan ?? '-' }}"
            @endif
        </div> --}}
    </div>
</div>

@if (!$dataHeader->is_tujuan)
<div class="card m-b-30 mt-3">
    <div class="card-header">
        <h4>History Uang Titipan</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>
        @if (!in_array($dataHeader->status, [\App\TerimaOrder::STATUS_TITIPAN_BELUM_DIKIRIM, \App\TerimaOrder::STATUS_TITIPAN_GAGAL_DIKIRIM]))
        <div class="row mt-3">
            <div class="col-12">
                <button type="button" id="btnTambahUangMuka" class="btn btn-light btn-custom2" style="width: 100% !important;">Tambah Uang Titipan</button>
            </div>
        </div>
        @endif
    </div>
</div>
@endif

@if (!$dataHeader->IsHiddenSetorUangTitipan)
<div class="card mt-3">
    <div class="card-header">
        <h4>{{ $kirimUangTitipan ? 'Uang Sudah ' . ($dataHeader->is_tujuan ? 'Diterima' : 'Disetor') : 'Setor Uang Titipan' }}</h4>
    </div>
    <div class="card-body">
        <form onsubmit="kirimUangTitipan(event)" 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"
                            onchange="selectNomorRekening(this)"
                            id="rekening_tujuan"
                            {{$kirimUangTitipan ? 'disabled' : ''}}
                        >
                            <option value="" data-rekening="0">Pilih Rekening Tujuan</option>
                            @if ($kirimUangTitipan)
                                <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>
                            @else
                                @foreach ($listMetodeBayarPerusahaanTujuan as $item)
                                    <option
                                        value="{{$item->id}}"
                                        data-info_rekening_perusahaan="{{ $item->info_rekening_perusahaan }}"
                                        data-rekening="{{ $item->keterikatan_rekening_perusahaan }}"
                                    >
                                        {{$item->nama}}
                                    </option>
                                @endforeach
                            @endif
                        </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" {{$kirimUangTitipan ? 'disabled' : ''}}
                            value="{{ $kirimUangTitipan ? date('Y-m-d H:i', strtotime($kirimUangTitipan->tanggal)) : date('Y-m-d H:i') }}">
                    </div>
                    <div class="mb-3">
                        <div class="text-center">
                            <label class="form-label fw-bold" id="label-bayar">Jumlah {{ $dataHeader->is_tujuan ? 'Diterima' : 'Disetor' }}</label>
                            <hr />
                            <h1>Rp. {{ formatNumberComma($kirimUangTitipan->nominal_dikirim ?? $totalUangMukaValid) }}</h1>
                        </div>
                    </div>
                </div>
                <div class="col-4 mt-auto">
                    @if (!$kirimUangTitipan)
                        <div class="p-1">
                            <button type="submit" class="btn btn-primary btn-custom2 w-100 fontgede">Kirim</button>
                        </div>
                    @endif

                    <div class="p-1">
                        <a href="/penjualan/titipan-order" class="btn btn-warning btn-custom8" style="width: 100% !important;">Kembali ke Halaman Sebelumnya</a>
                    </div>
                </div>
            </div>
        </form>
    </div>
</div>
@endif

<div class="card m-b-30 mt-3">
    <div class="card-header">
        <h4>Log API</h4>
    </div>
    <div class="card-body overflow-scroll" style="max-height: 400px;">
        <div class="bg-light">
            @if ($dataHeader->last_response_api)
                <pre>{{ json_encode(json_decode($dataHeader->last_response_api), JSON_PRETTY_PRINT) }}</pre>
            @else
                -
            @endif
        </div>
        <div class="bg-light">
            @if($masterDataSyncsNotAvailable)
                <pre>{{ json_encode($masterDataSyncsNotAvailable, JSON_PRETTY_PRINT) }}</pre>
            @endif
        </div>
    </div>
</div>

@include('pages.penjualan.terima-order.modal-form-uang-muka')
@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>
    let URLs = "{{ url('penjualan/titipan-order') }}";
    let filesUangMuka = [];

    @foreach ($uangMuka as $val)
        filesUangMuka.push(null);
    @endforeach

    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);
        })
    }

    const kirimUangTitipan = (event) => {
        event.preventDefault();
        if (cekForm('form-kirim-titipan') == false) {
            return;
        }

        if(("{{$totalUangMukaValid < $totalTerimaOrder}}")){
            swal({
                title: "Gagal",
                text: "Setor uang hanya dapat dilakukan jika jumlah sesuai dengan total titipan",
                type: "error",
                confirmButtonText: "OK"
            });
            return;
        }

        swal({
            title: "Konfirmasi",
            text: "Apakah anda yakin ingin mengirim uang titipan ini ?",
            type: "warning",
            showCancelButton: true,
            cancelButtonText: "Batal",
            confirmButtonText: "Lanjutkan"
        }).then(function(){
            const data = {
                _token: '{{ csrf_token() }}',
                metode_bayar_id: $('#rekening_tujuan').val(),
                tanggal: $('#tanggal_dikirim').val(),
            };
            const url = URLs + '/kirim-uang-titipan/{{ $dataHeader->id }}';
            sendJson(url, data, callBackKirimUangTitipan);
        }).catch(swal.noop);

        function callBackKirimUangTitipan(response) {
            let title = response.type == 'success' ? 'Sukses' : 'Gagal';
            swal({
                title: title,
                text: response.response,
                type: response.type,
                confirmButtonText: "OK"
            }).then(function() {
                window.location.reload();
            })
        }
    }
  </script>
    @include('pages.penjualan.terima-order.form-terima-order-js')
    @include('pages.penjualan.terima-order.modal-form-uang-muka-js')
  <script>
    function submitUangMuka() {
        event.preventDefault();
        if(cekForm('form-uang-muka') == false){
            return;
        }

        const fileInput = $('#fileInputUangMuka')[0];

        let data = new FormData();
        data.append("_token", "{{ csrf_token() }}");
        data.append("metode_bayar_id", $('#metode_bayar_id').val());
        data.append("tanggal", $('#tanggal_transfer_pembayaran').val());
        data.append("nomor_transaksi_bank", $('#nomor_transaksi').val());
        data.append("total_bayar", formatInputUangToFloat($('#nominal').val()));
        if(fileInput?.files[0] || null){
            data.append("file_pembayaran", fileInput?.files[0] || null);
        }

        uploads(URLs+"/add-uang-titipan/{{ $dataHeader->id }}", data, callBackSubmitUangMuka);
    }

    function callBackSubmitUangMuka(response) {
        let title = response.type == 'success' ? 'Sukses' : 'Gagal';
        swal({
            title: title,
            text: response.response,
            type: response.type,
            confirmButtonText: "OK"
        }).then(function() {
            if (response.type == "success") {
                const url = URLs + '/show/{{ $dataHeader->id }}?perlu_validasi_pembayaran=' + response.perlu_validasi_pembayaran;
                window.location.href = url;
            }
        })
    }
  </script>
@endpush