@extends('layouts.admin')

@section('title', 'Examination Settings')

@section('content')
@php
    $activeTab = request('tab', 'general');
@endphp

<x-ui.page-header
    title="Examination Settings"
    :subtitle="'Configure examination module for ' . ($institution->name ?? 'your institution') . '.'"
    :breadcrumbs="[
        ['label' => 'Home', 'href' => route('dashboard')],
        ['label' => 'Examination', 'href' => route('examination.dashboard')],
        ['label' => 'Settings'],
    ]"
/>

@include('institution.partials.flash')

<form method="POST" action="{{ route('examination.settings.update') }}">
    @csrf
    @method('PUT')

    <ul class="nav nav-tabs bv-tabs__list" role="tablist">
        @foreach([
            'general'   => ['General',   'bi-sliders'],
            'grading'   => ['Grading',    'bi-calculator'],
            'numbering' => ['Numbering',  'bi-hash'],
        ] as $key => [$label, $icon])
            <li class="nav-item" role="presentation">
                <button class="nav-link bv-tabs__link {{ $activeTab === $key ? 'active' : '' }}"
                        id="tab-{{ $key }}-btn"
                        data-bs-toggle="tab"
                        data-bs-target="#tab-{{ $key }}"
                        type="button"
                        role="tab">
                    <i class="bi {{ $icon }} me-1"></i>{{ $label }}
                </button>
            </li>
        @endforeach
    </ul>

    <div class="tab-content mt-4">
        {{-- General --}}
        <div class="tab-pane fade {{ $activeTab === 'general' ? 'show active' : '' }}" id="tab-general" role="tabpanel">
            <x-ui.card title="General settings">
                <div class="row g-3">
                    <div class="col-md-6">
                        <div class="bv-form-group">
                            <div class="bv-form-group__field">
                                <i class="bv-form-group__icon bi bi-check2-circle"></i>
                                <div class="form-floating">
                                    <input type="number" step="0.01" id="pass_mark" name="pass_mark"
                                           class="form-control bv-form-control" placeholder="Pass Mark"
                                           value="{{ old('pass_mark', $settings->pass_mark ?? 50) }}">
                                    <label for="pass_mark">Default pass mark (%)</label>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="bv-form-group">
                            <div class="bv-form-group__field">
                                <i class="bv-form-group__icon bi bi-calculator"></i>
                                <div class="form-floating">
                                    <input type="number" step="0.01" id="max_gpa" name="max_gpa"
                                           class="form-control bv-form-control" placeholder="Max GPA"
                                           value="{{ old('max_gpa', $settings->max_gpa ?? 4.0) }}">
                                    <label for="max_gpa">Maximum GPA scale</label>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="bv-form-group">
                            <div class="bv-form-group__field">
                                <i class="bv-form-group__icon bi bi-person-check"></i>
                                <div class="form-floating">
                                    <select id="eligibility_check" name="eligibility_check" class="form-select bv-form-control">
                                        <option value="1" @selected(old('eligibility_check', $settings->eligibility_check ?? true))>Enabled</option>
                                        <option value="0" @selected(!old('eligibility_check', $settings->eligibility_check ?? true))>Disabled</option>
                                    </select>
                                    <label for="eligibility_check">Eligibility check</label>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="bv-form-group">
                            <div class="bv-form-group__field">
                                <i class="bv-form-group__icon bi bi-shield-lock"></i>
                                <div class="form-floating">
                                    <select id="auto_publish_results" name="auto_publish_results" class="form-select bv-form-control">
                                        <option value="0" @selected(!old('auto_publish_results', $settings->auto_publish_results ?? false))>Manual (requires approval)</option>
                                        <option value="1" @selected(old('auto_publish_results', $settings->auto_publish_results ?? false))>Automatic</option>
                                    </select>
                                    <label for="auto_publish_results">Result publishing</label>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </x-ui.card>
        </div>

        {{-- Grading --}}
        <div class="tab-pane fade {{ $activeTab === 'grading' ? 'show active' : '' }}" id="tab-grading" role="tabpanel">
            <x-ui.card title="Grading configuration">
                <div class="row g-3">
                    <div class="col-md-6">
                        <div class="bv-form-group">
                            <div class="bv-form-group__field">
                                <i class="bv-form-group__icon bi bi-percent"></i>
                                <div class="form-floating">
                                    <input type="number" step="0.01" id="ca_weight" name="ca_weight"
                                           class="form-control bv-form-control" placeholder="CA Weight"
                                           value="{{ old('ca_weight', $settings->ca_weight ?? 30) }}">
                                    <label for="ca_weight">Continuous assessment weight (%)</label>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="bv-form-group">
                            <div class="bv-form-group__field">
                                <i class="bv-form-group__icon bi bi-percent"></i>
                                <div class="form-floating">
                                    <input type="number" step="0.01" id="exam_weight" name="exam_weight"
                                           class="form-control bv-form-control" placeholder="Exam Weight"
                                           value="{{ old('exam_weight', $settings->exam_weight ?? 70) }}">
                                    <label for="exam_weight">Examination weight (%)</label>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </x-ui.card>
        </div>

        {{-- Numbering --}}
        <div class="tab-pane fade {{ $activeTab === 'numbering' ? 'show active' : '' }}" id="tab-numbering" role="tabpanel">
            <x-ui.card title="Document numbering">
                <div class="row g-3">
                    <div class="col-md-4">
                        <div class="bv-form-group">
                            <div class="bv-form-group__field">
                                <i class="bv-form-group__icon bi bi-type"></i>
                                <div class="form-floating">
                                    <input type="text" id="transcript_prefix" name="transcript_prefix"
                                           class="form-control bv-form-control" placeholder="TRN"
                                           value="{{ old('transcript_prefix', $settings->transcript_prefix ?? 'TRN') }}">
                                    <label for="transcript_prefix">Transcript prefix</label>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="bv-form-group">
                            <div class="bv-form-group__field">
                                <i class="bv-form-group__icon bi bi-type"></i>
                                <div class="form-floating">
                                    <input type="text" id="result_slip_prefix" name="result_slip_prefix"
                                           class="form-control bv-form-control" placeholder="RS"
                                           value="{{ old('result_slip_prefix', $settings->result_slip_prefix ?? 'RS') }}">
                                    <label for="result_slip_prefix">Result slip prefix</label>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="bv-form-group">
                            <div class="bv-form-group__field">
                                <i class="bv-form-group__icon bi bi-hash"></i>
                                <div class="form-floating">
                                    <input type="number" id="number_pad" name="number_pad"
                                           class="form-control bv-form-control" placeholder="6"
                                           value="{{ old('number_pad', $settings->number_pad ?? 6) }}">
                                    <label for="number_pad">Number pad length</label>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </x-ui.card>
        </div>
    </div>

    <div class="d-flex gap-2 mt-4">
        <x-ui.button type="submit" variant="primary" icon="bi-check-lg">Save settings</x-ui.button>
    </div>
</form>
@endsection