@extends('admin.layouts.app')

@section('title', 'Accounting Dashboard')
@section('page-title', 'Accounting Dashboard')

@section('content')
<!-- Stats Overview -->
<div class="row g-3 mb-4">
    <!-- Total Ledgers -->
    <div class="col-md-6 col-xl-3">
        <div class="card border-0 shadow-sm h-100">
            <div class="card-body">
                <div class="d-flex align-items-center justify-content-between">
                    <div>
                        <p class="text-muted small mb-1 fw-medium">Total Ledgers</p>
                        <h3 class="h2 fw-bold mb-0">{{ $stats['total_ledgers'] }}</h3>
                    </div>
                    <div class="rounded-circle bg-primary bg-opacity-10 p-3">
                        <i class="bi bi-file-earmark-text fs-4 text-primary"></i>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Total Vouchers -->
    <div class="col-md-6 col-xl-3">
        <div class="card border-0 shadow-sm h-100">
            <div class="card-body">
                <div class="d-flex align-items-center justify-content-between">
                    <div>
                        <p class="text-muted small mb-1 fw-medium">Total Vouchers</p>
                        <h3 class="h2 fw-bold mb-0">{{ $stats['total_vouchers'] }}</h3>
                    </div>
                    <div class="rounded-circle bg-success bg-opacity-10 p-3">
                        <i class="bi bi-receipt fs-4 text-success"></i>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Posted Vouchers -->
    <div class="col-md-6 col-xl-3">
        <div class="card border-0 shadow-sm h-100">
            <div class="card-body">
                <div class="d-flex align-items-center justify-content-between">
                    <div>
                        <p class="text-muted small mb-1 fw-medium">Posted</p>
                        <h3 class="h2 fw-bold mb-0 text-success">{{ $stats['posted_vouchers'] }}</h3>
                    </div>
                    <div class="rounded-circle bg-success bg-opacity-10 p-3">
                        <i class="bi bi-check-circle fs-4 text-success"></i>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Draft Vouchers -->
    <div class="col-md-6 col-xl-3">
        <div class="card border-0 shadow-sm h-100">
            <div class="card-body">
                <div class="d-flex align-items-center justify-content-between">
                    <div>
                        <p class="text-muted small mb-1 fw-medium">Draft</p>
                        <h3 class="h2 fw-bold mb-0 text-warning">{{ $stats['draft_vouchers'] }}</h3>
                    </div>
                    <div class="rounded-circle bg-warning bg-opacity-10 p-3">
                        <i class="bi bi-clock-history fs-4 text-warning"></i>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Quick Actions -->
<div class="card border-0 shadow-sm mb-4" style="background: linear-gradient(135deg, #059669 0%, #0d9488 100%);">
    <div class="card-body p-4 text-white">
        <h3 class="h5 fw-bold mb-3">Quick Actions</h3>
        <div class="row g-3">
            <div class="col-6 col-md-3">
                <a href="{{ route('admin.accounting.vouchers.create', ['type' => 'journal']) }}" class="btn btn-light bg-opacity-25 border-0 w-100 py-3 text-white">
                    <i class="bi bi-plus-circle fs-4 d-block mb-2"></i>
                    <span class="small fw-semibold">Journal Entry</span>
                </a>
            </div>
            
            <div class="col-6 col-md-3">
                <a href="{{ route('admin.accounting.vouchers.create', ['type' => 'receipt']) }}" class="btn btn-light bg-opacity-25 border-0 w-100 py-3 text-white">
                    <i class="bi bi-arrow-down-circle fs-4 d-block mb-2"></i>
                    <span class="small fw-semibold">Receipt</span>
                </a>
            </div>
            
            <div class="col-6 col-md-3">
                <a href="{{ route('admin.accounting.vouchers.create', ['type' => 'payment']) }}" class="btn btn-light bg-opacity-25 border-0 w-100 py-3 text-white">
                    <i class="bi bi-arrow-up-circle fs-4 d-block mb-2"></i>
                    <span class="small fw-semibold">Payment</span>
                </a>
            </div>
            
            <div class="col-6 col-md-3">
                <a href="{{ route('admin.accounting.vouchers.create', ['type' => 'contra']) }}" class="btn btn-light bg-opacity-25 border-0 w-100 py-3 text-white">
                    <i class="bi bi-arrow-left-right fs-4 d-block mb-2"></i>
                    <span class="small fw-semibold">Contra</span>
                </a>
            </div>
        </div>
    </div>
</div>

<!-- Modules -->
<div class="row g-3 mb-4">
    <!-- Account Management -->
    <div class="col-md-6">
        <div class="card border-0 shadow-sm h-100">
            <div class="card-body">
                <h3 class="h5 fw-bold mb-3">Account Management</h3>
                <div class="list-group list-group-flush">
                    <a href="{{ route('admin.accounting.chart-of-accounts') }}" class="list-group-item list-group-item-action border-0">
                        <div class="d-flex justify-content-between align-items-center">
                            <span class="fw-medium">Chart of Accounts</span>
                            <i class="bi bi-chevron-right text-muted"></i>
                        </div>
                    </a>
                    <a href="{{ route('admin.accounting.ledgers.index') }}" class="list-group-item list-group-item-action border-0">
                        <div class="d-flex justify-content-between align-items-center">
                            <span class="fw-medium">Manage Ledgers</span>
                            <i class="bi bi-chevron-right text-muted"></i>
                        </div>
                    </a>
                    <a href="{{ route('admin.accounting.natures.index') }}" class="list-group-item list-group-item-action border-0">
                        <div class="d-flex justify-content-between align-items-center">
                            <span class="fw-medium">Account Natures</span>
                            <i class="bi bi-chevron-right text-muted"></i>
                        </div>
                    </a>
                </div>
            </div>
        </div>
    </div>

    <!-- Vouchers -->
    <div class="col-md-6">
        <div class="card border-0 shadow-sm h-100">
            <div class="card-body">
                <h3 class="h5 fw-bold mb-3">Vouchers</h3>
                <div class="list-group list-group-flush">
                    <a href="{{ route('admin.accounting.vouchers.index') }}" class="list-group-item list-group-item-action border-0">
                        <div class="d-flex justify-content-between align-items-center">
                            <span class="fw-medium">All Vouchers</span>
                            <i class="bi bi-chevron-right text-muted"></i>
                        </div>
                    </a>
                    <a href="{{ route('admin.accounting.vouchers.index', ['type' => 'journal']) }}" class="list-group-item list-group-item-action border-0">
                        <div class="d-flex justify-content-between align-items-center">
                            <span class="fw-medium">Journal Vouchers</span>
                            <i class="bi bi-chevron-right text-muted"></i>
                        </div>
                    </a>
                    <a href="{{ route('admin.accounting.vouchers.index', ['type' => 'receipt']) }}" class="list-group-item list-group-item-action border-0">
                        <div class="d-flex justify-content-between align-items-center">
                            <span class="fw-medium">Receipt Vouchers</span>
                            <i class="bi bi-chevron-right text-muted"></i>
                        </div>
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Recent Vouchers -->
<div class="card border-0 shadow-sm">
    <div class="card-header bg-white border-bottom">
        <h3 class="h5 fw-bold mb-0">Recent Vouchers</h3>
    </div>
    <div class="card-body p-0">
        <div class="table-responsive">
            <table class="table table-hover mb-0">
                <thead class="table-light">
                    <tr>
                        <th class="fw-semibold small">Voucher No</th>
                        <th class="fw-semibold small">Type</th>
                        <th class="fw-semibold small">Date</th>
                        <th class="fw-semibold small">Amount</th>
                        <th class="fw-semibold small">Status</th>
                        <th class="fw-semibold small">Created By</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($recentVouchers as $voucher)
                    <tr>
                        <td class="fw-medium">{{ $voucher->voucher_no }}</td>
                        <td>
                            <span class="badge 
                                @if($voucher->voucher_type == 'journal') bg-primary
                                @elseif($voucher->voucher_type == 'receipt') bg-success
                                @elseif($voucher->voucher_type == 'payment') bg-danger
                                @else bg-info @endif">
                                {{ strtoupper($voucher->voucher_type) }}
                            </span>
                        </td>
                        <td>{{ $voucher->voucher_date->format('d M Y') }}</td>
                        <td class="fw-semibold">${{ number_format($voucher->total_amount, 2) }}</td>
                        <td>
                            <span class="badge 
                                @if($voucher->status == 'posted') bg-success
                                @elseif($voucher->status == 'draft') bg-warning
                                @else bg-danger @endif">
                                {{ ucfirst($voucher->status) }}
                            </span>
                        </td>
                        <td>{{ $voucher->creator->name ?? 'N/A' }}</td>
                    </tr>
                    @empty
                    <tr>
                        <td colspan="6" class="text-center py-5 text-muted">
                            <i class="bi bi-inbox fs-1 d-block mb-2"></i>
                            No vouchers found. Create your first voucher!
                        </td>
                    </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
</div>
@endsection