@extends('layouts.master', ['title' => 'Add New Exam'])
@section('content')
<div class="content-wrapper">
    <div class="row">
      <div class="col-12 grid-margin">
        <div class="card">
          <div class="card-body">
            <h4 class="card-title">Add New Exam</h4>
            <form  action="{{route('exams.store')}}" method="post" class="form-sample">
              @csrf
            
              <div class="row">
                <div class="col-md-6">
                  <div class="form-group row">
                    <label class="col-sm-3 col-form-label">Exam Name</label>
                    <div class="col-sm-9">
                      <input type="text" name="examname" value="{{old('examname')}}" class="form-control" placeholder="Enter Exam Name"/>
                      @error('examname')
                        <small class="text-danger">{{ $message }}</small>
                      @enderror
                    </div>
                  </div>
                </div>
                <div class="col-md-6">
                  <div class="form-group row">
                    <label class="col-sm-3 col-form-label">No. of questions</label>
                    <div class="col-sm-9">
                      <input type="number" name="no_of_questions" value="{{old('no_of_questions')}}" class="form-control" placeholder="Enter Total No. of Questions"/>
                      @error('no_of_questions')
                        <small class="text-danger">{{ $message }}</small>
                      @enderror
                    </div>
                  </div>
                </div>
                <div class="col-md-6">
                  <div class="form-group row">
                    <label class="col-sm-3 col-form-label">Mark per Question</label>
                    <div class="col-sm-9">
                      <input type="number" name="marks_per_question" value="{{old('marks_per_question')}}" class="form-control" placeholder="Enter Mark per Question"/>
                      @error('marks_per_question')
                        <small class="text-danger">{{ $message }}</small>
                      @enderror
                    </div>
                  </div>
                </div>
         
                <div class="col-md-6">
                  <div class="form-group row">
                    <label class="col-sm-3 col-form-label">Pass Percentage</label>
                    <div class="col-sm-9">
                    <select class="form-control " name="pass_percentage">
                        <option value=""> -- Select Pass Percentage --  </option>
                          <option value="30" {{ old('pass_percentage') == 30 ? 'selected' : '' }}> 30 </option>
                          <option value="40" {{ old('pass_percentage') == 40 ? 'selected' : '' }}> 40 </option>
                          <option value="50" {{ old('pass_percentage') == 50 ? 'selected' : '' }}> 50 </option>
                          <option value="60" {{ old('pass_percentage') == 60 ? 'selected' : '' }}> 60 </option>
                          <option value="70" {{ old('pass_percentage') == 70 ? 'selected' : '' }}> 70 </option>
                          <option value="80" {{ old('pass_percentage') == 80 ? 'selected' : '' }}> 80 </option>
                        </select>
                      @error('pass_percentage')
                        <small class="text-danger">{{ $message }}</small>
                      @enderror
                    </div>
                  </div>
                </div>
                <div class="col-md-6">
                  <div class="form-group row">
                    <label class="col-sm-3 col-form-label">Max Time Allowed (in sec)</label>
                    <div class="col-sm-9">
                      <input type="number" name="max_time_allowed" value="{{old('max_time_allowed')}}" class="form-control" placeholder="Enter Max Time Allowed (in Seconds)"/>
                      @error('max_time_allowed')
                        <small class="text-danger">{{ $message }}</small>
                      @enderror
                    </div>
                  </div>
                </div>
                
                <div class="col-md-6">
                  <div class="form-group row">
                    <label class="col-sm-3 col-form-label">Exam Validity (In Days)</label>
                    <div class="col-sm-9">
                      <input type="number" name="exam_validity" value="{{old('exam_validity')}}" min="1" class="form-control" placeholder="Enter Exam Validity in days"/>
                      @error('exam_validity')
                        <small class="text-danger">{{ $message }}</small>
                      @enderror
                    </div>
                  </div>
                </div>
              </div>
              <button type="submit" class="btn btn-success float-right" >Save</button>
              <a href="{{route('exams.index')}}" class="btn btn-primary float-right">Cancel</a>
            </form>
          </div>
        </div>
      </div>
  </div>
</div>
@endsection