@extends('layouts.master')
@section('page_title', 'My Dashboard')

@section('content')
    <div class="row">
        <div class="col-12">
            <h2>WELCOME {{ Auth::user()->name }}. This is your DASHBOARD</h2>
        </div>
    </div>

    @if(Qs::userIsAdministrative())
    <!-- Accounting Quick Access -->
    <div class="row mt-4">
        <div class="col-12">
            <div class="card">
                <div class="card-header bg-primary text-white">
                    <h6 class="card-title mb-0">
                        <i class="icon-office"></i> Accounting Quick Access
                    </h6>
                </div>
                <div class="card-body">
                    <div class="row">
                        <!-- Chart of Accounts -->
                        <div class="col-md-3 mb-3">
                            <a href="{{ route('accounts.index') }}" class="btn btn-outline-primary btn-block">
                                <i class="icon-list"></i><br>
                                <small>Chart of Accounts</small>
                            </a>
                        </div>
                        
                        <!-- Journal Entries -->
                        <div class="col-md-3 mb-3">
                            <a href="{{ route('journal-entries.index') }}" class="btn btn-outline-success btn-block">
                                <i class="icon-pencil"></i><br>
                                <small>Journal Entries</small>
                            </a>
                        </div>
                        
                        <!-- Billing Periods -->
                        <div class="col-md-3 mb-3">
                            <a href="{{ route('billing-periods.index') }}" class="btn btn-outline-purple btn-block">
                                <i class="fas fa-calendar-alt"></i><br>
                                <small>Billing Periods</small>
                            </a>
                        </div>
                        
                        <!-- Financial Reports -->
                        <div class="col-md-3 mb-3">
                            <a href="{{ route('reports.index') }}" class="btn btn-outline-info btn-block">
                                <i class="icon-stats-bars"></i><br>
                                <small>Financial Reports</small>
                            </a>
                        </div>
                    </div>
                    
                    <!-- Second Row -->
                    <div class="row">
                        <!-- Trial Balance -->
                        <div class="col-md-3 mb-3">
                            <a href="{{ route('reports.trial-balance') }}" class="btn btn-outline-warning btn-block">
                                <i class="icon-calculator"></i><br>
                                <small>Trial Balance</small>
                            </a>
                        </div>
                        
                        <!-- Collect Fees -->
                        <div class="col-md-3 mb-3">
                            <a href="{{ route('payments.student-bills') }}" class="btn btn-outline-success btn-block">
                                <i class="icon-cash"></i><br>
                                <small>Collect Fees</small>
                            </a>
                        </div>
                        
                        <!-- Generate Bills -->
                        <div class="col-md-3 mb-3">
                            <a href="{{ route('payments.master') }}" class="btn btn-outline-primary btn-block">
                                <i class="icon-file-text"></i><br>
                                <small>Generate Bills</small>
                            </a>
                        </div>
                        
                        <!-- Accounting Config -->
                        <div class="col-md-3 mb-3">
                            <a href="{{ route('accounting-configs.index') }}" class="btn btn-outline-secondary btn-block">
                                <i class="icon-cog"></i><br>
                                <small>Account Config</small>
                            </a>
                        </div>
                    </div>
                    
                    <!-- Quick Reports Row -->
                    <div class="row">
                        <div class="col-md-3 mb-3">
                            <a href="{{ route('reports.balance-sheet') }}" class="btn btn-outline-secondary btn-block btn-sm">
                                Balance Sheet
                            </a>
                        </div>
                        <div class="col-md-3 mb-3">
                            <a href="{{ route('reports.profit-loss') }}" class="btn btn-outline-secondary btn-block btn-sm">
                                Income Statement
                            </a>
                        </div>
                        <div class="col-md-3 mb-3">
                            <a href="{{ route('reports.cash-flow') }}" class="btn btn-outline-secondary btn-block btn-sm">
                                Cash Flow
                            </a>
                        </div>
                        <div class="col-md-3 mb-3">
                            <a href="{{ route('reports.general-ledger') }}" class="btn btn-outline-secondary btn-block btn-sm">
                                General Ledger
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    @endif

    <!-- Billing Periods Overview -->
    @if(Qs::userIsAdministrative())
    <div class="row mt-4">
        <div class="col-12">
            <div class="card">
                <div class="card-header bg-success text-white">
                    <h6 class="card-title mb-0">
                        <i class="fas fa-calendar-alt"></i> Billing Periods Overview
                    </h6>
                </div>
                <div class="card-body">
                    @php
                        $currentPeriod = \App\Models\BillingPeriod::current()->first();
                        $activePeriods = \App\Models\BillingPeriod::active()->orderBy('start_date', 'desc')->take(3)->get();
                    @endphp
                    
                    @if($currentPeriod)
                    <div class="row">
                        <div class="col-md-6">
                            <div class="card bg-light">
                                <div class="card-body">
                                    <h6 class="card-title text-primary">
                                        <i class="fas fa-star"></i> Current Billing Period
                                    </h6>
                                    <h5 class="mb-1">{{ $currentPeriod->name }}</h5>
                                    <p class="text-muted mb-2">{{ $currentPeriod->sch_session }}</p>
                                    <div class="row">
                                        <div class="col-6">
                                            <small class="text-muted">Due Date:</small><br>
                                            <strong>{{ $currentPeriod->billing_due_date->format('M j, Y') }}</strong>
                                        </div>
                                        <div class="col-6">
                                            <small class="text-muted">Status:</small><br>
                                            <span class="badge bg-{{ $currentPeriod->status_color }}">{{ ucfirst($currentPeriod->status) }}</span>
                                        </div>
                                    </div>
                                    <div class="row mt-2">
                                        <div class="col-6">
                                            <small class="text-muted">Bills:</small><br>
                                            <strong>{{ $currentPeriod->bills()->count() }}</strong>
                                        </div>
                                        <div class="col-6">
                                            <small class="text-muted">Total Amount:</small><br>
                                            <strong>GHS {{ number_format($currentPeriod->total_billed, 2) }}</strong>
                                        </div>
                                    </div>
                                    <div class="mt-3">
                                        <a href="{{ route('billing-periods.show', $currentPeriod) }}" class="btn btn-sm btn-primary">View Details</a>
                                        <a href="{{ route('billing-periods.edit', $currentPeriod) }}" class="btn btn-sm btn-outline-primary">Edit</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        <div class="col-md-6">
                            <h6 class="text-secondary">
                                <i class="fas fa-list"></i> Recent Billing Periods
                            </h6>
                            @if($activePeriods->count() > 0)
                                @foreach($activePeriods->take(3) as $period)
                                <div class="d-flex justify-content-between align-items-center py-2 border-bottom">
                                    <div>
                                        <strong>{{ $period->name }}</strong>
                                        @if($period->is_current)
                                            <span class="badge bg-primary ms-1">Current</span>
                                        @endif
                                        <br>
                                        <small class="text-muted">{{ $period->start_date->format('M j') }} - {{ $period->end_date->format('M j, Y') }}</small>
                                    </div>
                                    <div class="text-end">
                                        <span class="badge bg-{{ $period->status_color }}">{{ ucfirst($period->status) }}</span><br>
                                        <small class="text-muted">{{ $period->bills()->count() }} bills</small>
                                    </div>
                                </div>
                                @endforeach
                                
                                <div class="text-center mt-3">
                                    <a href="{{ route('billing-periods.index') }}" class="btn btn-sm btn-outline-success">
                                        <i class="fas fa-eye"></i> View All Periods
                                    </a>
                                    <a href="{{ route('billing-periods.create') }}" class="btn btn-sm btn-success">
                                        <i class="fas fa-plus"></i> New Period
                                    </a>
                                </div>
                            @else
                                <div class="text-center py-4">
                                    <i class="fas fa-calendar-plus fa-2x text-muted mb-2"></i>
                                    <p class="text-muted">No billing periods found</p>
                                    <a href="{{ route('billing-periods.create') }}" class="btn btn-sm btn-success">
                                        <i class="fas fa-plus"></i> Create First Period
                                    </a>
                                </div>
                            @endif
                        </div>
                    </div>
                    @else
                    <div class="text-center py-4">
                        <i class="fas fa-calendar-plus fa-3x text-muted mb-3"></i>
                        <h6 class="text-muted">No Current Billing Period Set</h6>
                        <p class="text-muted">Create and set up billing periods to track fee collection by term.</p>
                        <a href="{{ route('billing-periods.create') }}" class="btn btn-success">
                            <i class="fas fa-plus"></i> Create Billing Period
                        </a>
                    </div>
                    @endif
                </div>
            </div>
        </div>
    </div>
    @endif
@endsection