@extends('admin.layouts.app')
@section('title','Project Expenses')
@section('breadcrumb') <span>/</span> CSR Management <span>/</span> Expenses @endsection

@section('content')
<div class="page-header">
    <div>
        <h1>Project Expenses</h1>
        <p class="page-subtitle">Track all CSR project expenditure</p>
    </div>
    @if(auth()->user()->hasPermission('project_expenses.create'))
    <a href="{{ route('admin.csr.expenses.create') }}" class="btn btn-primary">
        <i class="fas fa-plus me-2"></i>Add Expense
    </a>
    @endif
</div>

<!-- Filters -->
<div class="card mb-3">
    <div class="card-body py-3">
        <form method="GET" class="row g-2 align-items-end">
            <div class="col-md-3">
                <select name="project_id" class="form-select">
                    <option value="">All Projects</option>
                    @foreach($projects as $id => $title)
                    <option value="{{ $id }}" {{ request('project_id')==$id?'selected':'' }}>{{ Str::limit($title,40) }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-2">
                <select name="category" class="form-select">
                    <option value="">All Categories</option>
                    @foreach($categories as $cat)
                    <option value="{{ $cat }}" {{ request('category')===$cat?'selected':'' }}>{{ ucfirst($cat) }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-2">
                <select name="date_range" class="form-select">
                    <option value="">All Time</option>
                    <option value="today"      {{ request('date_range')=='today'?'selected':'' }}>Today</option>
                    <option value="this_week"  {{ request('date_range')=='this_week'?'selected':'' }}>This Week</option>
                    <option value="this_month" {{ request('date_range')=='this_month'?'selected':'' }}>This Month</option>
                    <option value="last_month" {{ request('date_range')=='last_month'?'selected':'' }}>Last Month</option>
                    <option value="this_year"  {{ request('date_range')=='this_year'?'selected':'' }}>This Year</option>
                </select>
            </div>
            <div class="col-md-3 d-flex gap-2">
                <button class="btn btn-primary flex-grow-1"><i class="fas fa-search me-1"></i>Search</button>
                <a href="{{ route('admin.csr.expenses.index') }}" class="btn btn-outline-secondary">Reset</a>
            </div>
        </form>
    </div>
</div>

<!-- Expenses Table -->
<div class="card">
    <div class="card-header d-flex align-items-center justify-content-between">
        <h6 class="mb-0 fw-700"><i class="fas fa-receipt text-warning me-2"></i>All Expenses</h6>
        <div class="d-flex align-items-center gap-2">
            <span class="badge bg-warning text-dark">{{ $expenses->total() }} records</span>
            <span style="font-size:13px;font-weight:600;">
                Total: ₹{{ number_format($expenses->sum('amount'),2) }}
            </span>
        </div>
    </div>
    <div class="card-body p-0">
        <div class="table-responsive">
            <table class="table table-hover mb-0">
                <thead style="background:#f8fafc;">
                    <tr>
                        <th class="ps-3">Expense ID</th>
                        <th>Project</th>
                        <th>Category</th>
                        <th>Amount</th>
                        <th>Payment Mode</th>
                        <th>Vendor</th>
                        <th>Date</th>
                        <th>Override</th>
                        <th>By</th>
                        <th class="text-center">Actions</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($expenses as $expense)
                    <tr>
                        <td class="ps-3">
                            <code style="font-size:11px;background:#fefce8;padding:2px 6px;border-radius:4px;color:#92400e;">
                                {{ $expense->expense_id }}
                            </code>
                        </td>
                        <td>
                            <div style="font-size:13px;font-weight:600;">{{ Str::limit($expense->project->project_title??'—',30) }}</div>
                            <div style="font-size:11px;color:#94a3b8;">{{ $expense->project->csrCompany->company_name??'' }}</div>
                        </td>
                        <td>
                            <span class="badge bg-light text-dark border">{{ ucfirst($expense->category) }}</span>
                        </td>
                        <td>
                            <span style="font-weight:700;color:#dc2626;">₹{{ number_format($expense->amount,2) }}</span>
                        </td>
                        <td><span style="font-size:12px;">{{ ucwords(str_replace('_',' ',$expense->payment_mode)) }}</span></td>
                        <td><span style="font-size:12px;">{{ $expense->vendor_name ?? '—' }}</span></td>
                        <td><span style="font-size:12px;color:#64748b;">{{ $expense->expense_date->format('d M Y') }}</span></td>
                        <td>
                            @if($expense->is_override)
                            <span class="badge bg-danger" title="{{ $expense->override_reason }}">Override</span>
                            @else
                            <span class="text-muted" style="font-size:11px;">—</span>
                            @endif
                        </td>
                        <td><span style="font-size:11px;color:#64748b;">{{ $expense->createdBy->name??'—' }}</span></td>
                        <td class="text-center">
                            <div class="d-flex gap-1 justify-content-center">
                                <a href="{{ route('admin.csr.expenses.show',$expense) }}" class="btn btn-sm btn-outline-info" title="View"><i class="fas fa-eye"></i></a>
                                @if(auth()->user()->hasPermission('project_expenses.edit'))
                                <a href="{{ route('admin.csr.expenses.edit',$expense) }}" class="btn btn-sm btn-outline-primary" title="Edit"><i class="fas fa-edit"></i></a>
                                @endif
                                @if($expense->bill_file)
                                <a href="{{ asset('uploads/projects/'.$expense->bill_file) }}" target="_blank" class="btn btn-sm btn-outline-secondary" title="Bill"><i class="fas fa-file-alt"></i></a>
                                @endif
                                @if(auth()->user()->hasPermission('project_expenses.delete'))
                                <button class="btn btn-sm btn-outline-danger" onclick="confirmDelete('{{ route('admin.csr.expenses.destroy',$expense) }}','Expense {{ $expense->expense_id }}')"><i class="fas fa-trash"></i></button>
                                @endif
                            </div>
                        </td>
                    </tr>
                    @empty
                    <tr>
                        <td colspan="10" class="text-center py-5">
                            <i class="fas fa-receipt d-block mb-2" style="font-size:32px;color:#cbd5e1;"></i>
                            <p class="text-muted mb-2">No expenses recorded</p>
                        </td>
                    </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
    @if($expenses->hasPages())
    <div class="card-footer bg-white py-3">{{ $expenses->links() }}</div>
    @endif
</div>
@endsection