@extends('layout.app')


@section('content')
   <!-- Content Wrapper. Contains page content -->
   <div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <div class="content-header">
      <div class="container-fluid">
        <div class="row mb-2">
          <div class="col-sm-6">
            <h1 class="m-0">Categories</h1>
          </div><!-- /.col -->
          <div class="col-sm-6">
            <ol class="breadcrumb float-sm-right">
              <li class="breadcrumb-item"><a href="#">Home</a></li>
              <li class="breadcrumb-item active">Question List</li>
            </ol>
          </div><!-- /.col -->
        </div><!-- /.row -->
      </div><!-- /.container-fluid -->
    </div>
    <!-- /.content-header -->

    <!-- Main content -->
    <div class="content">
      <div class="container-fluid">
      <div class="row">
          <div class="col-12">
            <div class="card">
              <div class="card-header">
                <h3 class="card-title">MCQ's</h3>
                <div align="right">
                    <a href="{{route('question.create')}}" class="btn btn-primary btn-sm">Add Question</a>
                    <a href="{{route('question.uploadcsv')}}" class="btn btn-primary btn-sm">Import Questions</a>
                </div>
               
              </div>
              <!-- /.card-header -->
              @if (session('success'))
                  <div class="alert alert-success">
                      {{ session('success') }}
                  </div>
              @endif
              @if (session('error'))
                  <div class="alert alert-danger">
                      {{ session('error') }}
                  </div>
              @endif
              @foreach ($questions as $question)
                  <h4>Question: {{ $question->question }}   <a href="{{ route('quiz.edit', $question->id) }}">
                    <img src="{{asset('assets/images/edit.png')}}" style="width:20px"></a>
                    <form action="{{ route('question.destroy', $question->id) }}" method="POST" onsubmit="return confirm('Are you sure you want to delete this question and its choices?')">
                      @csrf
                      @method('DELETE')
                      <button type="submit" class="btn btn-danger">Delete</button>
                  </form>
                  </h4>
                  <p>Category: {{ $question->category->name }}</p>

                  <h4>Choices:</h4>
                  <ul>
                      @foreach ($question->choices as $choice)
                          <li>{{ $choice->choice }} @if($choice->is_correct ==1) @php echo '&#10003;'; @endphp @endif</li>
                      @endforeach
                  </ul>

                  <hr>
              @endforeach
              <div class="row">
              <div class="col">
                  {{ $questions->links() }}
              </div>
            </div>
            <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
</body>
              <!-- /.card-body -->
            </div>
            <!-- /.card -->
          </div>
        </div>
        <!-- /.row -->
      </div><!-- /.container-fluid -->
    </div>
    <!-- /.content -->
  </div>
  <!-- /.content-wrapper -->
        


@endsection