@csrf

<div class="row">

    <!-- ==========================================
                    Module Name
    =========================================== -->

    <div class="col-md-12 mb-3">

        <label class="form-label">

            Module Name <span class="text-danger">*</span>

        </label>

        <input type="text"
               name="name"
               class="form-control @error('name') is-invalid @enderror"
               value="{{ old('name', $examModule->name ?? '') }}"
               placeholder="e.g. Mathematics Objective">

        @error('name')

            <div class="invalid-feedback">

                {{ $message }}

            </div>

        @enderror

    </div>


    <!-- ==========================================
                    Subject
    =========================================== -->

    <div class="col-md-6 mb-3">

        <label class="form-label">

            Subject <span class="text-danger">*</span>

        </label>

        <select name="subject_id"
                class="form-select @error('subject_id') is-invalid @enderror">

            <option value="">
                -- Select Subject --
            </option>

            @foreach($subjects as $subject)

                <option value="{{ $subject->id }}"
                    @selected(
                        old(
                            'subject_id',
                            $examModule->subject_id ?? ''
                        ) == $subject->id
                    )>

                    {{ $subject->name }}

                </option>

            @endforeach

        </select>

        @error('subject_id')

            <div class="invalid-feedback">

                {{ $message }}

            </div>

        @enderror

    </div>


    <!-- ==========================================
                    Category
                    Objective / Theory
    =========================================== -->

    <div class="col-md-6 mb-3">

        <label class="form-label">

            Category <span class="text-danger">*</span>

        </label>

        <select name="category_id"
                id="category_id"
                class="form-select @error('category_id') is-invalid @enderror">

            <option value="">
                -- Select Category --
            </option>

            @foreach($categories as $category)

                <option value="{{ $category->id }}"
                    data-name="{{ strtolower($category->name) }}"
                    @selected(
                        old(
                            'category_id',
                            $examModule->category_id ?? ''
                        ) == $category->id
                    )>

                    {{ $category->name }}

                </option>

            @endforeach

        </select>

        @error('category_id')

            <div class="invalid-feedback">

                {{ $message }}

            </div>

        @enderror

        <small class="text-muted">

            Select whether this module is Objective or Theory.

        </small>

    </div>


    <!-- ==========================================
                    Description
    =========================================== -->

    <div class="col-md-12 mb-3">

        <label class="form-label">

            Description

        </label>

        <textarea name="description"
                  rows="4"
                  class="form-control @error('description') is-invalid @enderror"
                  placeholder="Enter module description...">{{ old('description', $examModule->description ?? '') }}</textarea>

        @error('description')

            <div class="invalid-feedback">

                {{ $message }}

            </div>

        @enderror

    </div>


    <!-- ==========================================
                    Duration
    =========================================== -->

    <div class="col-md-6 mb-3">

        <label class="form-label">

            Duration (Minutes) <span class="text-danger">*</span>

        </label>

        <input type="number"
               name="duration_minutes"
               min="1"
               class="form-control @error('duration_minutes') is-invalid @enderror"
               value="{{ old('duration_minutes', $examModule->duration_minutes ?? '') }}"
               placeholder="e.g. 60">

        @error('duration_minutes')

            <div class="invalid-feedback">

                {{ $message }}

            </div>

        @enderror

    </div>


    <!-- ==========================================
                    Status
    =========================================== -->

    <div class="col-md-6 mb-4">

        <label class="form-label d-block">

            Status

        </label>

        <div class="form-check form-check-inline">

            <input class="form-check-input"
                   type="radio"
                   name="status"
                   id="active"
                   value="1"
                   @checked(
                       old(
                           'status',
                           $examModule->status ?? 1
                       ) == 1
                   )>

            <label class="form-check-label"
                   for="active">

                Active

            </label>

        </div>

        <div class="form-check form-check-inline">

            <input class="form-check-input"
                   type="radio"
                   name="status"
                   id="inactive"
                   value="0"
                   @checked(
                       old(
                           'status',
                           $examModule->status ?? 1
                       ) == 0
                   )>

            <label class="form-check-label"
                   for="inactive">

                Inactive

            </label>

        </div>

    </div>


    <!-- ==========================================
                    Submit
    =========================================== -->

    <div class="col-12">

        <button type="submit"
                class="btn btn-primary">

            <i class="bi bi-check-circle me-2"></i>

            {{ isset($examModule)
                ? 'Update Exam Module'
                : 'Create Exam Module'
            }}

        </button>

        <a href="{{ route('exam-modules.index') }}"
           class="btn btn-secondary">

            Cancel

        </a>

    </div>

</div>