@extends('admin.layout.app')

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

    <div class="table-responsive">
        <table class="table table-bordered">
            <thead>
                <tr>
                    <th>{{ __('admin.id') }}</th>
                    <th>{{ __('admin.name') }}</th>
                    <th>{{ __('admin.type_2') }}</th>
                    <th>{{ __('admin.amount_2') }}</th>
                    <th>{{ __('admin.status') }}</th>
                    <th>{{ __('admin.actions') }}</th>
                </tr>
            </thead>
            <tbody>
                @foreach($scholarships as $s)
                <tr>
                    <td>{{ $s->id }}</td>
                    <td>{{ $s->name }}</td>
                    <td>{{ ucfirst($s->type) }} (@if($s->type == 'percentage') {{ $s->amount }}% @else {{ number_format($s->amount,2) }} AFN @endif)</td>
                    <td>@if($s->type == 'percentage') {{ $s->amount }}% @else {{ number_format($s->amount,2) }} AFN @endif</td>
                    <td>
                        <span class="badge {{ $s->is_active ? 'bg-success' : 'bg-secondary' }}">
                            {{ $s->is_active ? 'Active' : 'Inactive' }}
                        </span>
                    </td>
                    <td>
                        <button class="btn btn-sm btn-info" data-bs-toggle="modal" data-bs-target="#assignScholarshipModal" data-scholarship-id="{{ $s->id }}" data-scholarship-name="{{ $s->name }}">{{ __('admin.assign') }}</button>
                        <form action="{{ route('fee.scholarships.destroy', $s->id) }}" method="POST" style="display:inline;" onsubmit="return confirm('{{ __('admin.delete_this_scholarship') }}')">
                            @csrf @method('DELETE')
                            <button class="btn btn-sm btn-danger">{{ __('admin.delete') }}</button>
                        </form>
                    </td>
                </tr>
                @endforeach
            </tbody>
        </table>
    </div>
    {{ $scholarships->links('pagination::bootstrap-4') }}
</div>

<!-- Modal: Add Scholarship -->
<div class="modal fade" id="addScholarshipModal" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <form action="{{ route('fee.scholarships.store') }}" method="POST">
                @csrf
                <div class="modal-header">
                    <h5 class="modal-title">{{ __('admin.add_scholarship_2') }}</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body">
                    <div class="mb-3">
                        <label>{{ __('admin.name') }}</label>
                        <input type="text" name="name" class="form-control" required>
                    </div>
                    <div class="mb-3">
                        <label>{{ __('admin.type_2') }}</label>
                        <select name="type" id="scholarshipType" class="form-select" required>
                            <option value="percentage">{{ __('admin.percentage_2') }}</option>
                            <option value="fixed">{{ __('admin.fixed_amount') }}</option>
                        </select>
                    </div>
                    <div class="mb-3">
                        <label>{{ __('admin.amount_2') }}</label>
                        <input type="number" step="0.01" name="amount" class="form-control" required>
                    </div>
                    <div class="mb-3">
                        <div class="form-check">
                            <input type="checkbox" name="is_active" class="form-check-input" value="1" checked>
                            <label class="form-check-label">{{ __('admin.active') }}</label>
                        </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') }}</button>
                </div>
            </form>
        </div>
    </div>
</div>

<!-- Modal: Assign Scholarship to Student -->
<div class="modal fade" id="assignScholarshipModal" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <form action="{{ route('fee.scholarships.assign') }}" method="POST">
                @csrf
                <div class="modal-header">
                    <h5 class="modal-title">{{ __('admin.assign_scholarship_to_student') }}</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body">
                    <input type="hidden" name="scholarship_id" id="assignScholarshipId">
                    <div class="mb-3">
                        <label>{{ __('admin.scholarship') }}</label>
                        <input type="text" id="assignScholarshipName" class="form-control" readonly>
                    </div>
                    <div class="mb-3">
                        <label>{{ __('admin.student_2') }}</label>
                        <select name="student_id" class="form-select" required>
                            <option value="">{{ __('admin.select_student') }}</option>
                            @foreach($students as $student)
                                <option value="{{ $student->id }}">{{ $student->name }} ({{ $student->email }})</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="mb-3">
                        <label>{{ __('admin.semester_optional') }}</label>
                        <select name="semester_id" class="form-select">
                            <option value="">{{ __('admin.all_semesters_if_applicable_to_program') }}</option>
                            @foreach($semesters as $sem)
                                <option value="{{ $sem->id }}">{{ $sem->name }}</option>
                            @endforeach
                        </select>
                        <small>{{ __('admin.leave_empty_to_apply_to_all_future_semesters') }}</small>
                    </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.assign') }}</button>
                </div>
            </form>
        </div>
    </div>
</div>

<script>
    // Populate assign modal with scholarship data
    document.querySelectorAll('[data-bs-target="#assignScholarshipModal"]').forEach(button => {
        button.addEventListener('click', function() {
            let scholarshipId = this.getAttribute('data-scholarship-id');
            let scholarshipName = this.getAttribute('data-scholarship-name');
            document.getElementById('assignScholarshipId').value = scholarshipId;
            document.getElementById('assignScholarshipName').value = scholarshipName;
        });
    });
</script>
@endsection