@extends('layouts.app')

@section('slot')

<div>
    @if (session()->has('success'))
        <div class="alert alert-custom alert-notice alert-light-success fade show" role="alert">
            <div class="alert-icon">
                <i class="fa fa-check"></i>
            </div>
            <div class="alert-text">{{ __(session()->get('success')) }}</div>
            <div class="alert-close">
                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                    <span aria-hidden="true"><i class="ki ki-close"></i></span>
                </button>
            </div>
        </div>
    @elseif (session()->has('error'))
        <div class="alert alert-custom alert-notice alert-light-danger fade show" role="alert">
            <div class="alert-icon">
                <i class="fa fa-check"></i>
            </div>
            <div class="alert-text">{{ session()->get('error') }}</div>
            <div class="alert-close">
                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                    <span aria-hidden="true"><i class="ki ki-close"></i></span>
                </button>
            </div>
        </div>
    @endif

    <div class="card card-custom card-stretch">
             <!--begin::Header-->
            <div class="card-header py-3">
                <div class="card-title align-items-start flex-column">
                    <h3 class="card-label font-weight-bolder text-dark">{{ __('Edit Soal Pilihan Ganda') }}</h3>
                </div>
                <div class="card-toolbar">

                    <a href="{{ route('exam.multiple_choice') }}" class="btn btn-light-dark mr-2 btn-sm">
                        <i class="fa fa-reply"></i> {{ __('Kembali') }}
                    </a>

                </div>
            </div>
            <!--end::Header-->
            <!--begin::Body-->
            <div class="card-body">
                <form method="post" action="{{ route('import.exam_edit', encrypt($multiple_choice->id)) }}" enctype="multipart/form-data">
                    
                    @csrf

                    <div class="form-group row justify-content-center">
                        <label class="col-md-1 mt-2">Judul <sup class="text-primary font-weight-bolder">*</sup></label>
                        <div class="col-md-7 p-0">
                            <input type="text" class="form-control @error('title') is-invalid @enderror" placeholder="judul Ujian" name="title" value="{{ $multiple_choice->title }}">
                            <div class="invalid-feedback">
                                @error('title')
                                    {{ $message }}
                                @enderror
                            </div>
                        </div>
                    </div>
                    
                    <div class="form-group row">
                        <label class="col-md-3 text-lg-right text-left mt-3">Pilih Mapel <sup class="text-primary font-weight-bolder">*</sup></label>
                        <div class="col-md-9">
                            <div class="col-9 col-form-label">
                                <div class="radio-inline">
                                    @foreach ($subjects as $subject)
                                        <label class="radio radio-primary">
                                            <input type="radio" name="subject" value="{{ $subject->id }}" {{ $multiple_choice->subject_id == $subject->id ? 'checked' : '' }}/>
                                            <span  @error('subject') class="border-danger" @enderror></span>{{ $subject->name }}
                                        </label>
                                    @endforeach
                                </div>
                            </div>
                        </div>
                    </div>
                    

                    <div class="form-group row justify-content-center">
                        <label class="col-md-1 mt-2">Limit</label>
                        <div class="col-md-7 p-0">
                            <input list="timeOptions" type="text" class="form-control @error('form.time_limit') is-invalid @enderror" placeholder="Limit Waktu (Menit)" name="time_limit" min="0" max="120" step="1" value="{{ $multiple_choice->time_limit }}">
                            <datalist id="timeOptions">
                                @for ($i = 0; $i <= 120; $i++)
                                    @php
                                        $hours = str_pad(floor($i / 60), 2, '0', STR_PAD_LEFT);
                                        $minutes = str_pad($i % 60, 2, '0', STR_PAD_LEFT);
                                        $time = $hours . ':' . $minutes . ':00';
                                    @endphp
                                    <option value="{{ $time }}">{{ $time }}</option>
                                @endfor
                            </datalist>
                            <div class="invalid-feedback">
                                @error('form.time_limit')
                                    {{ $message }}
                                @enderror
                            </div>
                        </div>
                    </div>
                    
                    <div class="form-group row justify-content-center">
                        <label class="col-md-1 mt-2">Import Soal <sup class="text-primary font-weight-bolder">*</sup></label>
                        <div class="col-md-7 p-0">
                            <input type="file" name="import" accept=".xlsx" class="form-control" />
                            <span class="text-danger">@error('import') {{ $message }} @enderror</span>
                        </div>
                    </div>

                    <div class="form-group row justify-content-center">
                        <label class="col-md-1 mt-2">File ZIP</label>
                        <div class="col-md-7 p-0">
                            <input type="file" name="file_zip" accept=".zip" class="form-control" />
                            <span class="text-danger">@error('file_zip') {{ $message }} @enderror</span>
                        </div>
                    </div>

                    <div class="form-group row justify-content-center">
                        <label class="col-md-1 mt-2"></label>
                        <div class="col-md-7 p-0">

                            <button type="submit" class="btn btn-light-success btn-sm float-right">
                                <i class="fa fa-check"></i> {{ __('Simpan') }}
                            </button>

                        </div>
                    </div>
                  

                </form>
            </div>
            <!--end::Body-->
   
    </div>
</div>
@endsection

@push('scripts')
<script>
   
</script>
@endpush