@extends('adminlte::page')

@section('title', 'Günlük Giderler')

@section('css')
    <link href="https://cdn.datatables.net/1.13.6/css/dataTables.bootstrap5.min.css" rel="stylesheet">
    <link rel="stylesheet" href="{{ asset('build/assets/datatable-B_fUXaNs.css') }}">
    <style>
        .select2-container .select2-selection--single {
            height: calc(2.25rem + 2px) !important;
        }
        .select2-container .select2-selection__rendered {
            line-height: calc(2.25rem + 2px) !important;
        }
    </style>
@endsection

@section('js')
    <script>
        // ✅ Global değişkeni tanımla. URL yapısını sadece bir kere oluşturuyoruz.
        const AJAX_DETAIL_ROUTE = '{{ route('expense_daily.show_data', ['expense' => 'PLACEHOLDER']) }}';
        const AJAX_UPDATE_ROUTE_TPL = '{{ route('expense_daily.update', ['expense_daily' => 'PLACEHOLDER']) }}'; 
        const GLOBAL_BRANCH_OPTIONS = @json($branches->toArray());
        const GLOBAL_EXPENSE_TYPE_OPTIONS = @json($expenseTypes->toArray());
    </script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script src="https://cdn.datatables.net/1.13.6/js/jquery.dataTables.min.js"></script>
    <script src="https://cdn.datatables.net/1.13.6/js/dataTables.bootstrap5.min.js"></script>
    <script src="{{ asset('build/assets/safe_get_branch-DSawKAvm.js') }}"></script>
    <script src="{{ asset('build/assets/datatable_config-BtJrFTfh.js') }}"></script>
    <script src="{{ asset('build/assets/show_button-DCrW6EW0.js') }}"></script>
    <script src="{{ asset('build/assets/edit_button-DOU2V_N7.js') }}"></script>
    <script>
        $(document).ready(function () {
            
            const config = {
                ajaxUrl: "{{ route('expense_daily.get_data') }}",
                
                // VARSAYILAN SIRALAMA (Filtre yoksa her zaman yeniden eskiye başla)
                defaultOrders: {
                // 0: Tarih filtresi YOKSA (Normal Durum: Yeniden Eskiye)
                'default': [[4, 'desc']], 
                // 1: Tarih filtresi VARSA (Özel Durum: Eskiden Yeniye)
                'filtered': [[4, 'asc']], 
                },

                filterModalId: '#filterModal',
                filterButtonId: '#filterButton',
                columns: [
                    { data: 'title', name: 'title' },
                    { data: 'amount', name: 'amount' },
                    { data: 'type.name', name: 'type.name', searchable: false, orderable: false }, 
                    { data: 'branch_info', name: 'branch.name', searchable: true }, 
                    { data: 'expense_date', name: 'expense_date' }, 
                    { data: 'description', name: 'description', searchable: true, orderable: false },
                    { data: 'actions', name: 'actions', searchable: false, orderable: false }
                ],
            };
            
            const table = initializeServerSideDatatable(config);
        });
    </script>
    
@endsection

@section('content')
<div class="container-fluid pt-4">
    <div class="d-flex justify-content-between align-items-center mb-4">
        <h2 class="fw-bold">Günlük Giderler</h2>
        <button type="button" class="btn btn-success shadow-sm" data-bs-toggle="modal" data-bs-target="#expenseModal">
            <i class="fas fa-plus me-2"></i> Yeni Günlük Gider Ekle
        </button>
    </div>

    @if(session('success'))
        <div class="alert alert-success">{{ session('success') }}</div>
    @endif

    @if(session('error'))
        <div class="alert alert-danger">{{ session('error') }}</div>
    @endif

    <div class="card shadow-sm">
    <!-- Filtre Butonu -->
    <button type="button" id="filterButton" class="btn btn-info mb-3" 
            data-bs-toggle="modal" data-bs-target="#filterModal" 
            style="display: none;"> Filtrele
    </button>

        <div class="card-body table-responsive p-0">
            <table class="table table-striped table-hover mb-0 datatable" data-default-order="tarih-desc">
                <thead class="table-success">
                    <tr>
                        <th>Başlık</th>
                        <th>Tutar</th>
                        <th>Tip</th>
                        <th>Şube</th>
                        <th>Tarih</th>
                        <th>Açıklama</th>
                        <th>İşlemler</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($expenses as $expense)
                        @php
                            $rowClass = '';
                            if ($expense->is_processed === 1) {
                                $rowClass = 'table-success'; // İşlenmişse Yeşil
                            } elseif ($expense->is_processed === 0) {
                                $rowClass = 'table-danger'; // İşlenmemişse Kırmızı
                            }
                        @endphp
                        <tr class="{{ $rowClass }}">
                            <td>{{ $expense->title }}</td>
                            <td>{{ number_format($expense->amount, 2) }} ₺</td>
                            <td>{{ $expense->type->name ?? '-' }}</td>
                            <td>{{ $expense->branch->name ?? '-' }} ({{ $expense->branch->type }})</td>
                            <td>{{ \Carbon\Carbon::parse($expense->expense_date)->format('d.m.Y') }}</td>
                            <td>{{ $expense->description ?? '-' }}</td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
</div>

{{-- ✅ Yeni Günlük Gider Modal --}}


@include('staff.finance.expenses_daily.create')
@include('staff.finance.expenses_daily.filter')
@include('staff.finance.expenses_daily.show')
@include('staff.finance.expenses_daily.edit')
@endsection