@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.exam_types') }}</h4>
            <small class="text-muted">{{ __('admin.define_exam_categories_midterm_final_quiz_etc_and_their') }}</small>
        </div>
        <a href="{{ route('exam.examtypes.create') }}" class="btn btn-primary">
            <i class="fas fa-plus me-2"></i> {{ __('admin.new_exam_type') }}
        </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_midterm') }}" value="{{ request('search') }}">
            </div>
            <div class="col-md-2">
                <label class="form-label">{{ __('admin.min_weight') }}</label>
                <input type="number" step="0.01" name="weight_min" class="form-control" placeholder="0" value="{{ request('weight_min') }}">
            </div>
            <div class="col-md-2">
                <label class="form-label">{{ __('admin.max_weight') }}</label>
                <input type="number" step="0.01" name="weight_max" class="form-control" placeholder="100" value="{{ request('weight_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.examtypes.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.weight') }}</th>
                    <th>{{ __('admin.status') }}</th>
                    <th>{{ __('admin.actions') }}</th>
                </tr>
            </thead>
            <tbody>
                @forelse($examTypes as $type)
                <tr>
                    <td>{{ $type->id }}</td>
                    <td>{{ $type->name }}</td>
                    <td>{{ $type->weight }}%</td>
                    <td>
                        <span class="badge {{ $type->is_active ? 'bg-success' : 'bg-secondary' }}">
                            {{ $type->is_active ? 'Active' : 'Inactive' }}
                        </span>
                    </td>
                    <td class="d-flex gap-1">
                        <a class="btn btn-sm btn-outline-primary" href="{{ route('exam.examtypes.edit', $type) }}">
                            <i class="far fa-edit"></i>
                        </a>
                        <form action="{{ route('exam.examtypes.destroy', $type) }}" method="POST"
                              onsubmit="return confirm('{{ __('admin.delete_this_exam_type') }}');">
                            @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="5" class="text-center">{{ __('admin.no_exam_types_found') }}</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>

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