@extends('layouts.main')
@section('main')
    <div class="page-container">
        <div class="main-content">
            <div class="page-header">
                <h2 class="header-title">Quiz Question List</h2>
                <div class="col-lg-4 text-right" style="float: right;">
                    <a href="{{ route('quizQuestion.create') }}">
                        <button class="btn btn-primary">
                            <i class="anticon anticon-plus-circle m-r-5"></i>
                            <span>Add</span>
                        </button>
                    </a>
                </div>
            </div>

            <div class="card">
                <div class="card-body">
                    <div class="m-t-2">
                        <table id="data-table" class="table">
                            <thead>
                                <tr>
                                    <th>ID</th>
                                    <th>Question</th>
                                    <th>Options</th>
                                    <th>Answer</th>
                                    <th>Actions</th>
                                </tr>
                            </thead>
                            <tbody>
                                @php
                                    $i = 1;
                                @endphp
                                @foreach ($get_quiz_question as $quiz_question)
                                    <tr>
                                        <td>{{ isset($i) ? $i : '' }}</td>
                                        <td>{{ isset($quiz_question->question) ? $quiz_question->question : '' }}</td>
                                        <td>

                                            @foreach ($quiz_question->getQuizQuestionOption as $key => $get_option)
                                                {{ isset($get_option->option) ? $get_option->option : '' }}<br>
                                            @endforeach

                                        </td>
                                        <td>{{ isset($quiz_question->answer) ? $quiz_question->answer : '' }}</td>
                                        <td>
                                            <a href="{{ route('quizQuestion.edit', $quiz_question->id) }}">
                                                <button class="btn btn-icon btn-hover btn-sm btn-rounded pull-right">
                                                    <i class="anticon anticon-edit"></i>
                                                </button>
                                            </a>
                                            <form method="POST"
                                                action="{{ route('quizQuestion.delete', $quiz_question->id) }}"
                                                class="btn btn-icon btn-hover btn-sm btn-rounded">
                                                @csrf
                                                <input name="_method" type="hidden" value="DELETE">
                                                <a type="submit" class="show_confirm" data-toggle="tooltip"><i
                                                        class="anticon anticon-delete delete-confirm"></i>
                                                </a>
                                            </form>
                                        </td>
                                    </tr>
                                    @php
                                        $i++;
                                    @endphp
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    @endsection