@extends('component.app')
@section('title', 'Detail Transaksi')
@section('active3', 'active')
@section('content')

    <style>
        .selectpicker {
            width: 50%;
            background-color: blue;
        }
    </style>

    <div class="content-wrapper">
        <div class="container-xxl flex-grow-1 container-p-y">
            <!-- Invoice List Table -->
            <div class="card">
                <div class="header-menu d-flex justify-content-start align-items-center">
                    <a href="{{ route('transaksi.index') }}" class=" ms-5"><i class="bx bx-left-arrow-alt"></i></a>
                    <h4 class="card-header">Detail Transaksi</h4>

                </div>
                <div class="card-body">

                    <div class="row g-0">
                        <!-- Foto Profil -->
                        <div class="col-md-6 ps-4 pe-4">
                            <!-- Card for Each Transaction -->
                            <div class="card card-custom">
                                <!-- Example Image, you can replace with actual laundry photo -->
                                <img src="{{ asset('laundry2.png') }}" alt="Laundry Image" class="card-img-top"
                                    width="100%" height="100" style="object-fit: cover;">
                                <div class="card-body card-body-custom">
                                    <h5 class="card-title">
                                        <i class="bx bx-receipt text-primary"></i>
                                        <span class="text-uppercase">{{ $transaksi->kode_transaksi }}</span>
                                    </h5>
                                    <hr>
                                    <p class="card-text">
                                        <i class="bx bx-calendar text-muted"></i>
                                        <strong>Tanggal:</strong>
                                        {{ \Carbon\Carbon::parse($transaksi->tgl_transaksi)->format('d M Y') }}
                                    </p>
                                    <p class="card-text">
                                        <i class="bx bx-user text-muted"></i>
                                        <strong>Pelanggan:</strong> {{ $transaksi->pelanggan->nama }}
                                    </p>
                                    <p class="card-text">
                                        <i class="bx bx-box text-muted"></i>
                                        <strong style="font-size: 12px">Input oleh:</strong>
                                        <span style="font-size: 12px">
                                            {{ $transaksi->pegawai->nama }}
                                        </span>

                                    </p>

                                    <div class="d-flex justify-content-between align-items-center mt-3">

                                        <div class="boxnya d-flex align-items-center justify-content-between">
                                            <span class="card-price text-success">
                                                <i class="bx bx-money"></i> Rp
                                                {{ number_format($transaksi->total_harga, 0, ',', '.') }}
                                            </span>

                                        </div>
                                        <div class="boxnya d-flex align-items-center justify-content-between gap-2">

                                            <a href="{{ route('transaksi.show', $transaksi->id) }}"
                                                class="btn btn-sm btn-warning" data-bs-toggle="modal"
                                                data-bs-target="#staticBackdrop">{{ $transaksi->is_bayar == 0 ? 'Bayar Sekarang' : 'Sudah Bayar' }}
                                            </a>
                                            <a href="#" class="btn btn-sm btn-secondary "><i
                                                    class="bx bx-printer"></i>Cetak</a>
                                        </div>


                                    </div>
                                </div>

                            </div>
                        </div>

                        <!-- Modal -->
                        <div class="modal fade" id="staticBackdrop" data-bs-backdrop="static" data-bs-keyboard="false"
                            tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
                            <div class="modal-dialog modal-md">
                                <div class="modal-content ">
                                    <div class="modal-header">
                                        <h5 class="modal-title" id="staticBackdropLabel">Pembayaran</h5>
                                        <button type="button" class="btn-close" data-bs-dismiss="modal"
                                            aria-label="Close"></button>
                                    </div>
                                    <div class="modal-body">
                                        <form action="{{ route('parfum.store') }}" method="POST"
                                            enctype="multipart/form-data">
                                            @csrf
                                            <div class="row">
                                                <!-- Kolom Kiri -->
                                                <div class="col-md-12">

                                                    <div class="mb-3">
                                                        <label for="nama_parfum" class="form-label">Kode Transaksi</label>
                                                        <input type="text" class="form-control" id="nama_parfum"
                                                            name="nama_parfum" placeholder="Masukkan Nama Parfum"
                                                            value="{{ $transaksi->kode_transaksi }}" readonly>
                                                    </div>
                                                    <div class="mb-3">
                                                        <label for="nama_parfum" class="form-label">Total Harga</label>
                                                        <input type="text" class="form-control" id="total_harga"
                                                            name="nama_parfum" readonly
                                                            value="{{ $transaksi->total_harga }}" required>
                                                    </div>
                                                    <div class="mb-3 d-none" id="nominal_bayar">
                                                        <label for="nama_parfum" class="form-label">Nominal Bayar</label>
                                                        <input type="number" class="form-control" id="nominal_bayar_input"
                                                            name="nominal">
                                                    </div>
                                                    <div class="mb-3 d-none" id="nominal_kembalian">
                                                        <label for="nominal_kembalian" class="form-label">Kembalian</label>
                                                        <input type="number" class="form-control"
                                                            id="nominal_kembalian_input" name="kembalian">
                                                    </div>



                                                    @php
                                                        $metode = App\Models\Metode_Pembayaran::where(
                                                            'laundry_id',
                                                            $transaksi->laundry_id,
                                                        )->get();
                                                    @endphp

                                                    <div class="mb-4" id="metode-pembayaran">
                                                        <label class="form-label mb-2">Metode Pembayaran</label>
                                                        <br>
                                                        <div class="form-check-inline">
                                                            <input class="form-check-input" type="radio" name="is_cash"
                                                                id="cash" value="1">
                                                            <label class="form-check-label" for="flexRadioCash">
                                                                Cash
                                                            </label>
                                                        </div>
                                                        <div class="form-check-inline">
                                                            <input class="form-check-input" type="radio" name="is_cash"
                                                                value="0" id="transfer">
                                                            <label class="form-check-label" for="flexRadioTransfer">
                                                                Transfer
                                                            </label>
                                                        </div>
                                                    </div>

                                                    <div class="mb-4 d-none" id="pilih-pembayaran-transfer">
                                                        <label for="smallSelect" class="form-label">Jenis
                                                            Pembayaran</label>
                                                        <select class="form-select form-select-sm" name="metode_bayar_id">
                                                            <option value="">--Pilih Metode Pembayaran--
                                                            </option>
                                                            @if ($metode != null)
                                                                @foreach ($metode as $metode)
                                                                    <option value="{{ $metode->id }}">
                                                                        {{ $metode->jenis_pembayaran }} -
                                                                        {{ $metode->no_rek }}</option>
                                                                @endforeach
                                                            @endif
                                                        </select>
                                                    </div>

                                                    <!-- Logo Brand -->
                                                    <div class="mb-3 d-none" id="bukti-bayar">
                                                        <label for="logo_brand" class="form-label">Bukti
                                                            Pembayaran</label>
                                                        <input type="file" class="form-control" id="bukti-bayar"
                                                            name="bukti_bayar">
                                                    </div>


                                                </div>
                                            </div>

                                    </div>

                                    <div class="modal-footer">
                                        {{-- <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button> --}}
                                        <button type="submit" class="btn btn-primary">Simpan</button>
                                    </div>
                                    </form>
                                </div>
                            </div>
                        </div>


                        {{-- {{ dd($pegawai) }} --}}
                        <!-- Detail Profil -->
                        <div class="col-md-6">
                            <div class="card ps-4 pb-4">
                                @php

                                    $kasir = App\Models\Kasir::where('id', $transaksi->kasir_id)->first();
                                @endphp

                                <div class="card-body">
                                    <h5 class="card-title p-4">Informasi Kasir</h5>
                                    <div class="row">

                                        <div class="col-md-3">

                                            <div class=" d-flex flex-column align-items-center ">
                                                @php

                                                    if ($kasir != null) {
                                                        # code...
                                                        $pegawai = App\Models\Pegawai::where(
                                                            'users_id',
                                                            $kasir->users_id,
                                                        )->first();

                                                        // hitung transaksi dari laundry ini
                                                        $total_trx = App\Models\Transaksi::where(
                                                            'laundry_id',
                                                            $kasir->laundry_id,
                                                        )
                                                            ->where('kasir_id', $kasir->id)
                                                            ->count();

                                                        $paid_trx = App\Models\Transaksi::where(
                                                            'laundry_id',
                                                            $kasir->laundry_id,
                                                        )
                                                            ->where('kasir_id', $kasir->id)
                                                            ->where('is_bayar', 1)
                                                            ->count();
                                                        $unpaid_trx = App\Models\Transaksi::where(
                                                            'laundry_id',
                                                            $kasir->laundry_id,
                                                        )
                                                            ->where('kasir_id', $kasir->id)
                                                            ->where('is_bayar', 0)
                                                            ->count();
                                                    } else {
                                                        $pegawai = null;
                                                        $today_trx = null;
                                                        $paid_trx = null;
                                                        $unpaid_trx = null;
                                                    }

                                                @endphp

                                                @if ($kasir != null)
                                                    <img src="{{ asset('storage/img' . '/' . $pegawai->foto) }}" alt
                                                        class=" h-auto" style="width: 100px; object-fit: cover" />
                                                @else
                                                    <img src="{{ asset('template/assets/img/avatars/1.png') }}"
                                                        alt="" class=" h-auto"
                                                        style="width: 150px; object-fit: cover">
                                                @endif
                                                <p class="icon-name text-capitalize text-truncate mt-2">
                                                    {{ $pegawai ? $pegawai->nama : '-' }}</p>


                                            </div>
                                        </div>
                                        <div class="col-md-9">
                                            <div class="row">
                                                <div class="col-sm-6">
                                                    <div class="mb-1">
                                                        <label for="smallInput" class="form-label">Laundry</label>
                                                        <input type="text" class="form-control form-control-sm"
                                                            placeholder="Laundry"
                                                            value="{{ $pegawai ? $pegawai->laundry->nama_laundry : '-' }}"
                                                            readonly>
                                                    </div>
                                                    <div class="mb-1">
                                                        <label for="smallInput" class="form-label">Tgl.
                                                            Buka
                                                            Kasir</label>
                                                        <input type="text" class="form-control form-control-sm"
                                                            placeholder="Tgl. Transaksi"
                                                            value="{{ $kasir ? $kasir->tgl_buka : '-' }}" readonly>
                                                    </div>
                                                    <div class="mb-1">
                                                        <label for="smallInput" class="form-label">Jam
                                                            Buka</label>
                                                        <input type="text" class="form-control form-control-sm"
                                                            placeholder="Tgl. Transaksi"
                                                            value="{{ $kasir ? $kasir->jam_buka : '-' }}" readonly>
                                                    </div>
                                                </div>
                                                <div class="col-sm-6">
                                                    <div class="mb-1">
                                                        <label for="smallInput" class="form-label">Tgl. Tutup
                                                            Kasir</label>
                                                        <input type="text" class="form-control form-control-sm"
                                                            placeholder="-"
                                                            value="{{ $kasir ? $kasir->tgl_tutup : '-' }}" readonly>
                                                    </div>
                                                    <div class="mb-1">
                                                        <label for="smallInput" class="form-label">Jam
                                                            Tutup</label>
                                                        <input type="text" class="form-control form-control-sm"
                                                            placeholder="-"
                                                            value="{{ $kasir ? $kasir->jam_tutup : '-' }}" readonly>
                                                    </div>
                                                </div>
                                            </div>


                                        </div>

                                    </div>

                                    {{-- <div class="row gy-4 gy-sm-1 mt-4">
                                        <div class="col-6">
                                            <div
                                                class="d-flex justify-content-between align-items-center border-end pb-4 pb-sm-0 card-widget-3">
                                                <div>
                                                    <h5 class="mb-0">
                                                        {{ $kasir ? $paid_trx : '0' }}</h5>
                                                    </h5>
                                                    <p class="mb-0">Paid Trx</p>
                                                </div>
                                                <div class="avatar me-sm-6">
                                                    <span class="avatar-initial rounded bg-label-secondary text-heading">
                                                        <i class="bx bx-check-double bx-26px"></i>
                                                    </span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-6">
                                            <div class="d-flex justify-content-between align-items-center">
                                                <div>
                                                    <h5 class="mb-0">
                                                        {{ $kasir ? $unpaid_trx : '0' }}</h5>
                                                    </h5>
                                                    <p class="mb-0">Unpaid</p>
                                                </div>
                                                <div class="avatar">
                                                    <span class="avatar-initial rounded bg-label-secondary text-heading">
                                                        <i class="bx bx-error-circle bx-26px"></i>
                                                    </span>
                                                </div>
                                            </div>
                                        </div>
                                    </div> --}}

                                </div>
                            </div>

                        </div>

                    </div>

                    <div class="row">
                        <div class="col-md-12">
                            <div class="card-body">
                                <h5 class="card-title">Detail Transaksi</h5>
                                <div class="table-responsive">
                                    <table class="table table-bordered table-hover" id="Mytable">
                                        <thead class="table-primary text-center">
                                            <tr>
                                                <th>Action</th>
                                                <th>Id</th>
                                                <th>Penanggung Jawab</th>
                                                <th>Paket</th>
                                                <th>Qty</th>
                                                <th>Min. Pemakaian Bahan Baku</th>
                                                <th>Harga Satuan</th>
                                                <th>Total Harga</th>
                                                <th>Mesin</th>
                                                {{-- <th>Bahan Baku </th> --}}
                                                <th>Status</th>
                                            </tr>
                                        </thead>
                                        <tbody>

                                            @foreach ($detail as $detail)
                                                @php
                                                    $pegawai = \App\Models\PegawaiPaket::where(
                                                        'paket_id',
                                                        $detail->paket_id,
                                                    )->get();
                                                @endphp
                                                <tr>
                                                    <td>
                                                        <form action="{{ route('transaksi.update', $detail->id) }}"
                                                            method="POST">
                                                            @csrf
                                                            @method('POST')


                                                            <button type="submit" class="btn btn-primary btn-sm"><i
                                                                    class="bx bx-save text-white"></i></button>
                                                            <input type="hidden" name="paket_idnya"
                                                                value="{{ $detail->paket_id }}">
                                                            <input type="hidden" name="qty"
                                                                value="{{ $detail->qty }}">

                                                            <input type="hidden" name="transaksi_id"
                                                                value="{{ $detail->transaksi_id }}">
                                                    </td>
                                                    <td class="text-center">{{ $detail->id }}</td>
                                                    <td>
                                                        @if ($detail->pegawai_id == null)
                                                            <select name="pegawai_id" class="js-example-tags" required>
                                                                <option value="">-Pilih Pegawai-</option>
                                                                @foreach ($pegawai as $item)
                                                                    <option value="{{ $item->pegawai->id }}">
                                                                        {{ $item->pegawai->nama }}</option>
                                                                @endforeach
                                                            </select>
                                                        @else
                                                            {{ $detail->pegawai->nama }}
                                                        @endif
                                                    </td>
                                                    <td>{{ $detail->paket->nama_paket }}
                                                        ({{ $detail->paket->satuan }})
                                                    </td>
                                                    <td class="text-center">
                                                        {{ $detail->qty . '' . $detail->paket->satuan }}</td>

                                                    {{-- bahan baku paket --}}
                                                    @php
                                                        $bahan_baku_paket = \App\Models\BahanBakuPaket::where(
                                                            'paket_id',
                                                            $detail->paket_id,
                                                        )->get();
                                                    @endphp

                                                    <td>
                                                        @foreach ($bahan_baku_paket as $paket)
                                                            <ul>
                                                                <li style="font-size: 12px">
                                                                    {{ $paket->barang->nama_barang . '(' . $paket->qty * $detail->qty . '' . $paket->barang->satuan . ')' }}
                                                                </li>
                                                            </ul>
                                                        @endforeach
                                                    </td>



                                                    <td class="text-right">Rp
                                                        {{ number_format($detail->harga, 0, ',', '.') }}</td>
                                                    <td class="text-right">Rp
                                                        {{ number_format($detail->total_harga, 0, ',', '.') }}</td>
                                                    @php
                                                        $mesinnya = \App\Models\Mesin::where(
                                                            'laundry_id',
                                                            $transaksi->laundry_id,
                                                        )->get();

                                                        $detail_mesin_trx = \App\Models\DetailTransaksiMesin::where(
                                                            'detail_trx_id',
                                                            $detail->id,
                                                        )->get();

                                                    @endphp
                                                    <td>
                                                        @if ($detail_mesin_trx->isEmpty())
                                                            <select name="mesin_id[]" class="js-example-tags form-control"
                                                                multiple="multiple" data-width="100%" required>
                                                                <option value="">--Pilih Mesin--</option>
                                                                @foreach ($mesinnya as $item)
                                                                    <option value="{{ $item->id }}">
                                                                        {{ $item->nama_mesin }}</option>
                                                                @endforeach
                                                            </select>
                                                        @else
                                                            <ul>
                                                                @foreach ($detail_mesin_trx as $mesin)
                                                                    <li>
                                                                        {{ $mesin->mesin->nama_mesin }}
                                                                    </li>
                                                                @endforeach
                                                            </ul>
                                                        @endif
                                                        </form>

                                                        <script>
                                                            $(document).ready(function() {
                                                                $(".js-example-tags").select2({
                                                                    tags: true,
                                                                    width: 'resolve'
                                                                });
                                                            });
                                                        </script>

                                                    </td>
                                                    <td class="text-center">
                                                        @if ($detail->status == 'baru')
                                                            <span class="badge bg-warning text-dark">Baru</span>
                                                        @elseif($detail->status == 'proses')
                                                            <span class="badge bg-info text-white">Proses</span>
                                                        @else
                                                            <span class="badge bg-success text-white">Selesai</span>
                                                        @endif
                                                    </td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>

@endsection


@push('js')
    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.14.0-beta2/js/bootstrap-select.min.js"></script>


    <script>
        $(document).ready(function() {
            $('.selectpicker').selectpicker({
                width: '50%' // Ensure it's 100% width for responsiveness
            });
        });

        // Optional: Refresh selectpicker on window resize
        $(window).on('resize', function() {
            $('.selectpicker').selectpicker('refresh');
        });

        // jika yang dipilih sudahbayar tarnsfer
        $('#transfer').on('change', function() {
            if ($(this).is(':checked')) {
                $('#pilih-pembayaran-transfer').removeClass('d-none');
                $('#bukti-bayar').removeClass('d-none');
                $('#nominal_bayar').addClass('d-none');
                $('#nominal_kembalian').addClass('d-none');
            } else {
                $('#bukti-bayar').addClass('d-none');
                $('#pilih-pembayaran-transfer').addClass('d-none');
            }
        })

        $('#nominal_bayar').on('keyup', function() {
            var nominal_bayar = parseFloat($('#nominal_bayar_input').val()) || 0; // Default to 0 if empty
            var total_harga = parseFloat($('#total_harga').val()) || 0;
            var nominal_kembalian = nominal_bayar - total_harga;
            $('#nominal_kembalian_input').val(nominal_kembalian); // Format to 2 decimal places
        });


        // jika yang dipilih sudahbayar tunai
        $('#cash').on('change', function() {
            if ($(this).is(':checked')) {
                $('#pilih-pembayaran-transfer').addClass('d-none');
                $('#nominal_bayar').removeClass('d-none');
                $('#nominal_kembalian').removeClass('d-none');
                $('#bukti-bayar').addClass('d-none');
            } else {
                $('#nominal_bayar').addClass('d-none');
                $('#nominal_kembalian').addClass('d-none');
                $('#pilih-pembayaran-transfer').removeClass('d-none');
            }
        })
    </script>
@endpush