@extends('layouts.app')

@section('content')

<div class="container">
    <div class="row justify-content-start">
        @include('layouts.left-menu')
        
        <div class="col-xs-11 col-sm-11 col-md-11 col-lg-10 col-xl-10 col-xxl-10">
            <div class="row pt-2">
                <div class="col ps-4">
                    <h1 class="display-6 mb-3">
                        <i class="bi bi-gear-fill"></i> Payment Settings
                    </h1>
                    <nav aria-label="breadcrumb">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a href="{{ route('home') }}">Home</a></li>
                            <li class="breadcrumb-item"><a href="{{ route('payments.list') }}">Payments</a></li>
                            <li class="breadcrumb-item active" aria-current="page">Settings</li>
                        </ol>
                    </nav>
                    @include('session-messages')

                    <!-- Statistics Cards -->
                    <div class="row mb-4">
                        <div class="col-md-3">
                            <div class="card text-white bg-primary shadow-sm">
                                <div class="card-body text-center">
                                    <i class="bi bi-people-fill" style="font-size: 2rem;"></i>
                                    <h3 class="mt-2 mb-0">{{ $stats['total_students'] }}</h3>
                                    <p class="mb-0">Total Students</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="card text-white bg-info shadow-sm">
                                <div class="card-body text-center">
                                    <i class="bi bi-file-earmark-text-fill" style="font-size: 2rem;"></i>
                                    <h3 class="mt-2 mb-0">{{ $stats['total_profiles'] }}</h3>
                                    <p class="mb-0">Payment Profiles</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="card text-white bg-warning shadow-sm">
                                <div class="card-body text-center">
                                    <i class="bi bi-calendar-month" style="font-size: 2rem;"></i>
                                    <h3 class="mt-2 mb-0">{{ $stats['monthly_students'] }}</h3>
                                    <p class="mb-0">Monthly Students</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="card text-white bg-success shadow-sm">
                                <div class="card-body text-center">
                                    <i class="bi bi-calendar-year" style="font-size: 2rem;"></i>
                                    <h3 class="mt-2 mb-0">{{ $stats['annual_students'] }}</h3>
                                    <p class="mb-0">Annual Students</p>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="row mb-4">
                        <div class="col-md-4">
                            <div class="card text-white bg-secondary shadow-sm">
                                <div class="card-body text-center">
                                    <i class="bi bi-gift-fill" style="font-size: 2rem;"></i>
                                    <h3 class="mt-2 mb-0">{{ $stats['free_students'] }}</h3>
                                    <p class="mb-0">Free Students</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-8">
                            <div class="card text-white bg-danger shadow-sm">
                                <div class="card-body text-center">
                                    <i class="bi bi-exclamation-triangle-fill" style="font-size: 2rem;"></i>
                                    <h3 class="mt-2 mb-0">{{ number_format($stats['total_outstanding'], 2) }} PKR</h3>
                                    <p class="mb-0">Total Outstanding Balance</p>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- Settings Form -->
                    <div class="card shadow-sm">
                        <div class="card-header bg-primary text-white">
                            <h5 class="mb-0"><i class="bi bi-sliders"></i> System Settings</h5>
                        </div>
                        <div class="card-body">
                            <form method="POST" action="{{ route('payments.settings.update') }}">
                                @csrf
                                
                                <div class="alert alert-info">
                                    <i class="bi bi-info-circle-fill"></i>
                                    <strong>Note:</strong> These settings will apply to newly created payment profiles. Existing profiles will not be affected.
                                </div>

                                <div class="row mb-4">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="admission_fee" class="form-label">
                                                <i class="bi bi-cash-coin"></i> Default Admission Fee (PKR)
                                            </label>
                                            <input 
                                                type="number" 
                                                step="0.01" 
                                                class="form-control form-control-lg @error('admission_fee') is-invalid @enderror" 
                                                id="admission_fee" 
                                                name="admission_fee" 
                                                value="{{ old('admission_fee', $admissionFee->setting_value ?? 0) }}"
                                                required
                                            >
                                            @error('admission_fee')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                            <small class="form-text text-muted">
                                                This is the default admission fee charged to all students upon enrollment or promotion.
                                            </small>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="alert alert-light border">
                                            <h6 class="fw-bold">Current Setting:</h6>
                                            <div class="d-flex justify-content-between align-items-center">
                                                <span>Admission Fee:</span>
                                                <span class="fs-4 fw-bold text-primary">{{ number_format($admissionFee->setting_value ?? 0, 2) }} PKR</span>
                                            </div>
                                            <hr>
                                            <small class="text-muted">
                                                Last updated: {{ $admissionFee->updated_at ? $admissionFee->updated_at->format('d M Y, h:i A') : 'Never' }}
                                            </small>
                                        </div>
                                    </div>
                                </div>

                                <hr>

                                <div class="row">
                                    <div class="col-md-12">
                                        <h6 class="fw-bold mb-3">Payment Type Information</h6>
                                        <div class="table-responsive">
                                            <table class="table table-bordered">
                                                <thead class="table-light">
                                                    <tr>
                                                        <th>Payment Type</th>
                                                        <th>Description</th>
                                                        <th>Students</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    <tr>
                                                        <td><span class="badge bg-info">Free</span></td>
                                                        <td>Students who only pay admission fee, no recurring fees</td>
                                                        <td><strong>{{ $stats['free_students'] }}</strong> students</td>
                                                    </tr>
                                                    <tr>
                                                        <td><span class="badge bg-primary">Monthly</span></td>
                                                        <td>Students who pay admission fee + monthly recurring fee</td>
                                                        <td><strong>{{ $stats['monthly_students'] }}</strong> students</td>
                                                    </tr>
                                                    <tr>
                                                        <td><span class="badge bg-warning">Annual</span></td>
                                                        <td>Students who pay admission fee + annual recurring fee</td>
                                                        <td><strong>{{ $stats['annual_students'] }}</strong> students</td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>

                                <hr>

                                <div class="d-flex justify-content-between align-items-center">
                                    <a href="{{ route('payments.list') }}" class="btn btn-secondary">
                                        <i class="bi bi-arrow-left"></i> Back to Payments
                                    </a>
                                    @if(auth()->user()->role == 'admin')
                                        <button type="submit" class="btn btn-primary btn-lg">
                                            <i class="bi bi-save"></i> Save Settings
                                        </button>
                                    @else
                                        <button type="button" class="btn btn-outline-secondary" disabled>
                                            <i class="bi bi-lock"></i> Only Admins Can Update
                                        </button>
                                    @endif
                                </div>
                            </form>
                        </div>
                    </div>

                    <!-- Additional Information -->
                    <div class="card shadow-sm mt-4">
                        <div class="card-header bg-light">
                            <h5 class="mb-0"><i class="bi bi-info-circle"></i> How Payment System Works</h5>
                        </div>
                        <div class="card-body">
                            <ol class="mb-0">
                                <li class="mb-2">
                                    <strong>Enrollment/Promotion:</strong> When a student is enrolled or promoted, a payment profile is created with the admission fee set here.
                                </li>
                                <li class="mb-2">
                                    <strong>Payment Types:</strong> Admin assigns payment type (Free/Monthly/Annual) and sets recurring fee amount during promotion.
                                </li>
                                <li class="mb-2">
                                    <strong>Admission Voucher:</strong> System automatically generates an admission voucher for each student to allow class entry.
                                </li>
                                <li class="mb-2">
                                    <strong>Payment Recording:</strong> All payments are recorded as transactions (receipts) with unique receipt numbers.
                                </li>
                                <li class="mb-0">
                                    <strong>Partial Payments:</strong> System supports partial payments for both monthly and annual students.
                                </li>
                            </ol>
                        </div>
                    </div>

                </div>
            </div>
            @include('layouts.footer')
        </div>
    </div>
</div>

@endsection