@php extension_loaded('zip') or die('PHP Zip extension not loaded.'); @endphp
@extends('backend.layouts.app')
@section('content')
<div class="row">
    {!! displayAlert() !!}
    @if ($errors->any())
        <div class="alert alert-danger" role="alert">
            <strong>{{translate('Errors:')}}</strong>
            <ul>
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif
    <div class="col-lg-6">
        <div class="card">
            <div class="card-header">
                <h4 class="card-title mb-0">{{ translate('Upload Questions Through Excel File') }}</h4>
            </div><!-- end card header -->
            <div class="card-body">
                <form action="{{ route('admin.questions.excel') }}" method="POST" enctype="multipart/form-data">
                    @csrf
                    <div class="form-group">
                        <label for="excel_file">{{ translate('Select Excel File') }}:</label>
                        <input type="hidden" name="special" value="0">
                        <input type="file" name="excel_file" id="excel_file" class="form-control" accept=".xlsx, .csv">
                    </div>
                    <button type="submit" class="btn btn-primary hhh mt-2">{{ translate('Upload') }}</button>
                    <a href="{{ route('download.sample.file') }}" class="btn btn-outline-warning mt-2 me-3">{{ translate('Download Question') }}</a>
                </form>
                {{-- <a href="{{ route('level.download') }}" class="btn btn-outline-warning mt-2">{{ translate('Download Level') }}</a> --}}
            </div><!-- end card-body -->
        </div><!-- end card -->
        <div class="card">
            <div class="card-header">
                <h4 class="card-title mt-2">{{ translate('Instruction For Uploading') }}</h4>
            </div>
            <div class="card-body">
                <p class="text-warning h6">{{ translate('Level Type ID (Easy = 1, Medium = 2, Hard = 3), which is used to categorize the questions in the Excel file.') }}</p>
                <hr>
                <p class="text-warning h6">{{translate('Download the Question Excel file to understand the pattern for uploading questions normally. In the Excel file, the "Level ID" column is used to differentiate categories.')}}</p>
            </div>
        </div>
    </div><!-- end col -->
    
    <div class="col-lg-6">
        <div class="card">
            <div class="card-header">
                <h4 class="card-title">{{translate('Create Question And Answer!')}}</h4>
            </div>
            <div class="card-body mb-3">
                <form method="POST" action="{{ route('questions.store') }}">
                    @csrf
                    <input type="hidden" name="special" value="0">
                    <div class="form-group mt-2">
                        <label for="question">{{translate('Question')}}</label>
                        <input type="text" class="form-control @error('question') is-invalid @enderror" name="question">
                        @error('question')
                            <span class="invalid-feedback">{{ $message }}</span>
                        @enderror
                    </div>
                    <!-- Levels -->
                    <div class="form-group mt-2">
                        <label for="level_type">{{translate('Level')}}</label>
                        <select class="form-control rns-selectpicker @error('level_type') is-invalid @enderror" name="level_type">
                            <option value="">{{translate('Please select...')}}</option>
                            <option value="1">{{ translate('Easy') }}</option>
                            <option value="2">{{ translate('Medium') }}</option>
                            <option value="3">{{ translate('Hard') }}</option>
                        </select>
                        @error('level_type')
                            <span class="invalid-feedback">{{ $message }}</span>
                        @enderror
                    </div>
                    <!-- Options -->
                    <div class="form-group mt-2">
                        <label for="optionA">{{translate('Option A')}}</label>
                        <input type="text" class="form-control @error('optionA') is-invalid @enderror" name="optionA">
                        @error('optionA')
                        <span class="invalid-feedback">{{ $message }}</span>
                        @enderror
                    </div>
                
                    <div class="form-group mt-2">
                        <label for="optionB">{{translate('Option B')}}</label>
                        <input type="text" class="form-control @error('optionB') is-invalid @enderror" name="optionB">
                        @error('optionB')
                        <span class="invalid-feedback">{{ $message }}</span>
                        @enderror
                    </div>
                
                    <div class="form-group mt-2">
                        <label for="optionC">{{translate('Option C')}}</label>
                        <input type="text" class="form-control @error('optionC') is-invalid @enderror" name="optionC">
                        @error('optionC')
                        <span class="invalid-feedback">{{ $message }}</span>
                        @enderror
                    </div>

                    <div class="form-group mt-2">
                        <label for="answer">{{translate('Correct Answer')}}</label>
                        <select class="form-control  rns-selectpicker @error('answer') is-invalid @enderror" name="answer">
                            <option value="">{{translate('Please select...')}}</option>
                            <option value="optionA">{{translate('Option A')}}</option>
                            <option value="optionB">{{translate('Option B')}}</option>
                            <option value="optionC">{{translate('Option C')}}</option>
                        </select>
                        @error('answer')
                            <span class="invalid-feedback">{{ $message }}</span>
                        @enderror
                    </div>

                    <button type="submit" class="btn btn-outline-warning mt-4">{{translate('Add Question')}}</button>
                    <button type="reset" class="btn btn-outline-danger mt-4">{{translate('Reset')}}</button>
                </form>
            </div><!-- end card -->
        </div>
        <!-- end col -->
    </div>
</div>
@endsection

@section('script')
<script>

</script>
@endsection