@extends('layouts.master')

@section('title', 'Hostel Fees')

@section('content')

<div class="page-heading">
    <h3>Hostel Fees</h3>

    <section class="section">
        <div class="card">
            <div class="card-header">
                <h5>Fees List</h5>
            </div>

            <div class="card-body">
                <div class="table-responsive">
                    <form action="{{ route('hostel.fees.generate') }}" method="POST">
    @csrf
    <button class="btn btn-success mb-3">Generate Monthly Fees</button>
</form>
                    <table class="table table-bordered table-striped">
                        <thead>
                            <tr>
                                <th>Student</th>
                                <th>Month</th>
                                <th>Amount</th>
                                <th>Penalty</th>
                                <th>Paid</th>
                                <th>Discount</th>
                                <th>Status</th>
                                <th width="200">Pay</th>
                                <th>Invoice</th>
                            </tr>
                        </thead>

                        <tbody>
                             @foreach($fees as $fee)
                                @php
                                    $total = ($fee->amount ?? 0) + ($fee->penalty ?? 0);
                                    $paid = $fee->paid_amount ?? 0;
                                    $pending = $total - $paid;
                                    if ($pending < 0) $pending = 0;
                                @endphp
                            <tr>
                                <td>{{ optional($fee->student->user)->name ?? 'N/A' }} </td>
                                <td>{{ $fee->month }}</td>
                                <td>₹{{ $fee->amount }}</td>
                                <td class="text-danger">₹{{ $fee->penalty }}</td>
                                <td class="text-success">₹{{ $fee->paid_amount }}</td>
                                <td class="text-primary fw-bold">₹{{ $pending }}</td>
                                <td>
                                    @if($fee->status == 'paid')
                                        <span class="badge bg-success">Paid</span>
                                    @elseif($fee->status == 'partial')
                                        <span class="badge bg-success">Paid</span>
                                    @else
                                        <span class="badge bg-danger">Unpaid</span>
                                    @endif
                                </td>

                                <td>
                                    <form method="POST" action="{{ route('hostel.fees.pay') }}" class="d-flex gap-1">
                                        @csrf
                                        <input type="hidden" name="fee_id" value="{{ $fee->id }}">

                                        <input type="number" name="amount" class="form-control form-control-sm" placeholder="Amount" required>

                                        <button type="submit" class="btn btn-primary btn-sm">
                                            Pay
                                        </button>
                                    </form>
                                
                                </td>
                                  <td>
                                    <a href="{{ route('hostel.fees.invoice', $fee->id) }}" 
                                    class="btn btn-info btn-sm" target="_blank">
                                        <i class="bi bi-file-earmark-text"></i>
                                    </a>
                                </td>
                            </tr>
                            @endforeach
                        </tbody>

                    </table>
                </div>
            </div>
        </div>
    </section>
</div>

@endsection