@extends('layouts.admin')

@section('title', setting('school_name', 'ShulePoint') . ' | Fee Structures')
@section('page-title', 'Fee Structures')

@section('content')
{{-- Add vote head card --}}
<div class="card card-outline card-primary shadow-sm learner-card">
    <div class="card-header">
        <h3 class="card-title"><i class="fas fa-plus mr-1"></i> Add vote head</h3>
    </div>
    <form method="POST" action="{{ route('finance.fee-structures.store') }}">
        @csrf
        <div class="card-body">
            <div class="row">
                <div class="col-md-2">
                    <label class="fld-label">Grade</label>
                    <select name="grade_level_id" class="form-control form-control-sm @error('grade_level_id') is-invalid @enderror">
                        <option value="">All grades</option>
                        @foreach($grades as $g)
                            <option value="{{ $g->id }}" @selected((string) old('grade_level_id') === (string) $g->id)>{{ $g->name }}</option>
                        @endforeach
                    </select>
                    @error('grade_level_id')<span class="invalid-feedback d-block">{{ $message }}</span>@enderror
                </div>
                <div class="col-md-2">
                    <label class="fld-label">Class <small class="text-muted">(optional)</small></label>
                    <select name="school_class_id" class="form-control form-control-sm @error('school_class_id') is-invalid @enderror">
                        <option value="">Whole grade</option>
                        @foreach($classes as $c)
                            <option value="{{ $c->id }}" @selected((string) old('school_class_id') === (string) $c->id)>{{ $c->name }}</option>
                        @endforeach
                    </select>
                    @error('school_class_id')<span class="invalid-feedback d-block">{{ $message }}</span>@enderror
                </div>
                <div class="col-md-2">
                    <label class="fld-label">Academic Year</label>
                    <select name="academic_year_id" class="form-control form-control-sm @error('academic_year_id') is-invalid @enderror">
                        <option value="">Any year</option>
                        @foreach($years as $y)
                            <option value="{{ $y->id }}" @selected((string) old('academic_year_id') === (string) $y->id)>{{ $y->name }}</option>
                        @endforeach
                    </select>
                    @error('academic_year_id')<span class="invalid-feedback d-block">{{ $message }}</span>@enderror
                </div>
                <div class="col-md-2">
                    <label class="fld-label">Term</label>
                    <select name="term_id" class="form-control form-control-sm @error('term_id') is-invalid @enderror">
                        <option value="">Any term</option>
                        @foreach($terms as $t)
                            <option value="{{ $t->id }}" @selected((string) old('term_id') === (string) $t->id)>{{ $t->name }}</option>
                        @endforeach
                    </select>
                    @error('term_id')<span class="invalid-feedback d-block">{{ $message }}</span>@enderror
                </div>
                @if((auth()->user()->role ?? '') === 'admin')
                    <div class="col-md-2">
                        <label class="fld-label">School</label>
                        <select name="school_id" class="form-control form-control-sm @error('school_id') is-invalid @enderror">
                            <option value="">Current view</option>
                            @foreach($schools as $s)
                                <option value="{{ $s->id }}" @selected((string) old('school_id') === (string) $s->id)>{{ $s->name }}</option>
                            @endforeach
                        </select>
                        @error('school_id')<span class="invalid-feedback d-block">{{ $message }}</span>@enderror
                    </div>
                @endif
                <div class="col-md-3">
                    <label class="fld-label">Vote Head <span class="text-danger">*</span></label>
                    <input name="vote_head" required value="{{ old('vote_head') }}" placeholder="e.g. Tuition" class="form-control form-control-sm @error('vote_head') is-invalid @enderror">
                    @error('vote_head')<span class="invalid-feedback d-block">{{ $message }}</span>@enderror
                </div>
                <div class="col-md-3">
                    <label class="fld-label">Amount (KES) <span class="text-danger">*</span></label>
                    <div class="input-group input-group-sm">
                        <input name="amount" type="number" step="1" min="0" required value="{{ old('amount') }}" class="form-control @error('amount') is-invalid @enderror" placeholder="0">
                        <div class="input-group-append"><button type="submit" class="btn btn-primary"><i class="fas fa-plus mr-1"></i> Add Vote Head</button></div>
                    </div>
                    @error('amount')<span class="invalid-feedback d-block">{{ $message }}</span>@enderror
                </div>
            </div>
        </div>
    </form>
</div>

{{-- Structures table card --}}
<div class="card shadow-sm learner-card">
    <div class="card-header">
        <h3 class="card-title"><i class="fas fa-list mr-1"></i> Fee structures (vote heads)
            <small class="text-muted ml-1">{{ number_format($structures->total()) }} total</small>
        </h3>
    </div>

    </div>
    <div class="card-body table-responsive p-0">
        <table class="table learner-table table-hover text-nowrap mb-0">
            <thead>
                <tr>
                    <th>Grade / Class</th>
                    <th>Year / Term</th>
                    <th>Vote Head</th>
                    <th>Amount</th>
                    @include('layouts.partials.school-th')
                    <th class="text-right">Action</th>
                </tr>
            </thead>
            <tbody>
                @forelse($structures as $s)
                    <tr>
                        <td><span class="class-pill">{{ $s->gradeLevel->name ?? 'All grades' }}</span>@if($s->schoolClass)<div class="learner-meta">{{ $s->schoolClass->name }}</div>@endif</td>
                        <td class="small text-muted">{{ $s->academicYear->name ?? 'Any year' }} · {{ $s->term->name ?? 'Any term' }}</td>
                        <td class="font-weight-600">{{ $s->vote_head }}</td>
                        <td>KES {{ number_format($s->amount, 0) }}</td>
                        @include('layouts.partials.school-td', ['schoolId' => $s->school_id ?? null])
                        <td class="text-right">
                            <form method="POST" action="{{ route('finance.fee-structures.destroy', $s) }}" class="d-inline">@csrf @method('DELETE')
                                <button type="submit" class="btn btn-sm btn-outline-danger" title="Delete" onclick="return confirm('Remove this vote head?')"><i class="fas fa-trash"></i></button>
                            </form>
                        </td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="6" class="text-center py-5">
                            <i class="fas fa-list fa-3x text-muted mb-3"></i>
                            <p class="font-weight-bold mb-1">No vote heads defined</p>
                            <p class="text-muted small mb-0">Add the first vote head using the form above.</p>
                        </td>
                    </tr>
                @endforelse
            </tbody>
        </table>
    </div>
    <div class="card-footer d-flex justify-content-between align-items-center flex-wrap">
        <small class="text-muted">Page {{ $structures->currentPage() }} of {{ $structures->lastPage() }} · {{ number_format($structures->total()) }} total</small>
        <div class="mb-0">{{ $structures->links() }}</div>
    </div>
</div>
@endsection