@extends('layouts/contentNavbarLayout')

@section('title', 'quizs')

@section('content')

<div class="card">
  <div class="card-header d-flex justify-content-between align-items-center">
      <h5>List of Quizs</h5>
      <a href="{{ route('quizs.create') }}" class="btn btn-info">Create Quiz</a>
  </div>
  <div class="card-body">
    <table class="table">
        <thead>
            <tr>
                <th>Category</th>
                <th>Quiz en</th>
                <th>Quiz ar</th>
                <th>Enabled</th>
                <th>Picture</th>
                <th>Order</th>
                <th class="text-center">Actions</th>
            </tr>
        </thead>
        <tbody>
            @forelse ($quizs as $quiz )
            <tr>

            <td> @if(!empty($quiz->categoryQuiz)){{ $quiz->categoryQuiz->title_en }}@else -- @endif</td>
            <td>{{ $quiz->quiz_en }}</td>
            <td>{{ $quiz->quiz_ar }}</td>

            <td>  @if( $quiz->enabled == 1 )
            <div class="text-center mb-2 bg-success text-white">Active</div>
              @else
              <div class="text-center mb-2 bg-danger  text-white">Inactive</div>
              @endif
               </td>
               <td>
                   <img src="{{ $quiz->picture ?  asset($quiz->picture) : asset('assets/img/default_image/default_company.png') }}" class="company-logo" alt="Logo">
               </td>
               <td>{{ $quiz->order_show }}</td>

                <td class="text-center">
                    <a href="{{ route('quizs.edit', $quiz->id) }}" class="btn btn-icon btn-info btn-sm">
                        <i class="mdi mdi-pencil-outline"></i>
                    </a>

                         <a href="{{ route('quiz.answers.list',$quiz->id) }}" class="btn btn-icon btn-primary btn-sm" title="List  filds of quiz">
                            <i class="mdi mdi-view-list"></i>
                        </a>
                </td>
            </tr>
            @empty
            <tr>
              <td colspan="5">
                <div class="alert alert-info col-md-12" role="alert">
                No secteur found !
                </div>
              </td>
            </tr>
            @endforelse
        </tbody>
    </table>
  </div>
</div>


@endsection