@extends('adminlte::page')

@section('title', 'Transaksi Kas & Bank')

@section('content_header')
    <div class="d-flex justify-content-between align-items-center">
        <div>
            <h1 class="text-dark font-weight-bold mb-1">Transaksi Kas Operasional</h1>
            <p class="text-muted small mb-0">Catat pemasukan dan pengeluaran harian sekolah.</p>
        </div>
        <div class="d-none d-md-block">
            <ol class="breadcrumb bg-transparent p-0 m-0">
                <li class="breadcrumb-item"><a href="{{ route('dashboard') }}" class="text-muted">Home</a></li>
                <li class="breadcrumb-item active text-primary font-weight-bold">Kas & Bank</li>
            </ol>
        </div>
    </div>
@stop

@section('content')
<div class="container-fluid px-0">
    
    {{-- 1. FILTER SEKOLAH (PENTING: Agar Super Admin bisa memilih sekolah) --}}
    @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">Anda sedang mengelola buku keuangan untuk:</small>
                        </div>
                    </div>
                    <form action="{{ route('keuangan.finance.cash.index') }}" method="GET" class="form-inline m-0">
                        <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

    <div class="row">
        <div class="col-md-12">
            
            {{-- Alert --}}
            @if(session('success'))
                <div class="alert alert-success alert-dismissible fade show border-0 shadow-sm" role="alert">
                    <div class="d-flex align-items-center">
                        <i class="fas fa-check-circle mr-2 fa-lg"></i>
                        <span class="font-weight-bold">{{ session('success') }}</span>
                    </div>
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
            @endif

            {{-- ERROR HANDLING --}}
            @if ($errors->any())
                <div class="alert alert-danger alert-dismissible fade show border-0 shadow-sm" role="alert">
                    <div class="font-weight-bold mb-2"><i class="fas fa-exclamation-triangle mr-2"></i> Gagal Menyimpan:</div>
                    <ul class="mb-0 pl-3">
                        @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
            @endif

            <div class="card card-primary card-outline card-tabs shadow-lg border-0" style="border-radius: 15px; overflow: hidden;">
                <div class="card-header p-0 pt-1 border-bottom-0 bg-white">
                    <ul class="nav nav-tabs" id="custom-tabs-three-tab" role="tablist">
                        <li class="nav-item w-50 text-center">
                            <a class="nav-link active py-3 font-weight-bold" id="tab-pengeluaran" data-toggle="pill" href="#content-pengeluaran" role="tab" style="border-top: 3px solid #dc3545;">
                                <i class="fas fa-sign-out-alt text-danger mr-2"></i> PENGELUARAN (Expense)
                            </a>
                        </li>
                        <li class="nav-item w-50 text-center">
                            <a class="nav-link py-3 font-weight-bold" id="tab-pemasukan" data-toggle="pill" href="#content-pemasukan" role="tab" style="border-top: 3px solid #28a745;">
                                <i class="fas fa-sign-in-alt text-success mr-2"></i> PEMASUKAN (Income)
                            </a>
                        </li>
                    </ul>
                </div>
                
                <div class="card-body p-4 bg-white">
                    <div class="tab-content">
                        
                        {{-- FORM PENGELUARAN --}}
                        <div class="tab-pane fade show active" id="content-pengeluaran" role="tabpanel">
                            <form action="{{ route('keuangan.finance.cash.store') }}" method="POST">
                                @csrf
                                <input type="hidden" name="type" value="OUT">
                                {{-- INPUT HIDDEN PENTING: Mencegah error "sekolah id required" --}}
                                <input type="hidden" name="sekolah_id" value="{{ $sekolahId }}">
                                
                                <div class="row">
                                    <div class="col-md-6 border-right">
                                        <div class="form-group mb-4">
                                            <label class="text-uppercase text-muted text-xs font-weight-bold">Tanggal Transaksi</label>
                                            <input type="date" name="date" class="form-control bg-light border-0" value="{{ date('Y-m-d') }}" required>
                                        </div>

                                        <div class="form-group mb-4">
                                            <label class="text-uppercase text-muted text-xs font-weight-bold">Sumber Dana (Kredit)</label>
                                            <select name="cash_account" class="form-control select2bs4" required data-placeholder="Pilih Kas/Bank...">
                                                <option value=""></option>
                                                @foreach($akunKas as $kas)
                                                    <option value="{{ $kas->code }}">{{ $kas->code }} - {{ $kas->name }}</option>
                                                @endforeach
                                            </select>
                                            <small class="text-danger mt-1 d-block font-italic"><i class="fas fa-arrow-down mr-1"></i> Saldo kas ini akan berkurang.</small>
                                        </div>

                                        <div class="form-group mb-4">
                                            <label class="text-uppercase text-muted text-xs font-weight-bold">Untuk Keperluan (Debit)</label>
                                            <select name="target_account" class="form-control select2bs4" required data-placeholder="Pilih Akun Biaya...">
                                                <option value=""></option>
                                                <optgroup label="Biaya & Beban">
                                                    @foreach($akunLawan as $akun)
                                                        @if(Str::startsWith($akun->code, '5')) 
                                                            <option value="{{ $akun->code }}">{{ $akun->code }} - {{ $akun->name }}</option>
                                                        @endif
                                                    @endforeach
                                                </optgroup>
                                                <optgroup label="Aset / Inventaris">
                                                    @foreach($akunLawan as $akun)
                                                        @if(Str::startsWith($akun->code, '1') && !Str::startsWith($akun->code, '11'))
                                                            <option value="{{ $akun->code }}">{{ $akun->code }} - {{ $akun->name }}</option>
                                                        @endif
                                                    @endforeach
                                                </optgroup>
                                            </select>
                                        </div>
                                    </div>

                                    <div class="col-md-6 pl-md-4">
                                        <div class="form-group mb-4">
                                            <label class="text-uppercase text-muted text-xs font-weight-bold">Nominal (Rp)</label>
                                            <input type="number" name="amount" class="form-control bg-light border-0 font-weight-bold text-danger form-control-lg" placeholder="0" required min="1">
                                        </div>

                                        <div class="form-group mb-4">
                                            <label class="text-uppercase text-muted text-xs font-weight-bold">Keterangan</label>
                                            <textarea name="description" class="form-control bg-light border-0 shadow-sm" rows="4" placeholder="Contoh: Bayar Listrik..." required></textarea>
                                        </div>

                                        <button type="submit" class="btn btn-danger btn-block font-weight-bold shadow py-3 rounded-pill hover-lift">
                                            <i class="fas fa-save mr-2"></i> SIMPAN PENGELUARAN
                                        </button>
                                    </div>
                                </div>
                            </form>
                        </div>

                        {{-- FORM PEMASUKAN --}}
                        <div class="tab-pane fade" id="content-pemasukan" role="tabpanel">
                            <form action="{{ route('keuangan.finance.cash.store') }}" method="POST">
                                @csrf
                                <input type="hidden" name="type" value="IN">
                                {{-- INPUT HIDDEN PENTING --}}
                                <input type="hidden" name="sekolah_id" value="{{ $sekolahId }}">
                                
                                <div class="row">
                                    <div class="col-md-6 border-right">
                                        <div class="form-group mb-4">
                                            <label class="text-uppercase text-muted text-xs font-weight-bold">Tanggal Transaksi</label>
                                            <input type="date" name="date" class="form-control bg-light border-0" value="{{ date('Y-m-d') }}" required>
                                        </div>

                                        <div class="form-group mb-4">
                                            <label class="text-uppercase text-muted text-xs font-weight-bold">Masuk Ke Kas (Debit)</label>
                                            <select name="cash_account" class="form-control select2bs4" required data-placeholder="Pilih Kas/Bank...">
                                                <option value=""></option>
                                                @foreach($akunKas as $kas)
                                                    <option value="{{ $kas->code }}">{{ $kas->code }} - {{ $kas->name }}</option>
                                                @endforeach
                                            </select>
                                            <small class="text-success mt-1 d-block font-italic"><i class="fas fa-arrow-up mr-1"></i> Saldo kas ini akan bertambah.</small>
                                        </div>

                                        <div class="form-group mb-4">
                                            <label class="text-uppercase text-muted text-xs font-weight-bold">Sumber Penerimaan (Kredit)</label>
                                            <select name="target_account" class="form-control select2bs4" required data-placeholder="Pilih Akun Pendapatan...">
                                                <option value=""></option>
                                                @foreach($akunLawan as $akun)
                                                    @if(Str::startsWith($akun->code, '4') || Str::startsWith($akun->code, '3')) 
                                                        <option value="{{ $akun->code }}">{{ $akun->code }} - {{ $akun->name }}</option>
                                                    @endif
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>

                                    <div class="col-md-6 pl-md-4">
                                        <div class="form-group mb-4">
                                            <label class="text-uppercase text-muted text-xs font-weight-bold">Nominal (Rp)</label>
                                            <input type="number" name="amount" class="form-control bg-light border-0 font-weight-bold text-success form-control-lg" placeholder="0" required min="1">
                                        </div>

                                        <div class="form-group mb-4">
                                            <label class="text-uppercase text-muted text-xs font-weight-bold">Keterangan</label>
                                            <textarea name="description" class="form-control bg-light border-0 shadow-sm" rows="4" placeholder="Contoh: Terima Donasi..." required></textarea>
                                        </div>

                                        <button type="submit" class="btn btn-success btn-block font-weight-bold shadow py-3 rounded-pill hover-lift">
                                            <i class="fas fa-save mr-2"></i> SIMPAN PEMASUKAN
                                        </button>
                                    </div>
                                </div>
                            </form>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@stop

@section('css')
<style>
    .hover-lift { transition: transform 0.2s; }
    .hover-lift:hover { transform: translateY(-3px); }
    .bg-light-primary { background-color: #e3f2fd; }
    .select2-container--bootstrap4 .select2-selection--single { height: calc(2.8rem + 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%', allowClear: true });
    });
</script>
@stop