@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-person-lines-fill"></i> Student Partial Payment
                    </h1>
                    <nav aria-label="breadcrumb">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a href="{{route('home')}}">Home</a></li>
                            <li class="breadcrumb-item active" aria-current="page">Partial Payment</li>
                        </ol>
                    </nav>
                    @include('session-messages')

                    {{-- Payment Form --}}
                    <div class="mb-4">
                        <form class="row g-3" action="{{route('student.partial.payment.store')}}" method="POST">
                            @csrf
                            <input type="hidden" name="student_id" value="{{ $student->id }}">

                            <div class="row mt-4 g-3">
                                <h6>Payment</h6>
                                <div class="col-md-3">
                                    <label for="inputPaymentType" class="form-label">
                                        Payment Type <sup><i class="bi bi-asterisk text-primary"></i></sup>
                                    </label>
                                    <select class="form-select" id="inputPaymentType" name="payment_type" required>
                                        <option value="0">Free</option>
                                        <option value="1">Monthly Fee</option>
                                        <option value="2">Annual Fee</option>
                                    </select>
                                </div>
                                <div class="col-md-3">
                                    <label for="inputPaymentMode" class="form-label">Payment Mode</label>
                                    <select class="form-select" id="inputPaymentMode" name="payment_mode" required>
                                        <option value="1" selected>Cash</option>
                                        <option value="2">Cheque</option>
                                    </select>
                                </div>
                            </div>

                            <div class="row mt-4 g-3">
                                <!-- <div class="col-md-3">
                                    <label for="inputAdmissionFee" class="form-label">Admission Fee</label>
                                    <input type="number" class="form-control" id="inputAdmissionFee"
                                           name="payments[admission_fee]" value="{{ old('admission_fee') ?? 0 }}">
                                </div> -->
                                <div class="col-md-3">
                                    <label for="inputPaymentDate" class="form-label">Payment For Month</label>
                                    <input type="date" class="form-control" id="inputPaymentDate"
                                           name="payments[payment_date]"
                                           value="{{ old('payments.payment_date', now()->toDateString()) }}">
                                </div>
                                <div class="col-md-3">
                                    <label for="inputMonthlyFee" class="form-label">Monthly Fee</label>
                                    <input type="number" class="form-control" id="inputMonthlyFee"
                                           name="payments[monthly_fee]" value="{{ old('monthly_fee') ?? 0 }}">
                                </div>
                                <div class="col-md-3">
                                    <label for="inputAnnualFee" class="form-label">Annual Fee</label>
                                    <input type="number" class="form-control" id="inputAnnualFee"
                                           name="payments[annual_fee]" value="{{ old('annual_fee') ?? 0 }}">
                                </div>
                                 {{-- Remaining Fee --}}
                                <div class="col-md-3">
                                    <label for="inputRemainingFee" class="form-label">Remaining Fee</label>
                                    <input type="number" class="form-control" id="inputRemainingFee"
                                           name="payments[remaining_fee]" placeholder="Remaining Fee"
                                           value="{{ old('payments.remaining_fee') ?? 0 }}">
                                </div>
                            </div>

                            <div class="row mt-4">
                                <div class="col-md-12">
                                    <button type="submit" class="btn btn-sm btn-outline-primary">
                                        <i class="bi bi-arrow-up-circle"></i> Submit
                                    </button>
                                </div>
                            </div>
                        </form>
                    </div>

                    {{-- Student Info Table --}}
                    <div class="bg-white border shadow-sm p-3 mt-4">
                        <h6><i class="bi bi-person"></i> Student Information</h6>
                        <table class="table table-striped mt-3">
                            <tbody>
                                <tr>
                                    <th>First Name</th>
                                    <td>{{ $student->first_name }}</td>
                                    <th>Last Name</th>
                                    <td>{{ $student->last_name }}</td>
                                </tr>
                                <tr>
                                    <th>Email</th>
                                    <td>{{ $student->email }}</td>
                                    <th>Gender</th>
                                    <td>{{ $student->gender }}</td>
                                </tr>
                                <tr>
                                    <th>CNIC</th>
                                    <td>{{ $student->cnic_number ?? 'N/A' }}</td>
                                    <th>Nationality</th>
                                    <td>{{ $student->nationality }}</td>
                                </tr>
                                <tr>
                                    <th>Phone</th>
                                    <td>{{ $student->phone }}</td>
                                    <th>Address</th>
                                    <td>{{ $student->address }}</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>

                    {{-- Student Payments Table --}}
                    <div class="bg-white border shadow-sm p-3 mt-4">
                        <h6><i class="bi bi-cash-coin"></i> Payment History</h6>
                        <table class="table table-bordered table-striped mt-3">
                            <thead>
                                <tr>
                                    <th>Paid For Month</th>
                                    <th>Monthly Fee</th>
                                    <th>Annual Fee</th>
                                    <th>Remaining Fee</th>
                                    <th>Payment Mode</th>
                                    <th>Payment Type</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse($payments as $payment)
                                    <tr>
                                        <td>{{ $payment->payment_date }}</td>
                                        <td>{{ $payment->monthly_fee }}</td>
                                        <td>{{ $payment->annual_fee }}</td>
                                        <td>{{ $payment->remaining_fee }}</td>
                                        <td>
                                            @if($payment->payment_mode == 1) Cash 
                                            @elseif($payment->payment_mode == 2) Cheque 
                                            @else Other 
                                            @endif
                                        </td>
                                        <td>
                                            @if($payment->payment_type == 0) Free 
                                            @elseif($payment->payment_type == 1) Monthly Fee 
                                            @elseif($payment->payment_type == 2) Annual Fee 
                                            @endif
                                        </td>
                                    </tr>
                                @empty
                                    <tr>
                                        <td colspan="7" class="text-center">No payments found.</td>
                                    </tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>

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