@extends('layouts.master')
 @section('content')
@if ($message = Session::get('success'))

              <div class="alert alert-success" role="alert">{{ $message }}</div>
     @elseif ($message = Session::get('error'))
     <div class="alert alert-danger" role="alert">{{ $message }}</div>
     @endif
     @if ($errors->any())
         <div class="alert alert-danger">
             <ul>
                 @foreach ($errors->all() as $error)
                     <li>{{ $error }}</li>
                 @endforeach
             </ul>
         </div>
     @endif
     <style>
    .gra{
  background-image: linear-gradient(#676770, #403b3b);
  color:white;
    }
    
        div#myTable_filter {
    margin-right: 15px !important;
}

</style>
     <div class="container-fluid py-4">
         <div class="row">
             <div class="col-12">
                 <div class="card my-4">

                     <div class="card">
                         <div class="card-header pb-0">
                             <div class="d-lg-flex">
                                 <h5 class="mb-0">All Quiz</h5>
                                <div class="ms-auto my-auto mt-lg-0 mt-4">
                                     <a href="{{ route('manageQuestion.create') }}"
                                         class="btn bg-gradient-primary btn-sm mb-0">+ &nbsp; New Quiz</a>
                                 </div>
                                </div>
                 
                             
                         </div>
                         <div class="card-body px-0 pb-0">
                             <div class="table-responsive">
                                 <div class="dataTable-wrapper dataTable-loading no-footer sortable searchable fixed-columns">

                                     <div class="dataTable-container">
                                         <table class="table table-flush dataTable-table" id="myTable">
                                             <thead class="thead-light">
                                                 <tr>
                                                     <th>Quiz Name</th>
                                                     <th>Category</th>
                                                     <th>Level</th>
                                                     <th>Created On</th>
                                                     <th>Status</th>
                                                     <th>Action</th>
                                                 </tr>
                                             </thead>
                                             <tbody>
                                                 @foreach ($all_quiz as $quiz)
                                                     <tr>
                                                         <td><h6 class="ms-3 my-auto">{{ $quiz->quiz_name }}</h6></td>
                                                         <td class="text-sm" style="padding-left:25px ">{{ $quiz->category_name }}</td>
                                                         <td class="text-sm"  style="padding-left:25px ">{{ $quiz->level_name }}</td>
                                                         <td class="text-sm"  style="padding-left:25px ">{{ $quiz->created_at }}</td>
                                                         <td  style="padding-left:25px ">
                                                            @if ($quiz->status == 1)
                                                                <span class="badge badge-sm bg-gradient-success">Active</span>
                                                             @else
                                                                 <span class="badge badge-sm bg-gradient-secondary">In Active</span>
                                                         @endif
                                                         </td>
                                                         <td class="text-sm">
                                                            <div class="d-flex ">
                                                             <a href="{{route('manageQuestion.show',$quiz->quiz_id)}}" data-bs-toggle="tooltip"
                                                                 data-bs-original-title="view Quiz questions">
                                                                 <i
                                                                     class="material-icons text-secondary position-relative text-lg">visibility</i>
                                                             </a>
                                                             <a href="{{route('manageQuestion.edit',$quiz->quiz_id)}}" class="mx-3" data-bs-toggle="tooltip"
                                                                 data-bs-original-title="Edit quiz">
                                                                 <i
                                                                     class="material-icons text-secondary position-relative text-lg">drive_file_rename_outline</i>
                                                             </a>
                                                              {!! Form::open(['method'=>'DELETE',
                                                              'route' => ['manageQuestion.destroy', $quiz->quiz_id],'class'=>'form-horizontal',
                                                                'onsubmit' => 'return confirm("Are You Sure to delete this quiz ?")'])!!}

                                                                <button style="background: transparent;border: none;" type="submit" title="Delete Quiz"> <i
                                                                     class="material-icons text-secondary position-relative text-lg">delete</i></button>

                                                              {!! Form::close() !!}
                                                            </div>
                                                         </td>
                                                     </tr>
                                                 @endforeach
                                                 
                                             </tbody>

                                         </table>
                                     </div>
                                     
                                 </div>
                             </div>
                             <div class="row  container p-2">
                             {{ $all_quiz->links() }}    
                             </div>
                             
                             
                         </div>
                     </div>
                 </div>
            
                 
              

             @endsection