@extends('theme.master')
@section('title', 'View Faculty Questions')
<style>
    .custom-dropdown {
        height: 50px !important;
        padding: 10px !important;
    }
</style>
@section('content')

    @include('admin.message')
    @if ($errors->any())
        <div class="alert alert-danger">
            <ul>
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif
    <section id="blog-home" class="blog-home-main-block profile_had">
        <div class="container">
            <h1 class="blog-home-heading text-white">View All Questions and Answers</h1>
        </div>
    </section>
    <section class="profile-item-block homepad p-5">
        <div class="container">
            <div class="row">
                <!-- @include('faculty.sidebar')-->
                <div class="col-xl-9 col-lg-8">
                    <div class="row align-items-center mb-2">
                        <div class="col-md-8 col-lg-8">
                        </div>
                        <div class="col-md-4 col-lg-4">
                            <div class="widgetbar">
                                <a href="{{ route('faculty.upload_question.create') }}" class="float-right btn btn-primary" >
                                    <i class="feather icon-plus mr-2"></i>Add Questions</a>
                                     <a href="{{ route('faculty.upload_pdf.create') }}" class="float-right btn btn-primary" style="float: right; margin-right: 10px;">
                                        <i class="feather icon-file-text mr-1"></i>Add PDF</a>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="table-responsive">
                            <table class="table table-striped table-bordered">
                                <thead>
                                    <tr>
                                        <th>Id</th>
                                        <th>Question</th>
                                        <th>Options</th>
                                        <th>Correct Answer With Solution</th>
                                        <th>Action</th>
                                    </tr>
                                </thead>
                                <tbody id="sortable">
                                                                        @foreach ($questions as $quiz)
                                                                                <tr class="sortable" id="id-{{ $quiz->id }}">
                                            <td>{{ $quiz->id }}</td>
                                            <td>
                                                <div style="width: 200px; height: 50px; overflow-y: scroll;">
                                                    {{ json_decode($quiz->question)->en }}
                                                </div>
                                            </td>
                                            <td>
                                                <div style="width: 200px; height: 50px; overflow-y: scroll;">
                                                    <b>A:</b> {{ html_entity_decode(strip_tags($quiz->a)) }}<br />
                                                    <b>B:</b> {{ html_entity_decode(strip_tags($quiz->b)) }}<br />
                                                    <b>C:</b> {{ html_entity_decode(strip_tags($quiz->c)) }}<br />
                                                    <b>D:</b> {{ html_entity_decode(strip_tags($quiz->d)) }}<br />
                                                </div>
                                            </td>
                                            <td>
                                                <div style="width: 200px; height: 50px; overflow-y: scroll;">
                                                    <b>Correct Answer:</b> {{ html_entity_decode(strip_tags($quiz->answer)) }}<br />
                                                    <b>Solution:</b> {{ html_entity_decode(strip_tags($quiz->solution)) }}
                                                </div>
                                            </td>
                                            <td>
                                                <a class="dropdown-item btn btn-link"
                                                    href="{{ route('faculty.upload_question.edit', $quiz->id) }}">
                                                    <i class="feather icon-edit mr-2"></i>{{ __('Edit') }}</a>
                                                <form action="{{ route('faculty.upload_question.destroy', $quiz->id) }}" method="POST">
                                                    @csrf
                                                    @method('DELETE')
                                                    <button type="submit" class="dropdown-item btn btn-link"
                                                        onclick="return confirm('Are you sure you want to delete?');">
                                                        <i class="feather icon-delete mr-2"></i>{{ __('Delete') }}
                                                    </button>
                                                </form>
                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                            {{ $questions->links() }}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection

@section('custom-script')
@endsection