{{-- Expenses --}}
@extends('layouts.app')
@section('page-title','Expenses')
@section('content')
<div style="display:flex;justify-content:flex-end;margin-bottom:16px;gap:8px">
    <a href="{{ route('expenses.export') }}" class="btn btn-secondary"><i class="fas fa-download"></i> Export CSV</a>
    <button class="btn btn-primary" onclick="openModal('addExpenseModal')"><i class="fas fa-plus"></i> Add Expense</button>
</div>

<div class="card">
    <div class="table-wrap">
        <table>
            <thead><tr><th>Date</th><th>Salesman</th><th>Amount</th><th>Description</th><th>Status</th><th>Approved By</th><th></th></tr></thead>
            <tbody>
            @forelse($expenses as $e)
            <tr>
                <td style="font-size:13px">{{ $e->expense_date->format('d M Y') }}</td>
                <td style="font-size:13px">{{ $e->salesman?->full_name }}</td>
                <td style="font-weight:600">৳{{ number_format($e->amount) }}</td>
                <td style="font-size:12px;color:#64748b">{{ Str::limit($e->description,50) }}</td>
                <td>
                    @if($e->status === 'approved') <span class="badge badge-success">Approved</span>
                    @elseif($e->status === 'rejected') <span class="badge badge-danger">Rejected</span>
                    @else <span class="badge badge-warning">Pending</span>
                    @endif
                </td>
                <td style="font-size:13px">{{ $e->approvedBy?->full_name ?? '—' }}</td>
                <td>
                    @if(auth()->user()->isAdmin() && $e->status === 'pending')
                    <div style="display:flex;gap:4px">
                        <form method="POST" action="{{ route('expenses.approve',$e) }}">@csrf <button class="btn btn-success btn-sm">✓ Approve</button></form>
                        <form method="POST" action="{{ route('expenses.reject',$e) }}">@csrf <button class="btn btn-secondary btn-sm">✗ Reject</button></form>
                    </div>
                    @endif
                </td>
            </tr>
            @empty
            <tr><td colspan="7" style="text-align:center;padding:40px;color:#94a3b8">No expenses found.</td></tr>
            @endforelse
            </tbody>
        </table>
    </div>
    <div class="pagination">{{ $expenses->links('vendor.pagination.simple') }}</div>
</div>

<div class="modal-overlay" id="addExpenseModal">
    <div class="modal" style="max-width:420px"><div class="modal-header"><h3>Add Expense</h3><button class="modal-close" onclick="closeModal('addExpenseModal')">×</button></div>
    <form method="POST" action="{{ route('expenses.store') }}">@csrf
        <div class="modal-body">
            <div class="form-group"><label>Date *</label><input type="date" name="expense_date" class="form-control" value="{{ date('Y-m-d') }}" required></div>
            <div class="form-group"><label>Amount (৳) *</label><input type="number" name="amount" class="form-control" required></div>
            <div class="form-group"><label>Description</label><textarea name="description" class="form-control" rows="3"></textarea></div>
        </div>
        <div class="modal-footer">
            <button type="button" class="btn btn-secondary" onclick="closeModal('addExpenseModal')">Cancel</button>
            <button type="submit" class="btn btn-primary">Submit</button>
        </div>
    </form></div>
</div>
@endsection