@extends('admin.layouts.admin')

@section('content')
<!-- Page Content-->
<div class="page-content-tab">
    <div class="container-fluid">
        <!-- Page-Title -->
        <div class="row">
            <div class="col-sm-12">
                <div class="page-title-box">
                    <h4 class="page-title">Questions</h4>
                </div>
                <!--end page-title-box-->
            </div>
            <!--end col-->
        </div>
        <!--end row-->

        <!-- end page title end breadcrumb -->
        @if(session('alert-green'))
        <div class="alert alert-success mt-3 text-center">
            {{ session('alert-green') }}
        </div>


        @elseif(session('alert-danger'))
        <div class="alert alert-danger mt-3 text-center">
            {{ session('alert-danger') }}
        </div>

        @elseif($errors->any())
        <div class="row">
            <div class="col-md-12 mb-5">
                @foreach ($errors->all() as $error)
                <div class="text-danger small mb-1">* {{$error}}</div>
                @endforeach
            </div>
        </div>
        @endif


        {{ session('status') }}
        <div class="row">
            <div class="col-sm-12">
                <div class="card">
                    <div class="card-body">
                        <h4 class="mt-0 mb-0 header-title">Filter</h4>
                        <p class="text-muted mb-3">Search Question</p>
                        <form class="form-horizontal form-wizard-wrapper">
                            <div class="row">

                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label class="text-bold-600 text-uppercase">Question</label>
                                        {{Form::text('question',request('question'),['class'=>'form-control','placeholder'=>'Question'])}}
                                    </div>
                                </div>

                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label class="mb-2 text-bold-600 text-uppercase"> Question type </label>
                                        {{Form::select('question_type',array('select' => 'Select', 'multiselect' => 'Multiselect', 'radio' => 'Radio'), request('question_type'),['class'=>'form-control select2','placeholder'=>'Select Type'] )}}
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label class="text-bold-600 text-uppercase">Status</label>
                                        {{Form::select('status',array('Active' => 'Active', 'Inactive' => 'Inactive'), request('status'),['class'=>'form-control select2','placeholder'=>'Select Type'] )}}
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="form-group">
                                        <a href="{{route('admin.questions')}}"
                                            class="btn btn-danger waves-effect waves-light mr-2 mt-4">
                                            <i class="ti-reload mr-2"></i>Clear
                                        </a>
                                        <button type="submit" class="btn btn-primary waves-effect waves-light mt-4">
                                            <span class="btn-text"><i class="ti-search mr-2"></i>Filter Now</span>
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </form>
                        <!--end form-->
                    </div>
                    <!--end card-body-->
                </div>
                <!--end card-->
            </div>
            <!--end col-->
        </div>
        <!--end row-->
        <div class="row">
            <div class="col-sm-12">
                <div class="card">
                    <div class="card-body">
                        {{-- <button type="submit" class="btn btn-danger  btn-sm mt-0 mb-3 deleteMultiple" data-toggle="modal" data-target="#ModalMultipleDelete"> <i class="fa fa-trash mr-2"></i>Delete Selected</button>  
                  <button type="submit" class="btn btn-info  btn-sm mt-0 mb-3 inactiveMultiple" data-toggle="modal" data-target="#ModalMultipleInactive"> <i class="fa fa-ban mr-2"></i>Inactive Selected</button> 
                  <button type="submit" class="btn btn-info  btn-sm mt-0 mb-3 activeMultiple" data-toggle="modal" data-target="#ModalMultipleActive"> <i class="fa fa-thumbs-up mr-2"></i>Active Selected</button> --}}



                        <div class="row">
                            <div class="col-lg-6 col-sm-6">
                                <h4 class="mt-0 mb-0 header-title">Questions (<span
                                        class="text-primary">{{$question_answers->total()}}</span>)
                                </h4>
                            </div>
                            <div class="col-lg-6 col-sm-6 text-right">
                                <a href="{{ route('admin.question.create') }}">
                                    <button class="btn btn-primary btn-sm mt-0 mb-3  px-3">
                                        <i class="fa fa-plus mr-2"></i>Add Question
                                    </button>
                                </a>
                            </div>
                        </div>
                        <!-- end row -->


                        <div class="table-responsive">
                            <table id="datatable" class="table table-bordered dt-responsive nowrap w-100">
                                <thead>
                                    <tr>
                                        <th>SN</th>
                                        <th>Question</th>
                                        <th>Answer Parameter</th>
                                        <th>Right Answer Parameter</th>
                                        <th>Type</th>
                                        <th>Status</th>
                                        <th>Action</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @if($question_answers->count()>0)
                                    @foreach($question_answers as $question_answer)
                                    <tr>
                                        <td>{{ $question_answer->id }}</td>
                                        <td>{{ $question_answer->question }}</td>
                                        <td>
                                            @php
                                            $question_answer->ans_parameter =
                                            array_keys(json_decode($question_answer->ans_parameter, true) ?? array() )
                                            @endphp
                                            {{ is_array($question_answer->ans_parameter) ? implode(',',$question_answer->ans_parameter) : $question_answer->ans_parameter }}
                                        </td>
                                        <td>@php
                                            $question_answer->right_answer_parameter =
                                            array_keys(json_decode($question_answer->right_answer_parameter,
                                            true) ?? array() )
                                            @endphp
                                            {{ is_array($question_answer->right_answer_parameter) ? implode(',',$question_answer->right_answer_parameter) : $question_answer->right_answer_parameter }}
                                        </td>
                                        <td>{{ ucfirst($question_answer->question_type)  }}</td>
                                        <td>{{ $question_answer->status  }}</td>

                                        <td class="">

                                            <a href="/admin/question/edit/{{$question_answer->id}}"
                                                class="btn btn-xs btn-warning mr-2" title="Edit">
                                                <i data-feather="edit" class="mr-0 font-16"></i>
                                            </a>
                                        </td>
                                    </tr>@endforeach

                                    @else
                                    <tr>
                                        <td colspan="9" class="text-center">No Records Found !!</td>
                                    </tr>
                                    @endif
                                </tbody>
                            </table>

                        </div>
                        <!--end /tableresponsive-->
                        {{-- Pagination --}}
                        <div class="row align-items-center mt-3 mb-0">
                            <div class="col-lg-6 col-sm-12">
                                <p class="mb-0">Showing