@php
    use App\Models\RequestBarang;
    use App\Models\InvoicePembelianDetail;
    use App\Models\ReturRequestBarang;
@endphp

<div>
    {{-- If your happiness depends on money, you will never be happy with yourself. --}}

    <!-- Page -->
    <div class="page">
        <div class="page-header">
            <h1 class="page-title">Data Request Barang</h1>
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="">Home</a></li>
                <li class="breadcrumb-item"><a href="javascript:void(0)">General</a></li>
                <li class="breadcrumb-item active">Data Request Barang</li>
            </ol>

            <div class="page-header-actions">
                @if (
                    $this->session->nama_jabatan == 'Manager' ||
                        $this->session->nama_jabatan == 'Direktur' ||
                        $this->session->nama_jabatan == 'SPV' ||
                        $this->session->nama_jabatan == 'Warehouse')
                    <button type="button" data-target="#form" data-toggle="modal"
                        class="btn btn-sm btn-icon btn-primary btn-round" data-toggle="tooltip"
                        data-original-title="Tambah">
                        <i class="icon md-hospital" aria-hidden="true"></i>
                    </button>
                @endif
                <button type="button" class="btn btn-sm btn-icon btn-primary btn-round" data-toggle="tooltip"
                    data-original-title="Refresh">
                    <i class="icon md-refresh-alt" aria-hidden="true"></i>
                </button>
            </div>
            @php
                use App\Models\RequestBarangDetail;
            @endphp
        </div>
        <div class="page-content container-fluid">
            <div class="row">
                <div class="col-xl-12">
                    <!-- Panel Kitchen Sink -->
                    <div class="panel">
                        <header class="panel-heading">
                            <h3 class="panel-title">
                                Data Request Barang
                                @if (session()->has('pesan'))
                                    <span class="panel-desc" style="color: green;">{{ session('pesan') }}</span>
                                @endif <br>
                                <span class="panel-desc">
                                </span>
                            </h3>
                        </header>
                        <div class="panel-body">

                            <div class="row">
                                <div class="form-group form-material col-md-1 col-lg-1">
                                    <label class="form-control-label">Data</label>
                                    <select class="form-control" wire:model.live="cek_limit" required>
                                        <option>10</option>
                                        <option>50</option>
                                        <option>100</option>
                                        <option>250</option>
                                        <option>500</option>
                                    </select>
                                </div>
                                <div class="form-group form-material col-md-1 col-lg-1">
                                    <label class="form-control-label">Order</label>
                                    <select class="form-control" wire:model.live="cek_urutan" required>
                                        <option value="DESC">Z-A</option>
                                        <option value="ASC">A-Z</option>
                                    </select>
                                </div>
                                <div class="form-group form-material col-md-2 col-lg-2">
                                    <label class="form-control-label">By</label>
                                    <select class="form-control" wire:model.live="cek_order_by" required>
                                        <option value="hrd_request_barang.created_at">Created at</option>
                                    </select>
                                </div>
                                <div class="form-group form-material col-md-8 col-lg-8">
                                    <label class="form-control-label">Kata Kunci</label>
                                    <input type="text" wire:model.live="cek_keyword"
                                        placeholder="Ketik Kata Kunci Pencarian..." class="form-control" required>
                                </div>
                            </div>
                            <hr>
                            <div style="height: 800px; overflow-y: auto; border: 1px solid rgb(199, 199, 199)">
                                <table class="table table-hover table-bordered" id="exampleRowToggler">
                                    <thead>
                                        <tr>
                                            <th style="position: sticky; top: 0; background: white; z-index: 2;"
                                                rowspan="2">No</th>
                                            <th style="position: sticky; top: 0; background: white; z-index: 2;"
                                                rowspan="2">No Surat/ Tgl PO</th>
                                            <th style="position: sticky; top: 0; background: white; z-index: 2;"
                                                rowspan="2">Vendor</th>
                                            <th style="position: sticky; top: 0; background: white; z-index: 2;"
                                                style="width: 15%" rowspan="2">Tujuan</th>
                                            <th style="position: sticky; top: 0; background: white; z-index: 2;"
                                                style="width: 20%" rowspan="2">Catatan</th>
                                            <th style="position: sticky; top: 0; background: white; z-index: 2;"
                                                style="text-align: center" colspan="3">Status Purchase Order (PO)
                                            </th>
                                            <th style="position: sticky; top: 0; background: white; z-index: 2;"
                                                colspan="2">Invoice Pembelian</th>

                                            <th style="position: sticky; top: 0; background: white; z-index: 2;"
                                                rowspan="2">Tgl. Pelunasan</th>
                                            <th style="position: sticky; top: 0; background: white; z-index: 2;"
                                                rowspan="2">Status</th>
                                            <th style="position: sticky; top: 0;  background: white; z-index: 2;"
                                                rowspan="2">Finance</th>
                                            <th style="position: sticky; top: 0; background: white; z-index: 2;"
                                                rowspan="2">Direktur</th>
                                            <th style="position: sticky; top: 0; background: white; z-index: 2;"
                                                rowspan="2">Action</th>
                                            @if(Auth::user()->level == 'Warehouse')
                                            <th style="position: sticky; top: 0; background: white; z-index: 2;"
                                            rowspan="2">Send</th>
                                            @endif
                                        </tr>
                                        <tr>
                                            <th style="position: sticky; top: 37px; background: white; z-index: 2;">
                                                Total PO (Rp)</th>
                                            <th style="position: sticky; top: 37px; background: white; z-index: 2;">DP
                                                (Rp)</th>
                                            <th style="position: sticky; top: 37px; background: white; z-index: 2;">
                                                Piutang (Rp)</th>
                                            <th style="position: sticky; top: 37px; background: white; z-index: 2;">
                                                Invoice</th>
                                            <th style="position: sticky; top: 37px; background: white; z-index: 2;">
                                                Pembayaran</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($request_barang as $row)
                                            <tr wire:key="{{ $row->id_hrd_request }}">
                                                <td>{{ $loop->index + 1 }}</td>
                                                <td>{{ $row->no_surat }}
                                                    <br>
                                                    <b>Tgl :</b> {{ tgl_indo($row->tgl_request) }}
                                                    <br>
                                                    <span>inventory.pt.mms@gmail.com</span>
                                                </td>
                                                <td>{{ $row->nama_vendor }}</td>
                                                <td>{{ $row->tujuan_po }}</td>
                                                <td>{!! $row->catatan !!}</td>

                                                @php
                                                    $details = RequestBarangDetail::where(
                                                        'id_hrd_request',
                                                        $row->id_hrd_request,
                                                    )
                                                        ->where('status_barang', '!=', 'Gagal')
                                                        ->get();
                                                    $total = 0; // Inisialisasi total
                                                @endphp

                                                @foreach ($details as $detail)
                                                    @php
                                                        $subtotal =
                                                            $detail->harga_satuan * $detail->jumlah + $detail->ppn;
                                                        $total += $subtotal;
                                                    @endphp
                                                @endforeach
                                                <td>{{ number($total) }}</td>
                                                <td>
                                                    @if ($row->nilai_dibayar)
                                                    {{ number($row->nilai_dibayar) }} <br>
                                                    <span class="badge bg-light text-dark mt-1 border shadow-sm px-2 py-1 w-80 text-center">
                                                        <i class="far fa-calendar-alt"></i> {{ tgl_indo($row->tgl_nilai_dibayar) }}
                                                    </span>
                                                @else
                                                    0
                                                @endif

                                                </td>

                                                <td>
                                                    @if ($row->nilai_dibayar)
                                                        {{ number($row->belum_dibayar) }}
                                                    @else
                                                        0
                                                    @endif
                                                </td>
                                                <td>
                                                    <button wire:click.prevent="show({{ $row->id_hrd_request }})"
                                                        type="button" data-target="#view_invoice_pembelian"
                                                        data-toggle="modal"
                                                        class="btn btn-sm btn-icon btn-primary btn-round"
                                                        data-toggle="tooltip">
                                                        <i class="icon md-eye" aria-hidden="true"></i>
                                                        {{ $row->total_invoice ?? 0 }}
                                                    </button>
                                                    <button wire:click.prevent="show({{ $row->id_hrd_request }})"
                                                        type="button" data-target="#form_invoice_pembelian"
                                                        data-toggle="modal"
                                                        class="btn btn-sm btn-icon btn-primary btn-round"
                                                        data-toggle="tooltip">
                                                        <i class="icon md-hospital" aria-hidden="true"></i>
                                                    </button>
                                                </td>
                                                <td>
                                                    <button wire:click.prevent="show({{ $row->id_hrd_request }})"
                                                        type="button" data-target="#view_pembayaran_invoice"
                                                        data-toggle="modal"
                                                        class="btn btn-sm btn-icon btn-primary btn-round"
                                                        data-toggle="tooltip">
                                                        <i class="icon md-eye" aria-hidden="true"></i>
                                                        {{ number($row->total_pembayaran ?? 0) }}
                                                    </button>
                                                    <button wire:click.prevent="show({{ $row->id_hrd_request }})"
                                                        type="button" data-target="#form_pembayaran_invoice"
                                                        data-toggle="modal"
                                                        class="btn btn-sm btn-icon btn-primary btn-round"
                                                        data-toggle="tooltip">
                                                        <i class="icon md-hospital" aria-hidden="true"></i>
                                                    </button>
                                                </td>
                                                </td>
                                                <td>
                                                    @if ($row->tgl_setelment)
                                                        {{ tgl_indo($row->tgl_setelment) }}
                                                    @endif
                                                </td>
                                                <td>
                                                    <button
                                                        class="btn
                                                    @if ($row->status === 'Gagal') btn-danger
                                                    @elseif($row->status === 'Diterima') btn-success
                                                    @elseif($row->status === 'Diajukan') btn-primary
                                                    @elseif($row->status === 'Diproses') btn-info
                                                    @else btn-warning @endif"
                                                        @if (
                                                            $this->session->level == 'Warehouse' ||
                                                                ($this->session->level == 'Super Admin' && $this->session->nama_jabatan != 'Direktur')) wire:click="toggleStatus({{ $row->id_hrd_request }})" @endif>
                                                        <i class="icon md-refresh" aria-hidden="true"></i>
                                                        @if ($row->status === null)
                                                            Belum Ada Status
                                                        @else
                                                            {{ $row->status }}
                                                        @endif
                                                    </button>
                                                    @if(!empty($row->jenis_rekening))
                                                    <div class="d-flex flex-column align-items-center w-110">
                                                        <button style="width: 100px" type="button" class="badge btn btn-light border shadow-sm py-2 mt-2 text-dark text-center" style="font-size: 10px; height: 30px;">
                                                                {{ $row->jenis_rekening }}
                                                        </button>
                                                    </div>
                                                    @else
                                                    <div class="d-flex flex-column align-items-center w-110">
                                                        <button  wire:click.prevent="show({{ $row->id_hrd_request }})" style="width: 100px" type="button" data-toggle="modal"  data-target="#form-rekening" class="badge btn btn-light py-2 mt-2 text-dark text-center border shadow-sm" style="font-size: 10px; height: 30px;">
                                                            <i class="icon md-assignment-check" aria-hidden="true"></i> Bank
                                                        </button>
                                                    </div>
                                                    @endif
                                                </td>

                                                <td class="text-center">
                                                    <div class="d-flex flex-column align-items-center w-100">
                                                        <button class="btn text-white fw-bold py-2 w-90 shadow-sm
                                                            @if ($row->acc_finance === 'Rejected') bg-danger
                                                            @elseif($row->acc_finance === 'Accepted' || $row->acc_finance === 'Disetujui') bg-success
                                                            @else bg-warning text-dark @endif"
                                                            @if (
                                                                $this->session->level == 'Finance' ||
                                                                ($this->session->level == 'Super Admin' && $this->session->nama_jabatan != 'Direktur'))
                                                                wire:click="toggleStatus({{ $row->id_hrd_request }})"
                                                            @endif>
                                                            <i class="
                                                                @if ($row->acc_finance === 'Accepted' || $row->acc_finance === 'Disetujui') fas fa-check-circle
                                                                @elseif ($row->acc_finance === 'Rejected') fas fa-times-circle
                                                                @else fas fa-hourglass-half @endif me-1"></i>
                                                            {{ $row->acc_finance == null ? 'Pending' : $row->acc_finance }}
                                                        </button>
                                                        @if($row->acc_finance_date)
                                                            <span style="font-size: 10px" class="badge bg-light text-dark mt-2 border shadow-sm px-3 py-2 w-90 text-center">
                                                                <i class="far fa-calendar-alt"></i> {{ tgl_indo($row->acc_finance_date) }} |
                                                                <i class="far fa-clock"></i> {{ date('H:i', strtotime($row->acc_finance_date)) }}
                                                            </span>
                                                        @endif
                                                    </div>
                                                </td>

                                                <td class="text-center">
                                                    <div class="d-flex flex-column align-items-center w-100">
                                                        <button class="btn text-white fw-bold py-2 w-90 shadow-sm
                                                            @if ($row->acc_direktur === 'Rejected') bg-danger
                                                            @elseif($row->acc_direktur === 'Accepted' || $row->acc_direktur === 'Disetujui') bg-success
                                                            @else bg-warning text-dark @endif"
                                                            @if ($this->session->nama_jabatan == 'Direktur' && $row->acc_finance == 'Accepted')
                                                                wire:click="toggleStatus({{ $row->id_hrd_request }})"
                                                            @else
                                                                disabled
                                                            @endif>
                                                            <i class="
                                                                @if ($row->acc_direktur === 'Accepted' || $row->acc_direktur === 'Disetujui') fas fa-check-circle
                                                                @elseif ($row->acc_direktur === 'Rejected') fas fa-times-circle
                                                                @else fas fa-hourglass-half @endif me-1"></i>
                                                            {{ $row->acc_direktur == null ? 'Pending' : $row->acc_direktur }}
                                                        </button>
                                                        @if($row->acc_direktur_date)
                                                            <span style="font-size: 10px" class="badge bg-light text-dark mt-2 border shadow-sm px-3 py-2 w-90 text-center">
                                                                <i class="far fa-calendar-alt"></i> {{ tgl_indo($row->acc_direktur_date) }} |
                                                                <i class="far fa-clock"></i> {{ date('H:i', strtotime($row->acc_direktur_date)) }}
                                                            </span>
                                                        @endif
                                                    </div>
                                                </td>

                                                <td>
                                                    <a href="/report/p-o/{{ $row->id_hrd_request }}" target="_blank">
                                                        <button type="button" data-toggle="modal"
                                                            class="btn btn-sm btn-icon btn-primary btn-round"
                                                            data-toggle="tooltip">
                                                            <i class="icon md-print" aria-hidden="true"></i>
                                                        </button>
                                                    </a>

                                                    <button wire:click.prevent="show({{ $row->id_hrd_request }})"
                                                        type="button" data-target="#form" data-toggle="modal"
                                                        class="btn btn-sm btn-icon btn-primary btn-round"
                                                        data-toggle="tooltip">
                                                        <i class="icon md-eye" aria-hidden="true"></i>
                                                    </button>

                                                    {{-- ini adalah tombol retur --}}
                                                    <button wire:click.prevent="show_retur({{ $row->id_hrd_request }})"
                                                        type="button" data-target="#form_retur" data-toggle="modal"
                                                        class="btn btn-sm btn-icon btn-primary btn-round"
                                                        data-toggle="tooltip">
                                                        <i class="icon md-redo" aria-hidden="true"></i>
                                                    </button>

                                                    @if ($session->level == 'Super Finance' || $session->nama_jabatan == 'Cashier' || $session->level == 'Super Admin')
                                                        <button wire:click.prevent="show({{ $row->id_hrd_request }})"
                                                            type="button" data-target="#delete" data-toggle="modal"
                                                            class="btn btn-sm btn-icon btn-primary btn-round"
                                                            data-toggle="tooltip">
                                                            <i class="icon md-delete" aria-hidden="true"></i>
                                                        </button>
                                                    @endif
                                                </td>

                                                @if(Auth::user()->level == 'Warehouse')
                                                <td>
                                                    <button wire:click.prevent="broadcast_wa({{ $row->id_hrd_request }})"
                                                        type="button" data-toggle="modal"
                                                        class="btn btn-sm btn-icon btn-primary btn-round"
                                                        data-toggle="tooltip">
                                                        <i class="icon md-whatsapp" aria-hidden="true"></i>
                                                    </button>
                                                </td>
                                                @endif

                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                            <hr>
                            {{ $request_barang->links() }}
                            <span wire:loading.delay.shortest class="panel-desc" style="color: red;"><i
                                    class="icon md-spinner" aria-hidden="true"></i> <b>Loading.....</b></span>
                        </div>
                    </div>
                    <!-- End Panel Kitchen Sink -->
                </div>
            </div>
        </div>
    </div>
    <!-- End Page -->

    <!-- Modal Tambah -->
    <div wire:ignore.self class="modal fade" id="form" tabindex="-1" data-keyboard="false"
        data-backdrop="static" aria-labelledby="TambahData" aria-hidden="true">

        <div class="modal-dialog modal-simple modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                <button type="button" class="close" wire:click="ClearForm" data-dismiss="modal"
                    aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
                <h4 class="modal-title" id="exampleFormModalLabel">Form Request Barang
                    @if (session()->has('pesan'))
                        <span class="panel-desc" style="color: green;">{{ session('pesan') }}</span>
                    @endif
                </h4>
            </div>
            <div class="modal-body">
                @if (!empty($id_hrd_request))
                    <form wire:submit="update({{ $id_hrd_request }})" enctype="multipart/form-data">
                    @else
                        <form wire:submit="store" enctype="multipart/form-data">
                @endif
                <div class="row">
                    <div class="form-group form-material col-md-3" wire:ignore>
                        <label class="form-control-label">Tgl Request </label>
                        <input type="date" wire:model.defer="tgl_request" class="form-control" required>
                    </div>
                    <div class="form-group form-material col-md-3" wire:ignore>
                        <label class="form-control-label">Tgl Transfer </label>
                        <input type="date" wire:model.defer="tgl_setelment" class="form-control">
                    </div>
                    <div class="form-group form-material col-md-6" wire:ignore>
                        <label class="form-control-label">Tujuan </label>
                        <input type="text" wire:model.defer="tujuan_po" class="form-control" required>
                    </div>
                    <div class="form-group form-material col-md-12">
                        <label class="form-control-label">Catatan</label>
                        <div wire:ignore>
                            <textarea id="catatan" wire:model.defer="catatan" required></textarea>
                        </div>
                    </div>
                        <div class="col-md-12">
                            <div class="form-group form-material">
                                <label class="form-control-label">Pilih Jenis Request Barang</label>
                                <div>
                                    <div class="radio-custom radio-default radio-inline">
                                        <input type="radio" wire:model.live="kategori_po"
                                        value="Cash" />
                                        <label for="Pertanggal">Cash</label>
                                    </div>
                                    <div class="radio-custom radio-default radio-inline">
                                        <input type="radio"  wire:model.live="kategori_po"
                                        value="Dicicil" />
                                        <label for="Perbulan">Di Cicil</label>
                                    </div>
                                </div>
                            </div>
                        </div>
                    <div
                        class="form-group form-material  combined-form-group    @if (empty($id_hrd_request_barang_vendor)) col-md-4 @else col-md-12 @endif">
                        @if (empty($id_hrd_request_barang_vendor))
                            <label class="form-control-label" for="nama_vendor">Nama Vendor Baru</label>
                            <input type="text" wire:model.live="nama_vendor" class="form-control"
                                id="nama_vendor">
                        @else
                            <label class="form-control-label" for="nama_vendor">Data Vendor</label>
                        @endif
                        <select id="pilihan" wire:model.live="id_hrd_request_barang_vendor" class="form-control">
                            <option value="">Data Vendor</option>
                            @foreach ($vendor as $data)
                                <option value="{{ $data->id_customer }}">
                                    {{ $data->nama }}
                                </option>
                            @endforeach
                        </select>
                    </div>
                    @if (empty($id_hrd_request_barang_vendor))
                        <div class="form-group form-material col-md-4" wire:ignore>
                            <label class="form-control-label">Alamat </label>
                            <input type="text" wire:model.live="alamat" class="form-control ">
                        </div>
                        <div class="form-group form-material col-md-3" wire:ignore>
                            <label class="form-control-label">Phone </label>
                            <input type="number" wire:model.live="phone" class="form-control">
                        </div>
                        <div class="form-group form-material col-md-1">
                            <label class="form-control-label"> </label>
                            <button wire:click.prevent="destroy_vendor({{ $id_hrd_request }})"
                                class="btn btn-sm btn-icon btn-primary btn-round" data-toggle="tooltip">
                                <i class="icon md-delete" aria-hidden="true"></i>
                            </button>
                        </div>
                    @endif
                    <div class="col-md-12">
                        <hr>
                    </div>
                    <div class="col-md-6 float-right">
                        <button wire:loading.attr="disabled" type="submit" class="btn btn-primary btn-block">
                            @if ($status_form == 1 || !empty($id_hrd_request))
                                Update
                            @else
                                Save
                            @endif
                        </button>
                    </div>
                    <div class="col-md-6 float-left">
                        <button type="button" wire:click="ClearForm" data-dismiss="modal" aria-label="Close"
                            class="btn btn-primary btn-block">Close</button>
                    </div>
                </div>
                </form>

            </div>

            @if ($status_form == 1 || !empty($id_hrd_request))
                <div class="modal-body">
                    @if (!empty($id_hrd_request_barang_detail))
                        <form wire:submit="update_barang({{ $id_hrd_request_barang_detail }})"
                            enctype="multipart/form-data">
                        @else
                            <form wire:submit="store_barang" enctype="multipart/form-data">
                    @endif
                    <div class="row">
                        <div class="form-group form-material col-md-6">
                            <label class="form-control-label">No. Surat</label>
                            <input type="text" wire:model.defer="no_surat" class="form-control"
                                placeholder="Ketik Disini..." readonly>
                        </div>
                        <div class="form-group form-material col-md-6">
                            <label class="form-control-label">Divisi</label>
                            <input type="text" wire:model.defer="nama_divisi" class="form-control"
                                placeholder="Ketik Disini..." readonly>
                        </div>
                        <div class="col-md-12">
                            <hr>
                        </div>

                        <div class="form-group form-material col-md-{{ $this->kategori_po == 'Dicicil' ? 6 : 12 }}">
                            <label class="form-control-label">Rekening Debit</label>
                            <select wire:model.defer="id_acc_rekening" class="form-control">
                                <option value="">Pilih Nama Rekening</option>
                                                            </select>
                        </div>

                        @if($this->kategori_po == 'Dicicil')
                        <div class="form-group form-material col-md-6">
                            <label class="form-control-label">Rekening Kredit</label>
                            <select wire:model.defer="id_acc_rekening_hutang" class="form-control">
                                <option value="">Pilih Nama Rekening</option>
                                                            </select>
                        </div>
                        @endif

                        <div class="form-group form-material col-md-4">
                            <label class="form-control-label">Nama Barang</label>
                            <input type="text" wire:model.defer="nama_barang" class="form-control"
                                placeholder="Ketik Disini...">
                        </div>
                        <div class="form-group form-material col-md-2">
                            <label class="form-control-label">Jumlah</label>
                            <input type="number" wire:model.defer="jumlah" class="form-control"
                                placeholder="Ketik Disini...">
                        </div>
                        <div class="form-group form-material col-md-3">
                            <label class="form-control-label">Harga Satuan</label>
                            <input type="number" wire:model.defer="harga_satuan" class="form-control"
                                placeholder="Ketik Disini...">
                        </div>
                        <div class="form-group form-material col-md-3">
                            <label class="form-control-label">PPN 11%</label>
                            <input type="number" wire:model.defer="ppn" class="form-control"
                                placeholder="Ketik Disini...">
                        </div>
                        <div class="form-group form-material col-md-12">
                            <label class="form-control-label">Keterangan / Spesifikasi</label>
                            <textarea class="form-control" wire:model.defer="keterangan" rows="3" placeholder="Ketik Disini..."></textarea>
                        </div>
                        @if (empty($tgl_nilai_dibayar) || Auth::user()->level == 'Super Admin')
                            <div class="col-md-6 float-right">
                                <button wire:loading.attr="disabled" type="submit"
                                    class="btn btn-primary btn-block">Save</button>
                            </div>
                        @endif

                        <div class="{{ (empty($tgl_nilai_dibayar) || Auth::user()->level == 'Super Admin') ? 'col-md-6' : 'col-md-12' }} float-right">
                            <button type="button" wire:click="ClearForm" data-dismiss="modal" aria-label="Close"
                                class="btn btn-primary btn-block">Close</button>
                        </div>

                    </div>
                    </form>
                    <div class="row">
                        <div class="col-md-12">
                            <h3>Pembayaran DP</h3>
                        </div>
                        <div class="col-md-12">
                            <button type="button" data-target="#cicilan" data-toggle="modal"
                                class="btn btn-sm mb-3 btn-icon btn-primary " data-toggle="tooltip"
                                data-original-title="Whatsapp">
                                <i class="icon md-hospital" aria-hidden="true"></i> Tambah
                            </button>
                            <table class="tablesaw table-striped table-bordered table-hover"
                                data-tablesaw-mode="swipe" data-tablesaw-sortable data-tablesaw-sortable-switch
                                data-tablesaw-minimap data-tablesaw-mode-switch>
                                <thead>
                                    <tr>
                                        <th>No</th>
                                        <th>Nominal Bayar</th>
                                        <th>Tgl. Bayar</th>
                                        <th>Metode Pembayaran</th>
                                        <th>Catatan</th>
                                        <th>Action</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @if (count($cicilan) > 0)
                                        @foreach ($cicilan as $row)
                                            <tr>
                                                <td>{{ $loop->index + 1 }}</td>
                                                <td align="right">{{ rupiah($row->nominal_bayar_cicilan) }}</td>
                                                <td>{{ tgl_indo($row->tanggal_bayar_cicilan) }}</td>
                                                <td>{{ $row->metode_pembayaran_cicilan }}</td>
                                                <td>{{ $row->catatan_cicilan }}</td>
                                                <td>
                                                    <button class="btn btn-primary btn-round" href="#"
                                                        wire:click.prevent="destroy_cicilan({{ $row->id_hrd_request_barang_cicilan }})">
                                                        <i class="icon md-delete" aria-hidden="true"></i>
                                                    </button>
                                                </td>
                                                </td>
                                            </tr>
                                        @endforeach
                                    @else
                                        <tr>
                                            <td colspan="5">Belum Ada DP/ Cicilan</td>
                                        </tr>
                                    @endif

                                </tbody>
                            </table>
                        </div>
                    </div>


                    <hr>
                    <h4 class="form-control-label">Data Barang </h4>
                    <table class="tablesaw table-striped table-bordered table-hover" data-tablesaw-mode="swipe"
                        data-tablesaw-sortable data-tablesaw-sortable-switch data-tablesaw-minimap
                        data-tablesaw-mode-switch>
                        <thead>
                            <tr>
                                <th>No</th>
                                <th>Nama</th>
                                <th>QTY</th>
                                <th>Harga</th>
                                <th>PPN 11%</th>
                                <th>Total</th>
                                <th>Status</th>
                                <th>Action</th>
                            </tr>
                        </thead>
                        <tbody>
                                                    </tbody>
                    </table>
                    <br>
                    <div class="row mt-5">
                        <div class="col-md-12 float-left">
                            <button type="button" wire:click="ClearForm" data-dismiss="modal" aria-label="Close"
                                class="btn btn-primary btn-block">Close</button>
                        </div>
                    </div>
                </div>
            @endif
            </div>
        </div>
        <br> <br>
        <br>
    </div>
    <!-- End Modal Tambah -->


    <!-- Modal Edit -->
    <div wire:ignore.self class="modal fade" id="edit" tabindex="-1" data-keyboard="false"
        data-backdrop="static" aria-labelledby="TambahData" aria-hidden="true">
        <form wire:submit="update({{ $id_hrd_request }})" enctype="multipart/form-data">
            <div class="modal-dialog modal-simple modal-content modal-lg">
                <div class="modal-header">
                    <button type="button" class="close" wire:click="ClearForm" data-dismiss="modal"
                        aria-label="Close">
                        <span aria-hidden="true">×</span>
                    </button>
                    <h4 class="modal-title" id="exampleFormModalLabel">Form Edit Request Barang
                        @if (session()->has('pesan'))
                            <span class="panel-desc" style="color: green;">{{ session('pesan') }}</span>
                        @endif
                    </h4>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="form-group form-material col-md-6">
                            <label class="form-control-label">Nama karyawan</label>
                            <select wire:model.live="id_karyawan" class="form-control" required>
                                <option value="">Pilih Nama karyawan</option>
                                                            </select>
                        </div>
                        <div class="form-group form-material col-md-6" wire:ignore>
                            <label class="form-control-label">Tgl Request </label>
                            <input type="time" wire:model.defer="tgl_request_barang" class="form-control"
                                required>
                        </div>
                        <div class="col-md-12">
                            <hr>
                        </div>
                        <div class="col-md-6 float-right">
                            <button wire:loading.attr="disabled" type="submit"
                                class="btn btn-primary btn-block">Save</button>
                        </div>
                        <div class="col-md-6 float-left">
                            <button type="button" wire:click="ClearForm" data-dismiss="modal" aria-label="Close"
                                class="btn btn-primary btn-block">Close</button>
                        </div>
                    </div>
                </div>
            </div>
        </form>
    </div>
    <!-- End Modal Edit -->

    <!-- Modal Edit DELETE -->
    <div wire:ignore.self class="modal fade" id="delete" aria-hidden="true"
        aria-labelledby="exampleFormModalLabel" role="dialog" tabindex="-1" data-keyboard="false"
        data-backdrop="static">
        <form wire:submit="" enctype="multipart/form-data">
            <div class="modal-dialog modal-simple modal-content modal-sm">
                <div class="modal-header">
                    <button type="button" class="close" wire:click="ClearForm" data-dismiss="modal"
                        aria-label="Close">
                        <span aria-hidden="false">×</span>
                    </button>
                    <h4 class="modal-title" id="exampleFormModalLabel" style="color: red;">Anda yakin ingin menghapus
                        data?

                    </h4>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-md-6 float-right">
                            <button wire:click.prevent="destroy({{ $id_hrd_request }})" type="button"
                                wire:click="ClearForm" data-dismiss="modal" aria-label="Close"
                                class="btn btn-primary btn-block">Yes</button>
                        </div>
                        <div class="col-md-6 float-left">
                            <button type="button" wire:click="ClearForm" data-dismiss="modal" aria-label="Close"
                                class="btn btn-primary btn-block">No</button>
                        </div>
                    </div>
                </div>
            </div>
        </form>
    </div>
    <!-- End Modal DELETE -->

    <!-- Start Modal Edit WHATSAPP -->
    <div wire:ignore.self class="modal fade" id="cicilan" aria-hidden="true"
        aria-labelledby="exampleFormModalLabel" role="dialog" tabindex="-1" data-keyboard="false"
        data-backdrop="static">
        <div class="modal-dialog modal-simple modal-content modal-lg">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="false">×</span>
                </button>
                <h4 class="modal-title" id="exampleFormModalLabel"> Cicilan
                    <span wire:loading wire:target="show_invoice" class="panel-desc" style="color: red;"><i
                            class="icon md-spinner" aria-hidden="true"></i> <b>Loading.....</b></span>
                </h4>

            </div>
            <div class="modal-body">
                <form wire:submit="store_cicilan" enctype="multipart/form-data">
                    <div class="row">
                        <div class="form-group form-material col-md-4">
                            <label class="form-control-label">Nilai (DP)/ (Cicilan)</label>
                            <input type="number" wire:model.defer="nominal_bayar_cicilan" class="form-control" ">
                        </div>
                        <div class=" form-group form-material col-md-4">
                            <label class="form-control-label">Tgl. (DP)/ (Cicilan)</label>
                            <input type="date" wire:model.defer="tanggal_bayar_cicilan" class="form-control" ">
                        </div>
                        <div class=" form-group form-material col-md-4 col-lg-4">
                            <label class="form-control-label">Metode Pembayaran</label>
                            <select class="form-control" wire:model.defer="metode_pembayaran_cicilan" required>
                                <option value="Cash">Cash</option>
                                <option value="Transfer">Transfer</option>
                            </select>
                        </div>
                        <div class="form-group form-material col-md-12">
                            <label class="form-control-label">Catatan</label>
                            <textarea class="form-control" wire:model.defer="catatan_cicilan" rows="3" required></textarea>
                        </div>
                        <hr>
                        <br>
                        <hr>
                        <div class="col-md-6 float-right">
                            <button wire:loading.attr="disabled" type="submit"
                                class="btn btn-primary btn-block">Save</button>
                        </div>
                        <div class="col-md-6">
                            <button type="button" data-dismiss="modal" aria-label="Close"
                                class="btn btn-primary btn-block">Close</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <!-- End Modal WHATSAPP -->


    <!-- Modal Tambah -->
    <div wire:ignore.self class="modal fade" id="form_invoice_pembelian" tabindex="-1" data-keyboard="false"
        data-backdrop="static" aria-hidden="true">
        <form wire:submit="store_invoice_pembelian" enctype="multipart/form-data">
            <div class="modal-dialog modal-simple modal-content modal-lg">
                <div class="modal-header">
                    <button type="button" class="close" wire:click="ClearForm" data-dismiss="modal"
                        aria-label="Close">
                        <span aria-hidden="true">×</span>
                    </button>
                    <h4 class="modal-title" id="exampleFormModalLabel">Form Invoice Pembelian
                        @if (session()->has('pesan'))
                            <span class="panel-desc" style="color: green;">{{ session('pesan') }}</span>
                        @endif
                    </h4>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="form-group form-material col-md-6">
                            <label class="form-control-label">Vendor - NPWP </label>
                            <select wire:model.defer="id_hrd_request_barang_vendor" class="form-control" required>
                                <option value="">Select</option>
                                                            </select>
                        </div>
                        <div class="form-group form-material col-md-6">
                            <label class="form-control-label">No PO</label>
                            <input type="text" value="{{ $no_surat }}" class="form-control" readonly>
                        </div>

                        <div class="form-group form-material col-md-12">
                            @if (!empty($id_hrd_request))
                                <table class="table table-hover table-bordered table-striped w-full">
                                    <thead>
                                        <tr>
                                            <th>Select</th>
                                            <th>Barang</th>
                                            <th>Harga</th>
                                            <th>QTY</th>
                                            <th>Total</th>
                                            <th>Tax</th>
                                            <th>Subtotal</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @php
                                            $all_total = 0;
                                            $all_tax = 0;
                                            $all_subtotal = 0;
                                        @endphp
                                        @foreach ($data_barang_po as $row)
                                            <tr>
                                                <td>
                                                    <div class="dropdown-item">
                                                        <input type="checkbox"
                                                            wire:model.live="id_hrd_request_barang_detail_selected"
                                                            value="{{ $row->id_hrd_request_barang_detail }}">


                                                    </div>
                                                </td>
                                                <td>{{ $row->nama_barang }}</td>
                                                <td>{{ number($row->harga_satuan) }}</td>
                                                <td>{{ $row->jumlah }}</td>
                                                <td>{{ number($total = $row->harga_satuan * $row->jumlah) }}</td>
                                                <td>{{ number($ppn = $row->ppn) }}</td>
                                                <td>{{ number($subtotal = $total + $ppn) }}
                                                </td>
                                            </tr>
                                            @php
                                                $all_total += $total;
                                                $all_tax += $ppn;
                                                $all_subtotal += $subtotal;
                                            @endphp
                                        @endforeach
                                        <tr>
                                            <td colspan="4" align="right">Total</td>
                                            <td>{{ number($all_total) }}</td>
                                            <td>{{ number($all_tax) }}</td>
                                            <td>{{ number($all_subtotal) }}</td>
                                        </tr>

                                    </tbody>
                                </table>
                            @endif
                        </div>
                        <div class="form-group form-material col-md-3">
                            <label class="form-control-label">No Faktur Pembelian</label>
                            <input type="text" name="new_no_pembelian" wire:model.defer="new_no_pembelian"
                                class="form-control" required>
                        </div>
                        <div class="form-group form-material col-md-3">
                            <label class="form-control-label">Total DPP</label>
                            <input type="number" wire:model.live="total_harga_beli" class="form-control" required>
                        </div>
                        <div class="form-group form-material col-md-3">
                            <label class="form-control-label">Total PPn</label>
                            <input type="number" wire:model.defer="total_tax_pembelian" class="form-control"
                                required>
                        </div>
                        <div class="form-group form-material col-md-3">
                            <label class="form-control-label">PIC Pembelian</label>
                            <select wire:model.defer="id_users" class="form-control" required>
                                <option value="">Pilih Users</option>
                                                            </select>
                        </div>
                        <div class="form-group form-material col-md-12">
                            <label class="form-control-label">Keterangan</label>
                            <input type="text" name="keterangan_pembelian" wire:model.defer="keterangan_pembelian"
                                class="form-control" required>
                        </div>
                        <div class="form-group form-material col-md-6">
                            <label class="form-control-label">Tanggal Faktur</label>
                            <input type="date" name="tgl_faktur_pembelian" wire:model.defer="tgl_faktur_pembelian"
                                class="form-control" required>
                        </div>
                        <div class="form-group form-material col-md-6">
                            <label class="form-control-label">Tanggal Pengiriman</label>
                            <input type="date" name="tgl_pengiriman" wire:model.defer="tgl_pengiriman"
                                class="form-control" required>
                        </div>
                        <div class="form-group form-material col-md-12">
                            <label class="form-control-label">Catatan Pembelian</label>
                            <input type="text" name="catatan_pembelian" wire:model.defer="catatan_pembelian"
                                class="form-control" required>
                        </div>
                        <div class="form-group form-material col-md-4">
                            <label class="form-control-label">Potongan PPh 23</label>
                            <input type="number" name="biaya_lain_lain" wire:model.defer="biaya_lain_lain"
                                class="form-control">
                        </div>
                        <div class="form-group form-material col-md-4">
                            <label class="form-control-label">Term Pembayaran</label>
                            <input type="text" name="term_pembayaran" wire:model.defer="term_pembayaran"
                                class="form-control" required>
                        </div>
                        <div class="form-group form-material col-md-4">
                            <label class="form-control-label">Credit/Devit Memo</label>
                            <input type="text" name="credit_debit_memo" wire:model.defer="credit_debit_memo"
                                class="form-control" required>
                        </div>
                        <div class="form-group form-material col-md-6">
                            <label class="form-control-label">Lampiran Nota</label>
                            <div class="form-group">
                                <div class="input-group input-group-file" data-plugin="inputGroupFile">
                                    <input type="text" class="form-control" readonly=""
                                        value="{{ $lampiran_nota }}">
                                    <span class="input-group-append">
                                        <span class="btn btn-success btn-file">
                                            <i class="icon md-upload" aria-hidden="true"></i>
                                            <input type="file" wire:model.live="lampiran_nota">
                                        </span>
                                    </span>
                                </div>
                            </div>
                        </div>
                        <div class="form-group form-material col-md-6">
                            <label class="form-control-label">Lampiran Faktur Pajak</label>
                            <div class="form-group">
                                <div class="input-group input-group-file" data-plugin="inputGroupFile">
                                    <input type="text" class="form-control" readonly=""
                                        value="{{ $lampiran_faktur_pajak }}">
                                    <span class="input-group-append">
                                        <span class="btn btn-success btn-file">
                                            <i class="icon md-upload" aria-hidden="true"></i>
                                            <input type="file" wire:model.live="lampiran_faktur_pajak">
                                        </span>
                                    </span>
                                </div>
                            </div>
                        </div>

                        <div class="col-md-12">
                            <hr>
                        </div>
                        <div class="col-md-12">
                            @if (session()->has('pesan'))
                                <span class="panel-desc" style="color: green;">{{ session('pesan') }}</span>
                            @endif
                        </div>
                        <div class="col-md-6 float-right">
                            <button wire:loading.attr="disabled" type="submit"
                                class="btn btn-primary btn-block">Save</button>
                        </div>
                        <div class="col-md-6 float-left">
                            <button type="button" wire:click="ClearFormInvoicePembelian" data-dismiss="modal"
                                aria-label="Close" class="btn btn-primary btn-block">Close</button>
                        </div>
                    </div>

                </div>
            </div>
        </form>
    </div>
    <!-- End Modal Tambah  -->

    <!-- Modal View Invoice Pembelian -->
    <div wire:ignore.self class="modal fade" id="view_invoice_pembelian" tabindex="-1" data-keyboard="false"
        data-backdrop="static" aria-hidden="true">
        <div class="modal-dialog modal-simple modal-content modal-lg">
            <div class="modal-header">
                <button type="button" class="close" wire:click="ClearForm" data-dismiss="modal"
                    aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
                <h4 class="modal-title" id="exampleFormModalLabel">Invoice Pembelian
                    @if (session()->has('pesan'))
                        <span class="panel-desc" style="color: green;">{{ session('pesan') }}</span>
                    @endif
                </h4>
            </div>
            <div class="modal-body">
                <div class="row">


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

                        <div style="height: 800px; overflow-y: auto; border: 1px solid rgb(199, 199, 199)">
                            <table class="table table-hover table-bordered" id="exampleRowToggler">
                                <thead>
                                    <tr>
                                        <th>No. Faktur</th>
                                        <th>Tanggal</th>
                                        <th>Vendor</th>
                                        <th>No. PO</th>
                                        <th>DPP</th>
                                        <th>PPn</th>
                                        <th>Total</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @if (!empty($invoice_pembelian_data))
                                        @foreach ($invoice_pembelian_data as $row)
                                            <tr>
                                                <td>{{ $row->no_pembelian }}</td>
                                                <td>{{ acc_date($row->tgl_faktur_pembelian) }}</td>
                                                <td>{{ $row->nama_vendor }}</td>
                                                <td>{{ $row->no_surat ?? 'Non PO' }}</td>
                                                <td>{{ number($row->total_harga_beli) }}</td>
                                                <td>{{ number($row->total_tax_pembelian) }}</td>
                                                <td>{{ number($sub_total = $row->total_harga_beli + $row->total_tax_pembelian) }}
                                                </td>
                                            </tr>
                                        @endforeach
                                    @endif

                                </tbody>
                            </table>


                        </div>

                    </div>

                </div>
            </div>
        </div>
    </div>
    <!-- End Modal View Invoice Pembelian  -->

    <!-- Modal Tambah -->
    <div wire:ignore.self class="modal fade" id="form_pembayaran_invoice" tabindex="-1" data-keyboard="false"
        data-backdrop="static" aria-hidden="true">
        <form wire:submit="store_pembayaran_invoice" enctype="multipart/form-data">
            <div class="modal-dialog modal-simple modal-content modal-lg">
                <div class="modal-header">
                    <button type="button" class="close" wire:click="ClearForm" data-dismiss="modal"
                        aria-label="Close">
                        <span aria-hidden="true">×</span>
                    </button>
                    <h4 class="modal-title" id="exampleFormModalLabel">Form Pembayaran Invoice
                        @if (session()->has('pesan'))
                            <span class="panel-desc" style="color: green;">{{ session('pesan') }}</span>
                        @endif
                    </h4>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="form-group form-material col-md-12">
                            <label class="form-control-label">No. Faktur </label>
                            <select wire:model.live="id_invoice_pembelian" class="form-control" required>
                                <option value="">Select</option>
                                @if (!empty($invoice_pembelian_data))
                                    @foreach ($invoice_pembelian_data as $row)
                                        <option value="{{ $row->id_invoice_pembelian }}">
                                            {{ $row->no_pembelian }} - Total
                                            {{ rupiah($total = $row->total_harga_beli + $row->total_tax_pembelian) }}
                                        </option>
                                    @endforeach
                                @endif
                            </select>
                        </div>


                        <div class="form-group form-material col-md-12">
                            @if (!empty($id_invoice_pembelian))
                                <table class="table table-hover table-bordered table-striped w-full">
                                    <thead>
                                        <tr>
                                            <th>No. </th>
                                            <th>Barang</th>
                                            <th>Harga</th>
                                            <th>QTY</th>
                                            <th>Total</th>
                                            <th>Tax</th>
                                            <th>Subtotal</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($invoice_pembelian_detail_selected as $row)
                                            <tr>
                                                <td>{{ $loop->iteration }}</td>
                                                <td>{{ $row->deskripsi_barang }}</td>
                                                <td>{{ number($row->harga_barang) }}</td>
                                                <td>{{ $row->jumlah_barang }}</td>
                                                <td>{{ number($total = $row->harga_barang * $row->jumlah_barang) }}
                                                </td>
                                                <td>{{ number($ppn = $row->pajak_barang) }}</td>
                                                <td>{{ number($subtotal = $total + $ppn) }}
                                                </td>
                                            </tr>
                                        @endforeach


                                    </tbody>
                                </table>
                            @endif
                        </div>
                        <div class="form-group form-material col-md-12">
                            <label class="form-control-label">Rek/Akun Pembayaran</label>
                            <select wire:model.live="id_acc_rekening_kredit" class="form-control" required>
                                <option value="">Select</option>
                                                            </select>
                        </div>

                        <div class="form-group form-material col-md-6">
                            <label class="form-control-label">Tanggal Pembayaran</label>
                            <input type="date" name="tgl_pembayaran" wire:model.defer="tgl_pembayaran"
                                class="form-control" required>
                        </div>

                        <div class="form-group form-material col-md-6">
                            <label class="form-control-label">Nilai Dibayar</label>
                            <input type="text" name="nilai_pembayaran" wire:model.defer="nilai_pembayaran"
                                class="form-control" required>
                        </div>
                        <div class="form-group form-material col-md-12">
                            <label class="form-control-label">Keterangan</label>
                            <input type="text" name="keterangan_pembayaran"
                                wire:model.defer="keterangan_pembayaran" class="form-control" required>
                        </div>

                        <div class="form-group form-material col-md-6">
                            <label class="form-control-label">Bukti Transfer</label>
                            <div class="form-group">
                                <div class="input-group input-group-file" data-plugin="inputGroupFile">
                                    <input type="text" class="form-control" readonly=""
                                        value="{{ $lampiran_nota }}">
                                    <span class="input-group-append">
                                        <span class="btn btn-success btn-file">
                                            <i class="icon md-upload" aria-hidden="true"></i>
                                            <input type="file" wire:model.live="lampiran_nota">
                                        </span>
                                    </span>
                                </div>
                            </div>
                        </div>



                        <div class="col-md-12">
                            <hr>
                        </div>
                        <div class="col-md-6 float-right">
                            <button wire:loading.attr="disabled" type="submit"
                                class="btn btn-primary btn-block">Save</button>
                        </div>
                        <div class="col-md-6 float-left">
                            <button type="button" wire:click="ClearFormInvoicePembelian" data-dismiss="modal"
                                aria-label="Close" class="btn btn-primary btn-block">Close</button>
                        </div>
                    </div>

                </div>
            </div>
        </form>
    </div>
    <!-- End Modal Tambah  -->

    <!-- Modal View Invoice Pembelian -->
    <div wire:ignore.self class="modal fade" id="view_pembayaran_invoice" tabindex="-1" data-keyboard="false"
        data-backdrop="static" aria-hidden="true">
        <div class="modal-dialog modal-simple modal-content modal-lg">
            <div class="modal-header">
                <button type="button" class="close" wire:click="ClearForm" data-dismiss="modal"
                    aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
                <h4 class="modal-title" id="exampleFormModalLabel">List Pembayaran Invoice
                    @if (session()->has('pesan'))
                        <span class="panel-desc" style="color: green;">{{ session('pesan') }}</span>
                    @endif
                </h4>
            </div>
            <div class="modal-body">
                <div class="row">


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

                        <div style="height: 800px; overflow-y: auto; border: 1px solid rgb(199, 199, 199)">
                            <table class="table table-hover table-bordered" id="exampleRowToggler">
                                <thead>
                                    <tr>
                                        <th>Trx. ID</th>
                                        <th>Tgl. Pembayaran</th>
                                        <th>Rek. Pembayaran</th>
                                        <th>Rek. Tujuan</th>
                                        <th>Nilai Dibayar</th>
                                        <th>Keterangan</th>
                                        <th>Proof</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @if (!empty($pembayaran_invoice))
                                        @foreach ($pembayaran_invoice as $row)
                                            <tr>
                                                <td>{{ $row->no_pembayaran_invoice }}</td>
                                                <td>{{ acc_date($row->tgl_pembayaran) }}</td>
                                                <td>{{ $row->nama_rekening_kredit }}</td>
                                                <td>{{ $row->nama_rekening_debit }}</td>
                                                <td>{{ number($row->nilai_pembayaran) }}</td>
                                                <td>{{ $row->keterangan_pembayaran }}</td>
                                                <td>
                                                    <a href="{{ asset('storage/app/' . $row->bukti_transfer) }}"
                                                        target="_blank">
                                                        <button type="button"
                                                            class="btn btn-sm btn-icon btn-primary btn-round"
                                                            data-toggle="tooltip" data-original-title="Refresh">
                                                            <i class="icon md-download" aria-hidden="true"></i>
                                                        </button>
                                                    </a>
                                                </td>
                                            </tr>
                                        @endforeach

                                    @endif


                                </tbody>
                            </table>


                        </div>

                    </div>

                </div>
            </div>
        </div>
    </div>
    <!-- End Modal View Invoice Pembelian  -->


    <!-- Modal Form Rekening -->
    <div wire:ignore.self class="modal fade" id="form-rekening" tabindex="-1" data-keyboard="false"
        data-backdrop="static" aria-labelledby="TambahData" aria-hidden="true">
        <form wire:submit="update_jenis_rekening({{ $id_hrd_request }})" enctype="multipart/form-data">
            <div class="modal-dialog modal-simple modal-content modal-lg">
                <div class="modal-header">
                    <button type="button" class="close" wire:click="ClearForm" data-dismiss="modal"
                        aria-label="Close">
                        <span aria-hidden="true">×</span>
                    </button>
                    <h4 class="modal-title" id="exampleFormModalLabel">Form PO Transfer
                        @if (session()->has('pesan'))
                            <span class="panel-desc" style="color: green;">{{ session('pesan') }}</span>
                        @endif
                    </h4>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="form-group form-material">
                                <label class="form-control-label" for="jenis_rekening">Pilih Jenis Rekening</label>
                                <select wire:model="jenis_rekening" id="jenis_rekening" class="form-control" required>
                                    <option value="">-- Pilih Rekening --</option>
                                    <option value="Mandiri MMS">Mandiri MMS</option>
                                    <option value="BNI MMS">BNI MMS</option>
                                    <option value="Kas Kecil">Kas Kecil</option>
                                    <option value="Rek BuFani">Rek Bufan</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-md-12">
                                <hr>
                            </div>
                            <div class="col-md-6 float-right">
                                <button wire:loading.attr="disabled" type="submit"
                                    class="btn btn-primary btn-block">Save</button>
                            </div>
                            <div class="col-md-6 float-left">
                                <button type="button" wire:click="ClearFormInvoicePembelian" data-dismiss="modal"
                                    aria-label="Close" class="btn btn-primary btn-block">Close</button>
                            </div>
                        </div>
                    </div>
            </div>
        </form>
        <br> <br>
        <br>
    </div>
    <!-- End Modal Form Rekening -->



    <!-- Modal Form Retur -->
    <div wire:ignore.self class="modal fade" id="form_retur" tabindex="-1" data-keyboard="false"
        data-backdrop="static" aria-hidden="true">
        <div class="modal-dialog modal-simple modal-content modal-lg">
            <div class="modal-header">
                <button type="button" class="close" wire:click="ClearForm" data-dismiss="modal"
                    aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
                <h4 class="modal-title" id="exampleFormModalLabel">Retur Barang
                    @if (session()->has('pesan'))
                        <span class="panel-desc" style="color: green;">{{ session('pesan') }}</span>
                    @endif
                </h4>
            </div>
            <div class="modal-body">
                <!-- Form input retur -->
                    <form wire:submit.prevent="simpanRetur">
                        <div class="row">

                            {{-- barang dibeli --}}
                            <div class="form-group form-material col-md-6">
                                <label class="form-control-label">Barang Retur</label>
                                <select class="form-control" wire:model.defer="id_hrd_request_barang_detail">
                                    <option value="">Pilih Barang</option>
                                    @if($barang_dibeli)
                                        @foreach ($barang_dibeli as $row)
                                            <option value='{{ $row->id_hrd_request_barang_detail }}'>{{ $row->nama_barang }}</option>
                                        @endforeach
                                    @endif
                                </select>
                            </div>

                            <!-- Jumlah Retur -->
                            <div class="form-group form-material col-md-6">
                                <label class="form-control-label">Jumlah Retur</label>
                                <input type="number" class="form-control" wire:model.defer="jumlah_retur" min="1" placeholder="Masukkan jumlah">
                            </div>

                            <!-- Tanggal Retur -->
                            <div class="form-group form-material col-md-6">
                                <label class="form-control-label">Tanggal Retur</label>
                                <input type="date" class="form-control" wire:model.defer="tgl_retur">
                            </div>

                            <!-- Status Retur -->
                            <div class="form-group form-material col-md-6">
                                <label class="form-control-label">Status Retur</label>
                                <select class="form-control" wire:model.defer="status_retur">
                                    <option value="">Pilih Status Retur</option>
                                    <option value="Diajukan">Diajukan</option>
                                    <option value="Diterima">Diterima</option>
                                    <option value="Ditolak">Ditolak</option>
                                    <option value="Selesai">Selesai</option>
                                </select>
                            </div>

                            <!-- Tipe Retur -->
                            <div class="form-group form-material col-md-4">
                                <label class="form-control-label">Tipe Retur</label>
                                <select class="form-control" wire:model.defer="tipe_retur">
                                    <option value="">Pilih Tipe Retur</option>
                                    <option value="Retur">Retur</option>
                                    <option value="Bonus">Bonus</option>
                                    <option value="Pengembalian Dana">Pengembalian Dana</option>
                                </select>
                            </div>

                            <!-- Nilai Refund -->
                            <div class="form-group form-material col-md-4">
                                <label class="form-control-label">Nilai Refund</label>
                                <input type="number" class="form-control" wire:model.defer="nilai_refund" min="0" placeholder="Contoh: 100000">
                            </div>

                            {{-- no rek pengembalian --}}
                            <div class="form-group form-material col-md-4">
                                <label class="form-control-label">Rek Pengembalian</label>
                                <select class="form-control" wire:model.defer="id_acc_rekening">
                                    <option value="">Pilih Rek Pengembalian</option>
                                    @if($rek_pembayaran)
                                        @foreach ($rek_pembayaran as $row)
                                        <option value="{{ $row->id_acc_rekening }}">{{ $row->nama_rekening }}</option>
                                        @endforeach
                                    @endif
                                </select>
                            </div>

                            <!-- Keterangan -->
                            <div class="form-group form-material col-md-12">
                                <label class="form-control-label">Keterangan</label>
                                <textarea class="form-control" wire:model.defer="keterangan_retur" rows="3" placeholder="Tambahkan keterangan retur..."></textarea>
                            </div>

                            <!-- Tombol Simpan -->
                            <div class="form-group form-material col-md-12 text-right">
                                <button type="submit" class="btn btn-primary">Simpan Retur</button>
                            </div>
                        </div>
                    </form>
                <hr>
                    @if (session()->has('pesan_table'))
                        <span class="panel-desc" style="color: green;">{{ session('pesan_table') }}</span>
                    @endif
                <!-- Tabel list data retur -->
                <div class="table-responsive">
                    <table class="table table-bordered">
                        <thead>
                        <tr>
                            <th>No</th>
                            <th>Nama Barang</th>
                            <th>Dibeli</th>
                            <th>Retur</th>
                            <th>Ket.</th>
                            <th>Tgl. Retur</th>
                            <th>Tipe</th>
                            <th>Status</th>
                            <th>Refund</th>
                            <th>Action</th>
                        </tr>
                        </thead>
                        <tbody>
                            @if($list_retur)
                            @foreach($list_retur as $row)
                                <tr>
                                    <td>{{ $loop->index + 1 }}</td>
                                    <td>{{ $row->nama_barang }}</td>
                                    <td>{{ $row->jumlah }}</td>
                                    <td>{{ $row->jumlah_retur }}</td>
                                    <td>{{ $row->keterangan_retur }}</td>
                                    <td>{{ tgl_indo($row->tgl_retur) }}</td>
                                    <td>{{ $row->tipe_retur }}</td>
                                    <td>{{ $row->status_retur }}</td>
                                    <td>
                                        {{ rupiah($row->nilai_refund) }}
                                        <br>
                                        @php
                                            $rek = ReturRequestBarang::join('acc_rekening', 'acc_rekening.id_acc_rekening',         'hrd_request_barang_retur.id_acc_rekening')
                                                ->where('id_hrd_request_barang_retur', $row->id_hrd_request_barang_retur)
                                                ->select('acc_rekening.nama_rekening')
                                                ->first();
                                        @endphp
                                        {{ $rek->nama_rekening }}
                                    </td>
                                    <td>
                                        <button wire:click.prevent="kirimKeBukuBesar({{ $row->id_hrd_request_barang_retur }})"
                                            type="button" class="btn btn-sm btn-icon btn-{{ $row->is_posted ? 'success' : 'primary' }} btn-round" data-toggle="tooltip" title="{{ $row->is_posted ? 'Sudah diposting' : 'Kirim ke Buku Besar' }}" @if($row->is_posted) disabled @endif>
                                            <i class="icon md-{{ $row->is_posted ? 'check' : 'book' }}" aria-hidden="true"></i>
                                        </button>
                                        <button wire:click.prevent="destroy_retur({{ $row->id_hrd_request_barang_retur }})"
                                            type="button" class="btn btn-sm btn-icon btn-danger btn-round" data-toggle="tooltip"
                                            title="{{ $row->is_posted ? 'Tidak bisa dihapus (sudah diposting)' : 'Hapus Retur' }}"
                                            @if($row->is_posted) disabled @endif>
                                            <i class="icon md-delete" aria-hidden="true"></i>
                                        </button>

                                    </td>
                                </tr>
                            @endforeach
                        @endif
                        </tbody>
                    </table>
                </div>
            </div>

        </div>
    </div>
    <!-- End Modal Form Retur  -->


    @push('scripts')
        <script>
            document.addEventListener('DOMContentLoaded', function() {
                // Initialize Summernote
                const summernoteElement = $('#catatan').summernote({
                    height: 100,
                    toolbar: [
                        ['style', ['style']],
                        ['font', ['bold', 'underline', 'clear']],
                        ['color', ['color']],
                        ['para', ['ul', 'ol', 'paragraph']],
                        ['table', ['table']],
                        ['insert', ['link', 'picture', 'video']],
                        ['view', ['fullscreen', 'codeview', 'help']]
                    ],
                    callbacks: {
                        onChange: function(contents, $editable) {
                            @this.set('catatan', contents);
                        }
                    }
                });

                // Function to update Summernote content
                function updateSummernoteContent(content) {
                    summernoteElement.summernote('code', content);
                }

                // Polling function to check for changes in Livewire's catatan
                setInterval(function() {
                    const livewireCatatan = @this.catatan;

                    if (livewireCatatan !== summernoteElement.summernote('code')) {
                        updateSummernoteContent(livewireCatatan);
                    }
                }, 30000); // Check every 1 second
            });
        </script>
    @endpush


</div>