@extends('admin.layout.app')

@section('body')
    <div class="card card-page p-3 shadow-sm">
        <h4>{{ __('admin.fee_structures') }}</h4>
        <button class="btn btn-primary mb-3" data-bs-toggle="modal" data-bs-target="#addStructureModal">{{ __('admin.add_structure') }}</button>

        <div class="table-responsive">
            <table class="table table-bordered">
                <thead>
                    <tr>
                        <th>{{ __('admin.id') }}</th>
                        <th>{{ __('admin.program') }}</th>
                        <th>{{ __('admin.semester') }}</th>
                        <th>{{ __('admin.fee_type') }}</th>
                        <th>{{ __('admin.amount_2') }}</th>
                        <th>{{ __('admin.valid_from') }}</th>
                        <th>{{ __('admin.actions') }}</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($structures as $s)
                        <tr>
                            <td>{{ $s->id }}</td>
                            <td>{{ $s->program->name ?? 'All Programs' }}</td>
                            <td>{{ $s->semester->name ?? 'All Semesters' }}</td>
                            <td>{{ $s->fee_type }}</td>
                            <td>{{ number_format($s->amount, 2) }} {{ $s->currency }}</td>
                            <td>{{ $s->valid_from }} – {{ $s->valid_until ?? '∞' }}</td>
                            <td>
                                <form action="{{ route('fee.structures.destroy', $s->id) }}" method="POST"
                                    onsubmit="return confirm('{{ __('admin.delete_this_fee_structure') }}')">
                                    @csrf @method('DELETE')
                                    <button class="btn btn-sm btn-danger">{{ __('admin.delete') }}</button>
                                </form>
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
        {{ $structures->links('pagination::bootstrap-4') }}
    </div>

    <!-- Modal for adding fee structure -->
    <div class="modal fade" id="addStructureModal" tabindex="-1" aria-labelledby="addStructureModalLabel"
        aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <form action="{{ route('fee.structures.store') }}" method="POST">
                    @csrf
                    <div class="modal-header">
                        <h5 class="modal-title" id="addStructureModalLabel">{{ __('admin.add_fee_structure') }}</h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="{{ __('admin.close') }}"></button>
                    </div>
                    <div class="modal-body">
                        <div class="row g-3">
                            <div class="col-md-6">
                                <label class="form-label">{{ __('admin.program_optional') }}</label>
                                <select name="program_id" class="form-select">
                                    <option value="">{{ __('admin.all_programs') }}</option>
                                    @foreach ($programs as $p)
                                        <option value="{{ $p->id }}">{{ $p->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-md-6">
                                <label class="form-label">{{ __('admin.semester_optional') }}</label>
                                <select name="semester_id" id="semesterSelect" class="form-select">
                                    <option value="">{{ __('admin.all_semesters') }}</option>
                                    @foreach ($semesters as $s)
                                        <option value="{{ $s->id }}">{{ $s->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-md-6">
                                <label class="form-label">{{ __('admin.course_optional') }}</label>
                                <select name="course_id" id="courseSelect" class="form-select" >
                                    <option value="">{{ __('admin.select_semester_first') }}</option>
                                    @foreach ($courses as $row)
                                        <option value="{{ $row->id }}">{{ $row->title }}</option>
                                    @endforeach
                                </select>
                                <small class="text-muted">{{ __('admin.courses_will_load_after_selecting_a_semester') }}</small>
                            </div>
                            <div class="col-md-6">
                                <label class="form-label">{{ __('admin.fee_type') }}</label>
                                <input type="text" name="fee_type" class="form-control" required
                                    placeholder="{{ __('admin.e_g_tuition_exam_library') }}">
                            </div>
                            <div class="col-md-4">
                                <label class="form-label">{{ __('admin.amount_2') }}</label>
                                <input type="number" step="0.01" name="amount" class="form-control" required>
                            </div>
                            <div class="col-md-4">
                                <label class="form-label">{{ __('admin.currency') }}</label>
                                <input type="text" name="currency" class="form-control" value="AFN" required
                                    maxlength="3">
                            </div>
                            <div class="col-md-4">
                                <div class="form-check mt-4">
                                    <input type="checkbox" name="is_mandatory" class="form-check-input" value="1"
                                        checked>
                                    <label class="form-check-label">{{ __('admin.mandatory') }}</label>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <label class="form-label">{{ __('admin.valid_from') }}</label>
                                <input type="date" name="valid_from" class="form-control" required>
                            </div>
                            <div class="col-md-6">
                                <label class="form-label">{{ __('admin.valid_until_optional') }}</label>
                                <input type="date" name="valid_until" class="form-control">
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">{{ __('admin.cancel') }}</button>
                        <button type="submit" class="btn btn-primary">{{ __('admin.save_structure') }}</button>
                    </div>
                </form>
            </div>
        </div>
    </div>


@endsection