@extends('admin.layout.app')

@section('body')
<div class="card card-page p-3 shadow-sm">
    <div class="d-flex justify-content-between align-items-start flex-wrap gap-2 mb-3">
        <div>
            <h4 class="mb-1">{{ __('admin.grade_scales') }}</h4>
            <small class="text-muted">{{ __('admin.define_grading_system_a_b_b_etc_with_grade_points_and_p') }}</small>
        </div>
        <a href="{{ route('exam.grade-scales.create') }}" class="btn btn-primary">
            <i class="fas fa-plus me-2"></i> {{ __('admin.new_grade_scale') }}
        </a>
    </div>

    @if(session('success'))
        <div class="alert alert-success">{{ session('success') }}</div>
    @endif

    {{-- Filter Card --}}
    <div class="card card-body bg-light mb-3">
        <form method="GET" class="row g-3">
            <div class="col-md-3">
                <label class="form-label">{{ __('admin.search_by_name') }}</label>
                <input type="text" name="search" class="form-control" placeholder="{{ __('admin.e_g_a_b') }}" value="{{ request('search') }}">
            </div>
            <div class="col-md-2">
                <label class="form-label">{{ __('admin.min_grade_point') }}</label>
                <input type="number" step="0.01" name="gp_min" class="form-control" placeholder="0" value="{{ request('gp_min') }}">
            </div>
            <div class="col-md-2">
                <label class="form-label">{{ __('admin.max_grade_point') }}</label>
                <input type="number" step="0.01" name="gp_max" class="form-control" placeholder="4" value="{{ request('gp_max') }}">
            </div>
            <div class="col-md-2">
                <label class="form-label">{{ __('admin.status') }}</label>
                <select name="status" class="form-select">
                    <option value="">{{ __('admin.all_2') }}</option>
                    <option value="active" {{ request('status') == 'active' ? 'selected' : '' }}>{{ __('admin.active') }}</option>
                    <option value="inactive" {{ request('status') == 'inactive' ? 'selected' : '' }}>{{ __('admin.inactive') }}</option>
                </select>
            </div>
            <div class="col-md-3 d-flex align-items-end gap-2">
                <button type="submit" class="btn btn-primary"><i class="fas fa-filter me-1"></i> {{ __('admin.filter') }}</button>
                <a href="{{ route('exam.grade-scales.index') }}" class="btn btn-secondary"><i class="fas fa-undo-alt me-1"></i> {{ __('admin.reset') }}</a>
            </div>
        </form>
    </div>

    <div class="table-responsive">
        <table class="table table-hover align-middle">
            <thead class="table-light">
                <tr>
                    <th>{{ __('admin.id') }}</th>
                    <th>{{ __('admin.name') }}</th>
                    <th>{{ __('admin.grade_point') }}</th>
                    <th>{{ __('admin.min') }}</th>
                    <th>{{ __('admin.max_2') }}</th>
                    <th>{{ __('admin.status') }}</th>
                    <th>{{ __('admin.actions') }}</th>
                </tr>
            </thead>
            <tbody>
                @forelse($gradeScales as $gs)
                <tr>
                    <td>{{ $gs->id }}</td>
                    <td><span class="fw-bold">{{ $gs->name }}</span></td>
                    <td>{{ number_format($gs->grade_point, 2) }}</td>
                    <td>{{ $gs->min_percentage }}%</td>
                    <td>{{ $gs->max_percentage }}%</td>
                    <td>
                        <span class="badge {{ $gs->is_active ? 'bg-success' : 'bg-secondary' }}">
                            {{ $gs->is_active ? 'Active' : 'Inactive' }}
                        </span>
                    </td>
                    <td class="d-flex gap-1">
                        <a class="btn btn-sm btn-outline-primary" href="{{ route('exam.grade-scales.edit', $gs) }}">
                            <i class="far fa-edit"></i>
                        </a>
                        <form action="{{ route('exam.grade-scales.destroy', $gs) }}" method="POST"
                              onsubmit="return confirm('{{ __('admin.delete_this_grade_scale') }}');">
                            @csrf
                            @method('DELETE')
                            <button class="btn btn-sm btn-outline-danger"><i class="far fa-trash-alt"></i></button>
                        </form>
                    </td>
                </tr>
                @empty
                    <tr><td colspan="7" class="text-center">{{ __('admin.no_grade_scales_found_add_one') }}</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>

    <div class="d-flex justify-content-center mt-3">
        {{ $gradeScales->appends(request()->query())->links('pagination::bootstrap-4') }}
    </div>
</div>
@endsection