@extends('adminlte::page')

@section('title', 'Jurnal Umum | Smart Finance')

@section('content_header')
    <div class="d-flex justify-content-between align-items-center">
        <div>
            <h1 class="text-dark font-weight-bold mb-1">Jurnal Umum</h1>
            <p class="text-muted small mb-0">Riwayat transaksi keuangan (Debit & Kredit) secara kronologis.</p>
        </div>
        <div class="btn-group">
            <a href="{{ route('keuangan.finance.coa.index') }}" class="btn btn-outline-secondary shadow-sm">
                <i class="fas fa-book mr-1"></i> Master Akun
            </a>
        </div>
    </div>
@stop

@section('content')
<div class="container-fluid px-0">

    {{-- 1. FILTER SEKOLAH (KHUSUS SUPER ADMIN) --}}
    @if(isset($daftarSekolah) && count($daftarSekolah) > 0)
    <div class="row mb-3">
        <div class="col-12">
            <div class="card border-0 shadow-sm bg-light-primary">
                <div class="card-body py-3 d-flex align-items-center justify-content-between flex-wrap">
                    <div class="d-flex align-items-center mb-2 mb-md-0">
                        <div class="bg-primary rounded-circle p-2 mr-3 text-white shadow-sm">
                            <i class="fas fa-school"></i>
                        </div>
                        <div>
                            <h6 class="font-weight-bold text-dark mb-0">Mode Administrator</h6>
                            <small class="text-muted">Menampilkan jurnal untuk:</small>
                        </div>
                    </div>
                    <form action="{{ route('keuangan.finance.journals.index') }}" method="GET" class="form-inline m-0">
                        {{-- Pertahankan filter tanggal saat ganti sekolah --}}
                        <input type="hidden" name="start_date" value="{{ $startDate }}">
                        <input type="hidden" name="end_date" value="{{ $endDate }}">
                        
                        <div class="input-group shadow-sm">
                            <div class="input-group-prepend">
                                <span class="input-group-text bg-white border-0"><i class="fas fa-search text-muted"></i></span>
                            </div>
                            <select name="sekolah_id" class="form-control border-0 select2bs4" style="min-width: 250px;" onchange="this.form.submit()">
                                @foreach($daftarSekolah as $s)
                                    <option value="{{ $s->id }}" {{ $sekolahId == $s->id ? 'selected' : '' }}>
                                        {{ $s->nama_sekolah }}
                                    </option>
                                @endforeach
                            </select>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    @endif

    {{-- 2. FILTER PERIODE --}}
    <div class="row">
        <div class="col-12 mb-4">
            <div class="card border-0 shadow-sm" style="border-radius: 15px;">
                <div class="card-body py-3">
                    <form action="{{ route('keuangan.finance.journals.index') }}" method="GET" class="form-inline justify-content-end">
                        {{-- Kirim sekolah_id lagi agar tidak hilang --}}
                        @if(isset($sekolahId))
                            <input type="hidden" name="sekolah_id" value="{{ $sekolahId }}">
                        @endif

                        <label class="mr-3 font-weight-bold text-muted small text-uppercase">Filter Periode:</label>
                        <div class="input-group mr-2 shadow-sm">
                            <div class="input-group-prepend">
                                <span class="input-group-text bg-white border-0"><i class="far fa-calendar-alt text-primary"></i></span>
                            </div>
                            <input type="date" name="start_date" class="form-control border-0 bg-light" value="{{ $startDate }}">
                        </div>
                        <span class="mr-2 text-muted font-weight-bold">-</span>
                        <div class="input-group mr-2 shadow-sm">
                            <div class="input-group-prepend">
                                <span class="input-group-text bg-white border-0"><i class="far fa-calendar-alt text-primary"></i></span>
                            </div>
                            <input type="date" name="end_date" class="form-control border-0 bg-light" value="{{ $endDate }}">
                        </div>
                        <button type="submit" class="btn btn-primary shadow-sm font-weight-bold px-4"><i class="fas fa-filter mr-1"></i> Tampilkan</button>
                    </form>
                </div>
            </div>
        </div>

        {{-- 3. TABEL JURNAL --}}
        <div class="col-12">
            <div class="card border-0 shadow-lg" style="border-radius: 15px; overflow: hidden;">
                <div class="card-body p-0">
                    <div class="table-responsive">
                        <table class="table table-hover align-middle mb-0">
                            <thead class="bg-light text-uppercase small text-muted border-bottom">
                                <tr>
                                    <th class="pl-4 border-top-0">Tanggal</th>
                                    <th class="border-top-0">No. Transaksi</th>
                                    <th class="border-top-0">Deskripsi</th>
                                    <th class="border-top-0">Referensi</th>
                                    <th class="text-right border-top-0">Total Nominal</th>
                                    <th class="text-center border-top-0">Aksi</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse($journals as $journal)
                                <tr>
                                    <td class="pl-4">
                                        <span class="font-weight-bold text-dark d-block">
                                            {{ $journal->transaction_date->format('d/m/Y') }}
                                        </span>
                                        <span class="text-muted small">
                                            {{ $journal->transaction_date->diffForHumans() }}
                                        </span>
                                    </td>
                                    <td>
                                        <span class="badge badge-light border text-primary font-weight-bold px-2 py-1">
                                            {{ $journal->transaction_number }}
                                        </span>
                                    </td>
                                    <td>
                                        <span class="font-weight-bold d-block text-dark">{{ Str::limit($journal->description, 50) }}</span>
                                        <small class="text-muted">
                                            <i class="fas fa-user-circle mr-1"></i> {{ $journal->creator->name ?? 'Sistem' }}
                                        </small>
                                    </td>
                                    <td>
                                        @if($journal->reference)
                                            <span class="badge badge-info px-2">{{ $journal->reference }}</span>
                                        @else
                                            <span class="text-muted small">-</span>
                                        @endif
                                    </td>
                                    <td class="text-right font-weight-bold text-dark font-monospace">
                                        Rp {{ number_format($journal->total_amount, 0, ',', '.') }}
                                    </td>
                                    <td class="text-center pr-4">
                                        <a href="{{ route('keuangan.finance.journals.show', $journal->id) }}" class="btn btn-sm btn-light text-primary shadow-sm rounded-circle hover-scale" title="Lihat Detail">
                                            <i class="fas fa-eye"></i>
                                        </a>
                                    </td>
                                </tr>
                                @empty
                                <tr>
                                    <td colspan="6" class="text-center py-5 text-muted">
                                        <div class="py-4">
                                            <i class="fas fa-inbox fa-3x mb-3 text-light-gray"></i>
                                            <p class="mb-0">Tidak ada transaksi jurnal pada periode ini.</p>
                                        </div>
                                    </td>
                                </tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>
                </div>
                {{-- Pagination --}}
                @if($journals->hasPages())
                <div class="card-footer bg-white border-0 py-3">
                    <div class="d-flex justify-content-center">
                        {{ $journals->withQueryString()->links() }}
                    </div>
                </div>
                @endif
            </div>
        </div>

    </div>
</div>
@stop

@section('css')
<style>
    .font-monospace { font-family: 'Consolas', monospace; }
    .bg-light-primary { background-color: #e3f2fd; }
    .hover-scale:hover { transform: scale(1.1); transition: transform 0.2s; }
    .text-light-gray { color: #d6d8db; }
    .select2-container--bootstrap4 .select2-selection--single { height: calc(2.25rem + 2px) !important; display: flex; align-items: center; border: 1px solid #ced4da; }
</style>
@stop

@section('js')
<script>
    $(document).ready(function() {
        $('.select2bs4').select2({ theme: 'bootstrap4', width: '100%' });
    });
</script>
@stop