@extends('layouts/contentNavbarLayout')

@section('title', 'category Quiz')

@section('content')

<div class="card">
  <div class="card-header">
      <h5> Update Category Quiz</h5>
  </div>
  <div class="card-body">
      <form method="POST" action="{{ route('category.quiz.update' , $category->id) }}" enctype="multipart/form-data">
          @csrf

          @method('PUT')
          <div class="mb-4">
              <label for="title" class="form-label">Title en</label>
              <input type="text" class="form-control" id="title_en" name="title_en" required value="{{ $category->title_en }}">
              @if($errors->has('title_en'))
              <span style="color:red">  {{ $errors->first('title_en') }} </span>
            @endif
          </div>
          <div class="mb-4">
              <label for="title" class="form-label">Title ar</label>
              <input type="text" class="form-control" id="title_ar" name="title_ar" required value="{{ $category->title_ar }}">
              @if($errors->has('title_ar'))
              <span style="color:red">  {{ $errors->first('title_ar') }} </span>
            @endif
          </div>
  <div class="mb-4">
              <label for="title" class="form-label">Score total</label>
              <input type="text" class="form-control" id="score_total" name="score_total" required value="{{ $category->score_total }}">
              @if($errors->has('score_total'))
              <span style="color:red">  {{ $errors->first('score_total') }} </span>
            @endif
          </div>
 <div class="mb-4">
              <label for="title" class="form-label">Color  </label>
              <input type="text" class="form-control" id="color" name="color" required value="{{ $category->color }}">
              @if($errors->has('color'))
              <span style="color:red">  {{ $errors->first('color') }} </span>
            @endif
          </div>

          <div class="mb-4">
              <label for="title" class="form-label">Background color mobile  </label>
              <input type="text" class="form-control" id="background_color_mobile" name="background_color_mobile" required value="{{ $category->background_color_mobile }}"  >
              @if($errors->has('background_color_mobile'))
                  <span style="color:red">  {{ $errors->first('background_color_mobile') }} </span>
              @endif
          </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"  value="{{ $category->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"   @if( $category -> enabled == 1 ) checked @endif >
                <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="{{ route('category.quiz.index') }}" class="btn btn-secondary ms-2">Cancel</a>
          </div>
      </form>
  </div>
</div>

@endsection