@extends('template.content')

@section('title', 'Jurnal')

@push('script')
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
    <script>
        $(document).ready(function () {
            $('#cari').on('keypress', function (e) {
                // Cek apakah tombol yang ditekan adalah Enter (key code 13)
                if (e.which == 13) {
                    // Submit form saat tombol Enter ditekan
                    $('#searchForm').submit();
                }
            });

            // Handle tombol hapus
            $('.btn-delete').on('click', function () {
                var id = $(this).data('id');
                var name = $(this).data('name');
                var url = $(this).data('url');

                Swal.fire({
                    title: 'Konfirmasi Hapus',
                    html: `Apakah Anda yakin ingin menghapus data ini?`,
                    icon: 'warning',
                    showCancelButton: true,
                    confirmButtonColor: '#d33',
                    cancelButtonColor: '#3085d6',
                    confirmButtonText: 'Ya, Hapus!',
                    cancelButtonText: 'Batal',
                    reverseButtons: true
                }).then((result) => {
                    if (result.isConfirmed) {
                        // Buat form delete dinamis
                        var form = $('<form>').attr({
                            'method': 'POST',
                            'action': url
                        }).append(
                            $('<input>').attr({
                                'type': 'hidden',
                                'name': '_token',
                                'value': '{{ csrf_token() }}'
                            }),
                            $('<input>').attr({
                                'type': 'hidden',
                                'name': '_method',
                                'value': 'DELETE'
                            })
                        ).appendTo('body');

                        // Submit form
                        form.submit();
                    }
                });
            });

            $("#filterUserid").change(function (e) {
                e.preventDefault();
                const params = new URLSearchParams(window.location.search);
                var userid = $(this).val();

                // Update parameter pencarian
                if (userid) {
                    params.set('user', userid);
                } else {
                    params.delete('user');
                }

                // Reset page ke 1 saat filter berubah
                params.delete('page');

                window.location.href = window.location.pathname + '?' + params.toString();
            });

        });
    </script>
@endpush

@section('content')
    <div class="row page-titles">
        <div class="col-md-5 align-self-center">
            <h4 class="text-themecolor">@yield('title')</h4>
        </div>
        <div class="col-md-7 align-self-center text-end">
            <div class="d-flex justify-content-end align-items-center">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="javascript:void(0)">Transaksi</a></li>
                    <li class="breadcrumb-item active">@yield('title')</li>
                </ol>
            </div>
        </div>
    </div>

    <div class="row g-0">
        <div class="col-12">
            <div class="card">
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-2 mt-3">
                            <div class="mb-3">
                                <form method="GET" id="searchForm">
                                    <input type="text" class="form-control" name="cari" id="cari"
                                        placeholder="Cari Nama Jurnal" value="{{ request()->get('cari') }}" autofocus>
                                </form>
                            </div>
                        </div>
                        <div class="col-md-2 mt-3">
                            <div class="mb-3">
                                <div class="form-group">
                                    <select id="filterUserid" class="form-control" name="user_id">
                                        <option value="">Oleh</option>
                                        @foreach ($oleh as $ol)
                                            <option value="{{ $ol->id }}"
                                                {{ request()->get('user') == $ol->id ? 'selected' : '' }}>
                                                {{ $ol->name }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-2 mt-3">
                            <div class="mb-3">
                                <button type="button" class="btn btn-success" data-bs-toggle="modal"
                                    data-bs-target="#excelModal">
                                    Export
                                </button>
                            </div>
                        </div>
                        <div class="col-md-6 mt-3">
                            <div class="mb-3 text-end">
                                <h3>Rp. {{ number_format($saldo, 0, ',', '.') }}</h3>
                            </div>
                        </div>
                    </div>

                    <div class="table-responsive">
                        <table class="table">
                            <thead>
                                <tr>
                                    <th>Tgl Transaksi</th>
                                    <th>Kode Akun</th>
                                    <th>Nama Jurnal</th>
                                    <th>Rp. {{ number_format($debit, 0, ',', '.')  }} <br>
                                        Debit
                                    </th>
                                    <th>Rp. {{ number_format($kredit, 0, ',', '.') }}<br>
                                        Kredit
                                    </th>
                                    <th>Keterangan</th>
                                    <th>Diinput</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($jurnal as $jurn)
                                    <tr>
                                        <td>{{ $jurn->tgl_transaksi }}</td>
                                        <td>{{ $jurn->kode_akun ?? "-" }}</td>
                                        <td>{{ $jurn->nama_jurnal }}</td>
                                        <td>{{ number_format($jurn->debit, 0, ',', '.') }}</td>
                                        <td>{{ number_format($jurn->kredit, 0, ',', '.') }}</td>
                                        <td>{{ $jurn->keterangan }}</td>
                                        <td>{{ @$jurn->user->name }}</td>
                                    </tr>
                                @endforeach

                            </tbody>
                        </table>

                        {{ $jurnal->appends(request()->only(['cari', 'user']))->links('pagination::bootstrap-4') }}
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Modal -->
    <div class="modal fade" id="excelModal" tabindex="-1" aria-labelledby="excelModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="excelModalLabel">Export Data</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <form action="{{ route('jurnal.export') }}" method="POST" enctype="multipart/form-data">
                        @csrf
                        <div class="mb-3">
                            <div class="form-group">
                                <label for="bulan">Bulan</label>
                                <select id="bulan" class="form-control" name="bulan">
                                    <option value="">Semua Bulan</option>
                                    @php
                                        $currentMonth = date('m');
                                        $bulanIndonesia = [
                                            '01' => 'Januari',
                                            '02' => 'Februari',
                                            '03' => 'Maret',
                                            '04' => 'April',
                                            '05' => 'Mei',
                                            '06' => 'Juni',
                                            '07' => 'Juli',
                                            '08' => 'Agustus',
                                            '09' => 'September',
                                            '10' => 'Oktober',
                                            '11' => 'November',
                                            '12' => 'Desember',
                                        ];
                                    @endphp
                                    @foreach ($bulanIndonesia as $key => $bulan)
                                        <option value="{{ $key }}"
                                            {{ (request()->get('bulan') ?: $currentMonth) == $key ? 'selected' : '' }}>
                                            {{ $bulan }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="mb-3">
                            <div class="form-group">
                                <label for="tahun">Tahun</label>
                                <select id="tahun" class="form-control" name="tahun">
                                    <option value="">Semua Tahun</option>
                                    @php
                                        $currentYear = date('Y');
                                        $selectedYear = request()->get('tahun') ?: $currentYear;
                                        $startYear = $currentYear - 10;
                                    @endphp
                                    @for ($year = $currentYear; $year >= $startYear; $year--)
                                        <option value="{{ $year }}" {{ $selectedYear == $year ? 'selected' : '' }}>
                                            {{ $year }}
                                        </option>
                                    @endfor
                                </select>
                            </div>
                        </div>

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

@endsection