@extends('backend.master')

@section('title')
    {{ @$data['title'] }}
@endsection
@section('content')
    <div class="page-content">

        {{-- bradecrumb Area S t a r t --}}
        <div class="page-header">
            <div class="row">
                <div class="col-sm-6">
                    <h4 class="bradecrumb-title mb-1">{{ $data['title'] }}</h1>
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="{{ route('dashboard') }}">{{ ___('common.home') }}</a></li>
                        <li class="breadcrumb-item"><a href="">{{ ___('online-examination.online_examination') }}</a></li>
                        <li class="breadcrumb-item" aria-current="page"><a href="{{ route('question-bank.index') }}">{{ ___('online-examination.question_bank') }}</a></li>
                        <li class="breadcrumb-item active" aria-current="page">{{ ___('common.add_new') }}</li>
                    </ol>
                </div>
            </div>
        </div>
        {{-- bradecrumb Area E n d --}}

        <div class="card ot-card">
            <div class="card-body">
                <form action="{{ route('question-bank.store') }}" enctype="multipart/form-data" method="post" id="question_bank">
                    @csrf
                    <div class="row mb-3">
                        <div class="col-lg-12">
                            <div class="row">
                               

                                {{-- second row --}}
                                <div class="col-md-3 mb-3">
                                    <label for="validationServer04" class="form-label">{{ ___('online-examination.question_type') }} <span class="fillable">*</span></label>
                                    <select class="question_type nice-select niceSelect bordered_style wide @error('type') is-invalid @enderror" name="type" id="validationServer04" aria-describedby="validationServer04Feedback">
                                        <option value="">{{ ___('online-examination.select_type') }}</option>
                                        @foreach (\Config::get('site.question_types') as $key => $type)
                                            <option {{ old('type') == $key ? 'selected' : '' }} value="{{ $key }}">
                                                {{ ___($type) }}</option>
                                        @endforeach
                                    </select>

                                    @error('type')
                                        <div id="validationServer04Feedback" class="invalid-feedback">
                                            {{ $message }}
                                        </div>
                                    @enderror
                                </div>
                                
                                <div class="col-md-3 question_group mb-3">
                                    <label for="validationServer04" class="form-label">{{ ___('online-examination.question_group') }}
                                        <span class="fillable">*</span></label>
                                    <select
                                        class="question_group nice-select niceSelect bordered_style wide @error('question_group') is-invalid @enderror"
                                        name="question_group" id="validationServer04"
                                        aria-describedby="validationServer04Feedback"
                                    >
                                        <option value="">{{ ___('online-examination.select_question_group') }}</option>
                                        @if (old('question_group'))
                                            @php
                                                $questionGroupName = \App\Models\OnlineExamination\QuestionGroup::find(old('question_group'))?->name ?? '';
                                            @endphp
                                            <option value="{{ old('question_group') }}" selected>{{ $questionGroupName }}</option>
                                        @endif
                                    </select>
                                    @error('question_group')
                                        <div id="validationServer04Feedback" class="invalid-feedback">
                                            {{ $message }}
                                        </div>
                                    @enderror
                                </div>
                                
                                <div class="col-md-3 mb-3">
                                    <label for="validationServer04" class="form-label">{{ ___('common.status') }} <span class="fillable">*</span></label>
                                    <select class="nice-select niceSelect bordered_style wide @error('status') is-invalid @enderror" name="status" id="validationServer04" aria-describedby="validationServer04Feedback">
                                        <option value="{{ App\Enums\Status::ACTIVE }}">{{ ___('common.active') }}</option>
                                        <option value="{{ App\Enums\Status::INACTIVE }}">{{ ___('common.inactive') }}
                                        </option>
                                    </select>

                                    @error('status')
                                        <div id="validationServer04Feedback" class="invalid-feedback">
                                            {{ $message }}
                                        </div>
                                    @enderror
                                </div>
                                
                                <div class="col-md-3 mb-3">
                                    <label for="exampleDataList" class="form-label ">{{ ___('online-examination.Mark') }} <span
                                            class="fillable">*</span></label>
                                    <input class="form-control ot-input @error('mark') is-invalid @enderror" name="mark"
                                        list="datalistOptions" id="exampleDataList" type="number"
                                        placeholder="{{ ___('online-examination.Enter mark') }}" value="{{ old('mark') }}"
                                        required
                                    >
                                    @error('mark')
                                        <div id="validationServer04Feedback" class="invalid-feedback">
                                            {{ $message }}
                                        </div>
                                    @enderror
                                </div>
                                {{-- second row --}}




                                {{-- question --}}
                                <div class="col-12 mb-3">
                                    <label for="exampleDataList" class="form-label ">{{ ___('online-examination.question') }} <span
                                            class="fillable">*</span></label>
                                    <input class="form-control ot-input @error('question') is-invalid @enderror" name="question"
                                        list="datalistOptions" id="exampleDataList"
                                        placeholder="{{ ___('online-examination.enter_question') }}" value="{{ old('question') }}"
                                        required
                                    >
                                    @error('question')
                                        <div id="validationServer04Feedback" class="invalid-feedback">
                                            {{ $message }}
                                        </div>
                                    @enderror
                                </div>
                                {{-- question --}}




                                {{-- total options --}}
                                <div class="col-md-12 mb-3 total_option">
                                    <label class="form-label">{{ ___('online-examination.Total option') }} <span class="fillable">*</span></label>
                                    <select class="nice-select niceSelect bordered_style wide @error('total_option') is-invalid @enderror" name="total_option" id="total_option">
                                        <option value="">{{ ___('online-examination.select_option') }}</option>
                                        @for($i = 1; $i <= 10; $i++)
                                            <option {{ old('total_option') == $i ? 'selected' : '' }} value="{{ $i }}">{{ $i }}</option>
                                        @endfor
                                    </select>
                                    @error('total_option')
                                        <div id="validationServer04Feedback" class="invalid-feedback">
                                            {{ $message }}
                                        </div>
                                    @enderror
                                </div>
                                {{-- total options --}}
                                {{-- options --}}
                                <div class="options">
                                    <div class="row input_ptions">
                                        {{-- options load in js --}}

                                        @if (old('option'))
                                            @foreach (old('option') as $oldMultipleChoiceAns)
                                                <div class="col-md-3 mb-3">
                                                    <label class="form-label">Option {{ $loop->iteration }} <span class="fillable">*</span></label>
                                                    <input class="form-control ot-input" name="option[{{ $loop->iteration }}]" value="{{ $oldMultipleChoiceAns }}" placeholder="Enter option" required>
                                                </div>
                                            @endforeach
                                        @endif
                                    </div> 
                                    @if ($errors->has('option.*'))
                                        <span class="text-danger">{{ ___('online-examination.The options field is required.') }}</span>
                                    @endif
                                </div>
                                {{-- option --}}





                                {{-- Answer --}}
                                <div class="col-md-12 mb-3 single_choice_ans">
                                    <label class="form-label">{{ ___('online-examination.Answer') }} <span class="fillable">*</span></label>
                                    <select class="nice-select niceSelect bordered_style wide @error('single_choice_ans') is-invalid @enderror" name="single_choice_ans" id="single_choice_ans">
                                        <option value="">{{ ___('online-examination.select_option') }}</option>
                                        {{-- options load in js --}}
                                        @if (old('option'))
                                            @foreach (old('option') as $oldMultipleChoiceAns)
                                                <option value="{{ $oldMultipleChoiceAns }}" {{ old('single_choice_ans') == $loop->iteration ? 'selected' : '' }}>
                                                    {{ ___('online-examination.option') }} {{ $loop->iteration }}
                                                </option>
                                            @endforeach
                                        @endif
                                    </select>
                                    @error('single_choice_ans')
                                        <div id="validationServer04Feedback" class="invalid-feedback">
                                            {{ $message }}
                                        </div>
                                    @enderror
                                </div>
                                <div class="col-md-12 mb-3 multiple_choice_ans">
                                    <label class="form-label">{{ ___('online-examination.Answer') }} <span class="fillable">*</span></label>
                                    <div class="input-check-radio academic-section" id="multiple_choice_ans">
                                        {{-- options load in js --}}
                                        @if (old('option'))
                                            @foreach (old('option') as $oldMultipleChoiceAns)
                                                <div class="form-check">
                                                    <input 
                                                        class="form-check-input" 
                                                        type="checkbox"
                                                        name="multiple_choice_ans[]" 
                                                        value="{{ $loop->iteration }}" 
                                                        id="option{{ $loop->iteration }}"
                                                        {{ in_array($loop->iteration, old('multiple_choice_ans') ?? []) ? 'checked' : '' }}
                                                    >
                                                    <label class="form-check-label ps-2 pe-5" for="option{{ $loop->iteration }}">{{ ___('online-examination.option') }} {{ $loop->iteration }}</label>
                                                </div>
                                            @endforeach
                                        @endif
                                    </div>
                                    @if ($errors->has('multiple_choice_ans'))
                                        <span class="text-danger">{{ $errors->first('multiple_choice_ans') }}</span>
                                    @endif
                                </div>
                                <div class="col-md-12 mb-3 true_false_ans">
                                    <label class="form-label">{{ ___('online-examination.Answer') }} <span class="fillable">*</span></label>
                                    <select class="nice-select niceSelect bordered_style wide @error('true_false_ans') is-invalid @enderror" name="true_false_ans">
                                        <option value="">{{ ___('online-examination.select_option') }}</option>
                                        <option {{ old('true_false_ans') == 1 ? 'selected' : '' }} value="1">{{ ___('online-examination.True') }}</option>
                                        <option {{ old('true_false_ans') == 2 ? 'selected' : '' }} value="2">{{ ___('online-examination.False') }}</option>
                                    </select>
                                    @error('true_false_ans')
                                        <div id="validationServer04Feedback" class="invalid-feedback">
                                            {{ $message }}
                                        </div>
                                    @enderror
                                </div>
                                {{-- Answer --}}







                                <div class="col-12 mt-24">
                                    <div class="text-end">
                                        <button class="btn btn-lg ot-btn-primary"><span><i class="fa-solid fa-save"></i>
                                            </span>{{ ___('common.submit') }}</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
            </div>
        </div>
    </div>
@endsection