@extends('layouts.app')

@section('title', 'Active Budgets Control')

@section('admin-content')
    <section class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1 class="fw-bold text-dark">Active Budgets Control</h1>
                </div>
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item"><a href="{{ route('dashboard.index') }}">Dashboard</a></li>
                        <li class="breadcrumb-item active">Budget Control</li>
                    </ol>
                </div>
            </div>
        </div>
    </section>

    <section class="content">
        <div class="container-fluid">

            {{-- --- BAGIAN 1: PANEL FILTER DINAMIS --- --}}
            <div class="card shadow-sm mb-4" style="border-radius: 15px; border-top: 3px solid #007bff;">
                <div class="card-body py-3">
                    <form action="{{ route('budget_control') }}" method="GET" id="filter-form">
                        <div class="row align-items-end">
                            <div class="col-md-3 mb-2 mb-md-0">
                                <label class="small font-weight-bold text-muted text-uppercase">Region</label>
                                <select name="region_id" id="filter_region" class="form-control form-control-sm select2-filter">
    {{-- Munculkan 'Semua Region' HANYA untuk role pusat --}}
    @if(auth()->user()->hasAnyRole(['Superadmin', 'Super Admin', 'Accounting', 'accounting']))
        <option value="">Semua Region</option>
    @else
        {{-- Untuk Admin Region, langsung arahkan ke pilihannya --}}
        <option value="" disabled>Pilih Region Anda</option>
    @endif
    
    @foreach($regions as $reg)
        <option value="{{ $reg->id }}" {{ request('region_id', (count($regions) == 1 ? $regions->first()->id : '')) == $reg->id ? 'selected' : '' }}>
            {{ $reg->name }}
        </option>
    @endforeach
</select>
                            </div>
                            <div class="col-md-3 mb-2 mb-md-0">
                                <label class="small font-weight-bold text-muted text-uppercase">Cabang</label>
                                <select name="cabang_id" id="filter_cabang" class="form-control form-control-sm select2-filter">
                                    <option value="">Semua Cabang</option>
                                    @foreach($cabangOptions as $cab)
                                        <option value="{{ $cab->id }}" {{ request('cabang_id') == $cab->id ? 'selected' : '' }}>{{ $cab->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-md-2 mb-2 mb-md-0">
                                <label class="small font-weight-bold text-muted text-uppercase">Bulan</label>
                                <select name="month" class="form-control form-control-sm select2-filter">
                                    <option value="">Semua Bulan</option>
                                    @foreach(['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'] as $m)
                                        <option value="{{ $m }}" {{ request('month') == $m ? 'selected' : '' }}>{{ $m }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-md-2 mb-2 mb-md-0">
                                <label class="small font-weight-bold text-muted text-uppercase">Tahun</label>
                                <select name="year" class="form-control form-control-sm select2-filter">
                                    @for($y = date('Y'); $y >= 2024; $y--)
                                        <option value="{{ $y }}" {{ request('year', date('Y')) == $y ? 'selected' : '' }}>{{ $y }}</option>
                                    @endfor
                                </select>
                            </div>
                            <div class="col-md-2">
                                <div class="btn-group w-100">
                                    <button type="submit" class="btn btn-sm btn-primary shadow-sm"><i class="fas fa-filter mr-1"></i></button>
                                    <a href="{{ route('budget_control') }}" class="btn btn-sm btn-secondary shadow-sm"><i class="fas fa-sync-alt"></i></a>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>

            <div class="card card-primary card-outline shadow-sm" style="border-radius: 15px;">
                <div class="card-body">
                    <div class="d-flex justify-content-between align-items-center mb-3">
                        <h4 class="header-title m-0">Current Active Budget</h4>
                        @if (auth()->user()->can('budget_control.create'))
                            <div>
                                @if(auth()->user()->hasAnyRole(['Accounting', 'accounting', 'Admin Region', 'Superadmin', 'Super Admin']))
                                    <button type="button" class="btn btn-success btn-sm rounded-pill px-3 shadow-sm mr-2" data-toggle="modal" data-target="#modalBulkUpload">
                                        <i class="fas fa-file-excel mr-1"></i> Bulk Upload
                                    </button>
                                @endif
                                
                                <a class="btn btn-primary btn-sm rounded-pill px-3 shadow-sm" href="{{ route('budget_control.create') }}">
                                    <i class="fas fa-plus-circle mr-1"></i> Add New Budget
                                </a>
                            </div>
                        @endif
                    </div>

                    <div class="dataTables_wrapper dt-bootstrap4 mt-2">
                        @include('backend.layouts.partials.messages')
                        <div class="table-responsive">
                            <table id="dataTable" class="table table-bordered table-striped table-hover w-100">
                                <thead class="bg-light text-capitalize">
                                    <tr>
                                        <th width="3%">#</th>
                                        <th>Penerima / Cabang</th>
                                        <th>Pengirim</th>
                                        <th>Assigned Budget</th>
                                        <th>Real-time Sisa Budget</th>
                                        <th>Periode</th>
                                        <th>Status Budget</th>
                                        <th>Status Transfer</th>
                                        <th width="5%" class="text-center">Bukti</th>
                                        <th width="10%">Aksi</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($data as $item)
                                        @php
                                            $realtimeBudget = $item->availableBudget ?? 0;
                                        @endphp
                                        <tr>
                                            <td>{{ ($data->currentPage() - 1) * $data->perPage() + $loop->iteration }}</td>
                                            <td>
                                                <div class="fw-bold text-dark">{{ $item->receiver->name ?? '-' }}</div>
                                                <small class="text-muted"><i class="fas fa-building mr-1"></i>{{ $item->cabang->name ?? '-' }}</small>
                                            </td>
                                            <td>{{ $item->sender->name ?? '-' }}</td>
                                            <td class="align-middle">
                                                <div class="fw-bold text-primary">Rp {{ number_format($item->amount, 0, ',', '.') }}</div>
                                            </td>
                                            <td class="align-middle">
                                                <div class="fw-bold {{ $realtimeBudget >= 0 ? 'text-success' : 'text-danger' }}">
                                                    Rp {{ number_format($realtimeBudget, 0, ',', '.') }}
                                                </div>
                                            </td>
                                            <td class="align-middle">
                                                <span class="badge badge-light border shadow-sm px-2 py-1">
                                                    {{ strtoupper($item->periode_month) }} {{ $item->periode_year }}
                                                </span>
                                            </td>
                                            <td class="align-middle text-center">
                                                <span class="badge {{ $item->status == 'Assigned' ? 'badge-success' : 'badge-warning' }} px-2 py-1">
                                                    {{ $item->status }}
                                                </span>
                                                <div class="mt-1" style="line-height: 1.1;">
                                                    <small class="text-muted d-block" style="font-size: 10px;">{{ $item->created_at->format('d M Y H:i') }} WIB</small>
                                                </div>
                                            </td>
                                            <td class="align-middle text-center">
                                                @php
                                                    $tStatus = $item->transfer_status ?? 'Pending';
                                                    $badgeClass = match(strtolower($tStatus)) {
                                                        'validated' => 'badge-success',
                                                        'waiting approval' => 'badge-info',
                                                        'rejected' => 'badge-danger',
                                                        default => 'badge-secondary'
                                                    };
                                                @endphp
                                                <span class="badge {{ $badgeClass }} px-2 py-1">{{ $tStatus }}</span>
                                            </td>
                                            <td class="text-center align-middle">
                                                @if($item->transfer_proof)
                                                    <a href="{{ asset(str_starts_with($item->transfer_proof, 'uploads/') ? $item->transfer_proof : 'uploads/' . $item->transfer_proof) }}" 
                                                       target="_blank" class="btn btn-xs btn-info shadow-sm">
                                                        <i class="fas fa-eye"></i> View
                                                    </a>
                                                @else
                                                    <span class="text-muted small">-</span>
                                                @endif
                                            </td>
                                            <td class="align-middle">
                                                <div class="btn-group shadow-sm">
                                                    @if(strtolower($item->transfer_status) != 'validated')
                                                        <button type="button" class="btn btn-sm btn-outline-primary btn-upload" data-id="{{ $item->id }}" data-toggle="modal" data-target="#modalUploadProof">
                                                            <i class="fas fa-upload"></i>
                                                        </button>
                                                    @endif

                                                    @if(Auth::user()->hasAnyRole(['accounting', 'Accounting', 'admin', 'Admin', 'Superadmin']) && strtolower($item->transfer_status) == 'waiting approval')
                                                        <form action="{{ route('budget_control.approve_transfer', $item->id) }}" method="POST" class="d-inline ml-1">
                                                            @csrf
                                                            <button type="submit" class="btn btn-sm btn-success" onclick="return confirm('Sahkan transfer ini?')"><i class="fas fa-check"></i></button>
                                                        </form>
                                                        <form action="{{ route('budget_control.reject_transfer', $item->id) }}" method="POST" class="d-inline ml-1">
                                                            @csrf
                                                            <button type="submit" class="btn btn-sm btn-danger" onclick="return confirm('Tolak transfer ini?')"><i class="fas fa-times"></i></button>
                                                        </form>
                                                    @endif

                                                    @if (auth()->user()->can('budget_control.delete'))
                                                        <form action="{{ route('budget_control.destroy', $item->id) }}" method="POST" class="d-inline ml-1" onsubmit="return confirm('Hapus data?');">
                                                            @csrf @method('DELETE')
                                                            <button type="submit" class="btn btn-danger btn-sm"><i class="fas fa-trash"></i></button>
                                                        </form>
                                                    @endif
                                                </div>
                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>

                        {{-- --- BAGIAN 2: NAVIGASI HALAMAN (SERVER-SIDE) --- --}}
                        <div class="mt-4 d-flex justify-content-between align-items-center">
                            <div class="small text-muted">
                                Menampilkan {{ $data->firstItem() }} sampai {{ $data->lastItem() }} dari {{ $data->total() }} data
                            </div>
                            <div>
                                {{ $data->appends(request()->query())->links('pagination::bootstrap-4') }}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    @include('backend.pages.budget_control.partials.modals') 
@endsection

@section('scripts')
    <script>
        function toggleUploadType() {
            const isRegion = document.getElementById('type_region').checked;
            document.getElementById('group_region').classList.toggle('d-none', !isRegion);
            document.getElementById('group_cabang').classList.toggle('d-none', isRegion);
        }

        $(document).ready(function () {
            // Inisialisasi Select2 untuk Filter
            $('.select2-filter').select2({
                theme: 'bootstrap4',
                width: '100%'
            }).on('change', function() {
                $('#filter-form').submit();
            });

            // Inisialisasi DataTables
            if ($('#dataTable').length) {
                $('#dataTable').DataTable({
                    paging: false, 
                    info: false,
                    responsive: false,
                    dom: 'Blfrtip',
                    buttons: [
                        { extend: 'excel', className: 'btn-sm btn-success', text: '<i class="fas fa-file-excel mr-1"></i> Excel' },
                        { extend: 'pdf', className: 'btn-sm btn-danger', text: '<i class="fas fa-file-pdf mr-1"></i> PDF' }
                    ]
                });
            }

            $(document).on('click', '.btn-upload', function() {
                $('#budget_id').val($(this).data('id'));
            });

            // Select2 di dalam modal
            $('#modalBulkUpload').on('shown.bs.modal', function () {
                $('.select2_modal').select2({
                    theme: 'bootstrap4',
                    width: '100%',
                    dropdownParent: $('#modalBulkUpload')
                });
            });
        });
    </script>
@endsection