@php
    use App\Models\AccRekening;
@endphp
<div>
    <!-- Page -->
    <div class="page">
        <div class="page-header">
            <h1 class="page-title">Data Jurnal Umum</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 Jurnal Umum</li>
            </ol>

            <div class="page-header-actions">
                <button type="button" wire:click.prevent="rebalance" class="btn btn-sm btn-icon btn-primary btn-round"
                    data-toggle="tooltip" data-original-title="report">
                    <i class="icon md-refresh" aria-hidden="true"></i> Re-Balance
                </button>

                <button type="button" data-target="#export_invoice" data-toggle="modal"
                    class="btn btn-sm btn-icon btn-primary btn-round" data-toggle="tooltip"
                    data-original-title="report">
                    <i class="icon md-hospital" aria-hidden="true"></i> Export Invoice
                </button>


                <button type="button" data-target="#export_pendapatan" data-toggle="modal"
                    class="btn btn-sm btn-icon btn-primary btn-round" data-toggle="tooltip"
                    data-original-title="report">
                    <i class="icon md-hospital" aria-hidden="true"></i> Export Pendapatan
                </button>

                <button type="button" data-target="#export_biaya_midtrans" data-toggle="modal"
                    class="btn btn-sm btn-icon btn-primary btn-round" data-toggle="tooltip"
                    data-original-title="report">
                    <i class="icon md-hospital" aria-hidden="true"></i> Export Biaya Midtrans
                </button>


                <button type="button" data-target="#report_utama" data-toggle="modal"
                    class="btn btn-sm btn-icon btn-primary btn-round" data-toggle="tooltip"
                    data-original-title="report">
                    <i class="icon md-print" aria-hidden="true"></i>Laporan Keuangan
                </button>
                <a href="saldo-awal" class="btn btn-sm btn-icon btn-primary text-white btn-round" data-toggle="tooltip"
                    data-original-title="Edit">
                    <i class="icon md-hospital" aria-hidden="true"></i> Tambah Saldo Awal
                </a>
                <!--
                <button type="button" data-target="#tambah" 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>
                <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>

        </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 Jurnal Umum
                                @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-12 col-lg-2">
                                    <label class="form-control-label">From Date</label>
                                    <input type="date" wire:model.live="dari_tgl" class="form-control" required>
                                </div>
                                <div class="form-group form-material  col-md-12 col-lg-2">
                                    <label class="form-control-label">To Date</label>
                                    <input type="date" wire:model.live="sampai_tgl" class="form-control" required>
                                </div>
                                <div class="form-group form-material  col-md-12 col-lg-4">
                                    <label class="form-control-label">Akun Rekening</label>
                                    <select wire:model.defer="cek_id_acc_rekening" class="form-control" required>
                                        <option value="">Select</option>
                                                                            </select>
                                </div>
                                <div class="form-group form-material  col-md-12 col-lg-4">
                                    <label class="form-control-label">Menu Transaksi {{ $cek_menu_transaksi }}</label>
                                    <select wire:model.defer="cek_menu_transaksi" class="form-control" required>
                                        <option value="">Select</option>
                                                                            </select>
                                </div>

                                <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.defer="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-1 col-lg-1">
                                    <label class="form-control-label">By</label>
                                    <select class="form-control" wire:model.defer="cek_order_by" required>
                                        <option value="rekening.tgl_transaksi">Tgl. Transaksi</option>
                                    </select>
                                </div>
                                <div class="col-md-9 col-lg-9">
                                    <div class="form-group form-material">

                                        <label class="form-control-label">Kata Kunci</label>

                                        <div class="input-group">
                                            <input type="text" wire:model.defer="cek_keyword"
                                                placeholder="Ketik kata kunci (Nama/Paket/Kategori Paket)"
                                                class="form-control" required>
                                            <span class="input-group-append">
                                                <button wire:click.prevent="search" type="submit"
                                                    class="btn btn-primary"><i class="icon md-search"
                                                        aria-hidden="true"></i></button>
                                            </span>
                                            <span class="input-group-append">
                                                <button wire:click.prevent="clear_search" type="submit"
                                                    class="btn btn-primary"><i class="icon md-refresh"
                                                        aria-hidden="true"></i></button>
                                            </span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <hr>
                            <table class="table table-hover table-bordered table-striped w-full">
                                <thead>
                                    <tr>
                                        <th>No</th>
                                        <th>Tgl. Transaksi</th>
                                        <th>Menu</th>
                                        <th>Account.</th>
                                        <th>Debit</th>
                                        <th>Kredit</th>
                                        {{-- <th>Saldo</th> --}}
                                    </tr>
                                </thead>

                                <tbody>
                                    @foreach ($buku_besar as $row)
                                        @php
                                            if ($row->jenis_transaksi == 'Debit') {
                                                $total_debit = $row->nominal_transaksi;
                                            } else {
                                                $total_debit = 0;
                                            }
                                        @endphp
                                        @php
                                            if ($row->jenis_transaksi == 'Kredit') {
                                                $total_kredit = $row->nominal_transaksi;
                                            } else {
                                                $total_kredit = 0;
                                            }
                                        @endphp

                                        <tr wire:key="{{ $row->id_acc_transaksi }}">
                                            <td align="center">{{ $loop->index + 1 }}</td>
                                            <td>{{ tgl_indo($row->tgl_transaksi) }} </td>
                                            <td>{{ $row->menu_transaksi }}</td>
                                            <td>{{ $row->kode_rekening }} {{ $row->nama_rekening }}
                                                <br>
                                                {{ $row->deskripsi_transaksi }}
                                            </td>
                                            <td align="right">{{ number($total_debit) }}</td>
                                            <td align="right">{{ number($total_kredit) }}</td>
                                            {{-- <td align="right">{{ number($row->saldo_akhir) }}</td> --}}

                                        </tr>
                                    @endforeach

                                </tbody>
                            </table>
                            <hr>
                            {{ $buku_besar->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="tambah" tabindex="-1" data-keyboard="false"
        data-backdrop="static" aria-labelledby="TambahData" aria-hidden="true">
        <form wire:submit="store" 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 Tambah Jurnal Umum
                        @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"> Jenis Transaksi </label>
                            <select wire:model.live="jenis_transaksi" class="form-control" required>
                                <option value="">Pilih Jenis Transaksi </option>
                                <option value="Debit">Debit </option>
                                <option value="Kredit">Kredit </option>
                            </select>
                        </div>
                        <div class="form-group form-material col-md-6">
                            <label class="form-control-label">Nama Rekening</label>
                            <select wire:model.live="kredit_rekening_id" class="form-control" required>
                                <option value="">Pilih Nama Rekening</option>
                                                            </select>
                        </div>
                        <div class="form-group form-material col-md-6">
                            <label class="form-control-label">Nama Rekening Tujuang</label>
                            <select wire:model.live="debit_rekening_id" class="form-control" required>
                                <option value="">Pilih Nama Rekening Tujuan</option>
                                                            </select>
                        </div>
                        <div class="form-group form-material col-md-6" wire:ignore>
                            <label class="form-control-label">Deskripsi</label>
                            <input type="text" wire:model.defer="deskripsi_transaksi" class="form-control"
                                required>
                        </div>
                        <div class="form-group form-material col-md-6" wire:ignore>
                            <label class="form-control-label">No Transaksi</label>
                            <input type="text" wire:model.defer="no_transaksi" class="form-control" required>
                        </div>
                        <div class="form-group form-material col-md-6" wire:ignore>
                            <label class="form-control-label">Tanggal</label>
                            <input type="date" wire:model.defer="tgl_transaksi" class="form-control" required>
                        </div>
                        <div class="form-group form-material col-md-6" wire:ignore>
                            <label class="form-control-label">Nominal</label>
                            <input type="text" wire:model.defer="nominal_transaksi" class="form-control" required>
                        </div>
                        <div class="form-group form-material col-md-6" wire:ignore>
                            <label class="form-control-label">Tipe Pembayaran</label>
                            <select wire:model.live="tipe_pembayaran" class="form-control" required>
                                <option value="">Pilih Tipe Pembayaran </option>
                                <option value="Tunai">Tunai</option>
                                <option value="Non Tunai">Non Tunai</option>
                                <option value="Piutang">Piutang</option>
                            </select>
                        </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>
                </div>
            </div>
        </form>
    </div>
    <!-- End Modal Tambah -->

    <!-- Modal Report Buku Besar -->
    <div wire:ignore.self class="modal fade" id="report_utama" tabindex="-1" data-keyboard="false"
        data-backdrop="static" aria-labelledby="TambahData" aria-hidden="true">
        <div class="modal-dialog modal-simple modal-content modal-xl">
            <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">Laporan Keuangan
                    @if (session()->has('pesan'))
                        <span class="panel-desc" style="color: green;">{{ session('pesan') }}</span>
                    @endif
                </h4>
            </div>
            <div class="modal-body">
                {{-- @if ($format == 'Excel') --}}
                    <form wire:submit="export" enctype="multipart/form-data">
                    {{-- @elseif($jenis_laporan === 'Buku Besar')
                            <form method="get" action="/report/buku-besar" target="_blank"
                                enctype="multipart/form-data">
                    @elseif($jenis_laporan === 'Neraca Keuangan')
                                <form method="get" action="/report/neraca-keuangan" target="_blank"
                                    enctype="multipart/form-data"> --}}
                {{-- @endif --}}
                <div class="row">
                    <div class="form-group form-material col-md-12">
                        <label class="form-control-label">Jenis Laporan</label>
                        <select class="form-control" wire:model.live="jenis_laporan">
                            <option value="">Select</option>
                            <option value="Buku Besar">Buku Besar</option>
                            <option value="Neraca Keuangan">Neraca Keuangan</option>
                        </select>
                    </div>
                    @if ($jenis_laporan == 'Buku Besar')
                        <div class="form-group form-material col-md-12">
                            <label class="form-control-label">Pilih Rekening</label>
                            <select name="id_acc_rekening" wire:model.defer="id_acc_rekening" class="form-control"
                                required>
                                <option value="">Select</option>
                                <option value="report_semua">Semua Rekening</option>

                                                            </select>
                        </div>
                    @endif
                    <div class="form-group form-material col-md-12">
                        <label class="form-control-label">From Date</label>
                        <input type="date" name="dari_tgl" wire:model.defer="dari_tgl_export"
                            class="form-control" required>
                    </div>
                    <div class="form-group form-material col-md-12">
                        <label class="form-control-label">To Date</label>
                        <input type="date" name="sampai_tgl" wire:model.defer="sampai_tgl_export"
                            class="form-control" required>
                    </div>
                    <div class="form-group form-material col-md-12">
                        <label class="form-control-label">Format Laporan</label>
                        <select class="form-control" wire:model.live="format">
                            <option value="">Select</option>
                            <option value="PDF">PDF</option>
                            <option value="Excel">Excel</option>
                        </select>
                    </div>
                    <div class="col-md-6 float-right">
                        <button wire:loading.attr="disabled" type="submit"
                            class="btn btn-primary btn-block">Print</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>
        </div>
    </div>
    <!-- End Modal Report Buku Besar -->



    <!-- Modal Export Invoice -->
    <div wire:ignore.self class="modal fade" id="export_invoice" tabindex="-1" data-keyboard="false"
        data-backdrop="static" aria-labelledby="TambahData" aria-hidden="true">
        <form wire:submit="export_invoice" enctype="multipart/form-data">

                <div class="modal-dialog modal-simple modal-content modal-xl">
                    <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">Export 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">Kategori Customer</label>
                                <select class="form-control" wire:model.defer="kategori_customer" class="form-control"
                                    required>
                                    <option value="">Select</option>
                                    <option value="FTTH">FTTH</option>
                                    <option value="Non FTTH">Non FTTH</option>
                                </select>
                            </div>

                            <div class="form-group form-material  col-md-12">
                                <label class="form-control-label">From Date</label>
                                <input type="date" wire:model.live="dari_tgl" class="form-control" required>
                            </div>
                            <div class="form-group form-material  col-md-12">
                                <label class="form-control-label">To Date</label>
                                <input type="date" wire:model.live="sampai_tgl" class="form-control" required>
                            </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 Export Invoice -->

    <!-- Modal Export Pendapatan -->
    <div wire:ignore.self class="modal fade" id="export_pendapatan" tabindex="-1" data-keyboard="false"
        data-backdrop="static" aria-labelledby="TambahData" aria-hidden="true">
        <form wire:submit="export_pendapatan" enctype="multipart/form-data">

                <div class="modal-dialog modal-simple modal-content modal-xl">
                    <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">Export Pendapatan via Bank
                            @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">From Date</label>
                                <input type="date" wire:model.live="dari_tgl" class="form-control" required>
                            </div>
                            <div class="form-group form-material  col-md-12">
                                <label class="form-control-label">To Date</label>
                                <input type="date" wire:model.live="sampai_tgl" class="form-control" required>
                            </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 Export Pendapatan -->

    <!-- Modal Export Pendapatan -->
    <div wire:ignore.self class="modal fade" id="export_biaya_midtrans" tabindex="-1" data-keyboard="false"
        data-backdrop="static" aria-labelledby="TambahData" aria-hidden="true">
        <form wire:submit="export_biaya_midtrans" enctype="multipart/form-data">

                <div class="modal-dialog modal-simple modal-content modal-xl">
                    <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">Export Biaya Midtrans
                            @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">Kategori Midtrans</label>
                                <select class="form-control" wire:model.defer="kategori_midtrans" class="form-control"
                                    required>
                                    <option value="">Select</option>
                                    <option value="Payment Gateway">Payment Gateway</option>
                                    <option value="Disbursement">Disbursement</option>
                                </select>
                            </div>

                            <div class="form-group form-material  col-md-12">
                                <label class="form-control-label">From Date</label>
                                <input type="date" wire:model.live="dari_tgl" class="form-control" required>
                            </div>
                            <div class="form-group form-material  col-md-12">
                                <label class="form-control-label">To Date</label>
                                <input type="date" wire:model.live="sampai_tgl" class="form-control" required>
                            </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 Export Pendapatan -->

</div>