@extends('layouts/contentNavbarLayout')

@section('title', 'quizs')

@section('content')

<div class="card">
  <div class="card-header">
      <h5>Create New quiz</h5>
  </div>
  <div class="card-body">
      <form method="POST" action="{{ route('quizs.store') }}" enctype="multipart/form-data">
          @csrf
          <div class="mb-3">
              <label for="category_quiz_id" class="form-label">Category</label>
              <select id="category_quiz_id" class="select2 form-select" name="category_quiz_id">
                  <option></option>
                  @foreach($categorys as $category)
                      <option value="{{ $category->id }}" >{{ $category->title_en }}</option>
                  @endforeach
              </select>
          </div>
          <div class="mb-4">
              <label for="title" class="form-label">Quiz en</label>
              <input type="text" class="form-control" id="quiz_en" name="quiz_en" required>
              @if($errors->has('quiz_en'))
              <span style="color:red">  {{ $errors->first('quiz_en') }} </span>
            @endif
          </div>
         <div class="mb-4">
              <label for="title" class="form-label">Quiz ar</label>
              <input type="text" class="form-control" id="quiz_ar" name="quiz_ar" required>
              @if($errors->has('quiz_ar'))
              <span style="color:red">  {{ $errors->first('quiz_ar') }} </span>
            @endif
          </div>
          <div class="mb-3">
              <label for="logo" class="form-label">Picture</label>
              <input type="file" class="form-control" id="picture" name="picture">
          </div>
          <div class="mb-4">
              <label for="order_show" class="form-label">Order show</label>
              <input type="number" class="form-control" id="order_show" name="order_show">
              @if($errors->has('order_show'))
              <span style="color:red">  {{ $errors->first('order_show') }} </span>
            @endif
          </div>

          <div class="mb-4">
              <div class="form-check form-switch">
                <input class="form-check-input" type="checkbox" name="enabled" id="enabled" checked>
                <label class="form-check-label" for="enabled">Active</label>
               </div>
          </div>

          <div class="d-flex justify-content-end">
              <button type="submit" class="btn btn-primary">Save</button>
              <a href="#" class="btn btn-secondary ms-2">Cancel</a>
          </div>
      </form>
  </div>
</div>

@endsection