@extends('layouts.master')
@section('page_title', 'Accounts')

@section('content')
<div class="card">
    <div class="card-header d-flex justify-content-between align-items-center">
        <h5 class="mb-0">Chart of Accounts</h5>
        <div>
            <a href="{{ route('reports.index') }}" class="btn btn-info mr-2">
                <i class="icon-stats-bars"></i> Financial Reports
            </a>
            <a href="{{ route('accounts.create') }}" class="btn btn-primary">New Account</a>
        </div>
    </div>

    <div class="card-body">
        <form method="GET" class="form-inline mb-3">
            <input type="text" name="search" value="{{ request('search') }}" class="form-control mr-2" placeholder="Search by name or code">
            <select name="account_type" class="form-control mr-2">
                <option value="">All Types</option>
                @foreach($accountTypes as $type)
                    <option value="{{ $type->id }}" {{ request('account_type') == $type->id ? 'selected' : '' }}>{{ $type->name }}</option>
                @endforeach
            </select>
            <select name="status" class="form-control mr-2">
                <option value="">All Status</option>
                <option value="active" {{ request('status') == 'active' ? 'selected' : '' }}>Active</option>
                <option value="inactive" {{ request('status') == 'inactive' ? 'selected' : '' }}>Inactive</option>
            </select>
            <button class="btn btn-secondary">Filter</button>
        </form>

        <table class="table table-striped">
            <thead>
                <tr>
                    <th>Code</th>
                    <th>Name</th>
                    <th>Type</th>
                    <th>Opening Balance</th>
                    <th>Current Balance</th>
                    <th>Actions</th>
                </tr>
            </thead>
            <tbody>
                @forelse($accounts as $account)
                    <tr>
                        <td>{{ $account->account_code }}</td>
                        <td>{{ $account->name }}</td>
                        <td>{{ $account->accountType->name ?? '' }}</td>
                        <td>{{ number_format($account->opening_balance, 2) }}</td>
                        <td>{{ number_format($account->current_balance, 2) }}</td>
                        <td>
                            <a href="{{ route('accounts.show', $account) }}" class="btn btn-sm btn-info">View</a>
                            <a href="{{ route('accounts.edit', $account) }}" class="btn btn-sm btn-warning">Edit</a>
                        </td>
                    </tr>
                @empty
                    <tr><td colspan="6">No accounts found.</td></tr>
                @endforelse
            </tbody>
        </table>

        <div class="d-flex justify-content-center mt-4">
            {{ $accounts->appends(request()->query())->links('pagination::bootstrap-4') }}
        </div>
    </div>
</div>
@endsection