@extends('layouts.app')
@section('title', 'Simple Accounts')

@section('content')
    <div class="d-flex justify-content-between align-items-center mb-4">
        <h1 class="page-title"><i class="bi bi-receipt me-2"></i>Simple Accounts</h1>
        <a href="{{ route('accounting.simple-accounts.create') }}" class="btn btn-primary">
            <i class="bi bi-plus-circle"></i> Add Entry
        </a>
    </div>

    <!-- Filter Form -->
    <div class="card card-body mb-4">
        <form method="GET" action="{{ route('accounting.simple-accounts.index') }}" class="row g-3 align-items-end">
            <div class="col-md-3">
                <label class="form-label">Project</label>
                <select name="project_id" class="form-select">
                    <option value="">All Projects</option>
                    @foreach($projects as $id => $name)
                        <option value="{{ $id }}" {{ request('project_id') == $id ? 'selected' : '' }}>{{ $name }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-3">
                <label class="form-label">Date From</label>
                <input type="date" name="date_from" class="form-control" value="{{ request('date_from') }}">
            </div>
            <div class="col-md-3">
                <label class="form-label">Date To</label>
                <input type="date" name="date_to" class="form-control" value="{{ request('date_to') }}">
            </div>
            <div class="col-md-3 d-flex gap-2">
                <button type="submit" class="btn btn-primary flex-grow-1"><i class="bi bi-filter"></i> Filter</button>
                <a href="{{ route('accounting.simple-accounts.index') }}" class="btn btn-light"><i class="bi bi-arrow-clockwise"></i> Reset</a>
            </div>
        </form>
    </div>

    <div class="card mb-4">
        <div class="card-header bg-light">
            <h5 class="mb-0 text-end">Total Amount: <strong>৳ {{ number_format($totalAmount, 2) }}</strong></h5>
        </div>
        <div class="table-responsive">
            <table class="table table-hover align-middle mb-0">
                <thead>
                    <tr>
                        <th>Date</th>
                        <th>Voucher No</th>
                        <th>Project</th>
                        <th>Note</th>
                        <th class="text-end">Amount</th>
                        <th class="text-end">Actions</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($accounts as $acc)
                        <tr>
                            <td>{{ $acc->entry_date->format('d M, Y') }}</td>
                            <td>{{ $acc->voucher_no ?? '—' }}</td>
                            <td>
                                @if($acc->project)
                                    <span class="badge bg-secondary">{{ $acc->project->project_name }}</span>
                                @else
                                    <span class="badge bg-light text-dark border">General/None</span>
                                @endif
                            </td>
                            <td><span class="text-muted text-truncate d-inline-block" style="max-width: 250px;" title="{{ $acc->note }}">{{ $acc->note ?? '—' }}</span></td>
                            <td class="text-end fw-bold">৳ {{ number_format($acc->amount, 2) }}</td>
                            <td class="text-end">
                                <a href="{{ route('accounting.simple-accounts.edit', $acc) }}" class="btn btn-sm btn-outline-primary" title="Edit">
                                    <i class="bi bi-pencil"></i>
                                </a>
                                <form action="{{ route('accounting.simple-accounts.destroy', $acc) }}" method="POST" class="d-inline-block" onsubmit="return confirm('Are you sure you want to delete this entry?');">
                                    @csrf
                                    @method('DELETE')
                                    <button type="submit" class="btn btn-sm btn-outline-danger" title="Delete">
                                        <i class="bi bi-trash"></i>
                                    </button>
                                </form>
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="6" class="text-center text-muted py-4">No account entries found.</td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
        @if($accounts->hasPages())
            <div class="card-footer pb-0">
                {{ $accounts->links() }}
            </div>
        @endif
    </div>
@endsection