@extends('layouts.master', ['title' => 'Exams'])
@section('content')
<div class="content-wrapper">
    <div class="row">
    <div class="col-lg-12 grid-margin stretch-card">
              <div class="card">
                <div class="card-body">
                    <h3 class="card-title">Exams</h3>
                
                <div class="float-left">
                </div>
                <div class="float-right">
                @if(auth()->user()->hasPermission('exams.create'))
                  <a href="{{ route('exams.create') }}"><button class="btn btn-success">Add New Exam</button></a>
                @endif
                </div>
                  <div class="table-responsive pt-3">
                  @if(session()->has('success'))
                    <div class="alert alert-success">
                        {{ session()->get('success') }}
                    </div>
                    @endif

                    @if(session()->has('error'))
                    <div class="alert alert-danger">
                        {{ session()->get('error') }}
                    </div>
                    @endif
                    <table class="table table-bordered mb-2">
                      <thead>
                        <tr>
                          <th>S No.</th>
                          <th>Exam Name</th>
                          <th>No. of Questions</th>
                          <th>Max Time Allowed</th>
                          <th>Marks per question</th>
                          <th>Created Date</th>
                          <th>Action</th>
                        </tr>
                      </thead>
                      <tbody>
                        @foreach ($exams as $exam)
                      <tr>
                          <td>{{ $loop->iteration }}</td>
                          <td>{{$exam->examname}}</td>
                          <td>{{$exam->no_of_questions}}</td>
                          <td>{{ \Carbon\CarbonInterval::seconds($exam->max_time_allowed)->cascade()->forHumans() }}</td>

                          <td>{{$exam->marks_per_question}}</td>
                          <td>{{date_format($exam->created_at, 'd-m-Y')}}</td>
                          <td>
                          @if(auth()->user()->hasPermission('exams.edit'))
                            <a href="{{route('exams.edit', ['exam' => $exam->id])}}"> <i class="mdi mdi-grease-pencil"></i> </a>
                          @endif
                          @if(auth()->user()->hasPermission('exams.delete'))
                            <a href="#">
                              <i class="mdi mdi-window-close text-danger" data-bs-toggle="modal" data-bs-target="#myModal_{{$loop->iteration}}"></i></a>
                          @endif
                              <!-- The Modal -->
                              <div class="modal" id="myModal_{{$loop->iteration}}">
                                <div class="modal-dialog">
                                  <div class="modal-content">
          
                                    <!-- Modal Header -->
                                    <div class="modal-header">
                                      <h4 class="modal-title">Delete</h4>
                                      <button type="button" class="close" data-bs-dismiss="modal">
                                        <span aria-hidden="true">&times;</span>
                                      </button>
                                    </div>
          
                                    <!-- Modal body -->
                                    <div class="modal-body">
                                      Are you sure you want to delete this {{$exam->examname}} exam?
                                    </div>
          
                                    <!-- Modal footer -->
                                    <div class="modal-footer">
                                      <button type="button" class="btn btn-success" data-bs-dismiss="modal">Close</button>
                                      <a href="{{route('exams.delete', ['exam' => $exam->id])}}"
                                        class="btn btn-danger">
                                        Delete </a>
                                    </div>
          
                                  </div>
                                </div>
                              </div>


                          </td>

                        </tr>
                      @endforeach
                      </tbody>
                    </table>             
                    {{ $exams->links() }}
                  </div>
                </div>
              </div>
            </div>
    </div>

</div>
@endsection