@extends('admin.layouts.master')

@section('headerFiles')
<title>TABC Fast | Questions</title>

<link href="{{ url('resources/assets/admin/plugins/datatables/datatables.min.css') }}" rel="stylesheet" type="text/css" />
<link href="{{ url('resources/assets/admin/plugins/datatables/plugins/bootstrap/datatables.bootstrap.css') }}" rel="stylesheet" type="text/css" />
<link href="{{ url('resources/assets/admin/css/question_modal.css') }}" rel="stylesheet" type="text/css" />
@endsection

@section('pageTitle')
@endsection

@section('content')
<div id="wait" style="z-index: 999999 !important;display:none;width:69px;height:89px;border:1px solid #fffff;position:absolute;top:50%;left:50%;padding:2px;"><img src="{{ url('uploads/demo_wait.gif') }}" width="64" height="64" /><br>Loading..</div>
<div class="row">
    <div class="col-md-12">
        @include("admin/includes/front_alerts")
    </div>
    <div class="col-md-12">
        <div class="portlet light portlet-fit portlet-datatable bordered">
            <div class="portlet-title">
                <div class="caption">
                    <i class="icon-settings font-dark"></i>
                    <span class="caption-subject font-dark sbold uppercase">Questions</span>
                </div>
                <div class="actions">
                    <div class="btn-group">
                        <a class="btn btn-sm green pull-right" id="add-btn" data-toggle="modal" href="#add-responsive"><i class="fa fa-plus"></i> <b> Add</b></a>

                    </div>
                    <div class="btn-group">
                        <a class="btn btn-sm red pull-right" onclick='doDelete()'><i class="fa fa-trash"></i> <b> Delete</b></a>
                    </div>
                </div>
            </div>
            <div class="portlet-body">

                <div class="table-container">
                    <div class="table-actions-wrapper">
                    </div>
                    {!! Form::open([ 'url' => 'admin/tests', 'id' => 'frm_test' ]) !!}

                    <input type="hidden" name="_method" value="DELETE">
                    <table class="table table-striped table-bordered table-hover table-checkable" id="test_datatable">
                        <thead>
                            <tr role="row" class="heading">
                                <th width="2%">
                                    <label class="mt-checkbox mt-checkbox-single mt-checkbox-outline">
                                        <input type="checkbox" class="group-checkable check_all" data-set="#sample_2 .checkboxes" />
                                        <span></span>
                                    </label>
                                </th>
                                <th> Sheet </th>
                                <th> Course </th>
                                <th> Questions </th>
                                <th> Created At </th>
                                <th> Added By</th>
                                <th> Status </th>
                                <th> Actions </th>
                            </tr>
                        </thead>
                        <tbody> </tbody>
                    </table>
                    {{ Form::close() }}
                </div>

            </div>
        </div>
    </div>
</div>


<div id="add-responsive" class="modal fade" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            {!! Form::open([ 'url' => 'admin/tests/create', 'id' => 'add-question']) !!}

            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                <h4 class="modal-title">Add New Question</h4>
            </div>
            <div class="modal-body">
                <div class="scroller" style="height:300px" data-always-visible="1" data-rail-visible1="1">
                    <div class="row">
                        <div class="form-alert"></div>
                        
<!--                        <div class="col-md-12 column-fix1">
                            <div class="row">
                                <div class="form-group">
                                    <label class="col-md-2 control-label">Course:</label>
                                    <div class="col-md-10">
                                        <select name="course_id" id="" class="form-control courses-list" required>
                                            <option  value="" disabled selected>Select your option</option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                        </div>-->

                        <div class="col-md-12">
                            <div class="row">
                                <div class="form-group">

                                    <label class="col-md-2 control-label">{!! Form::label('question','Question: ') !!}</label>

                                    <div class="form-group col-md-10">
                                        <textarea name="question" class="form-control" placeholder="Enter Question" rows="5" cols="40">{{ old("question") }}</textarea>
{{--                                        {{ Form::textarea('question', Input::old('name'),['class' => 'form-control','placeholder' => 'Enter Question', 'rows'=> '5', 'cols' => '40' ]) }}--}}
                                    </div>

                                </div>
                            </div>
                        </div>

                        <div class="form-group col-md-5">
                            <div class="form-group form-md-radios">
                                <label>Question Status</label>
                                <div class="md-radio-inline">
                                    <div class="md-radio">
                                        {{ Form::radio('status' ,'1' ,null,['class' => 'md-radiobtn','id' => 'active']) }}

                                        <label for="active">
                                            <span></span>
                                            <span class="check"></span>
                                            <span class="box"></span> Active
                                        </label>
                                    </div>
                                    <div class="md-radio">
                                        {{ Form::radio('status','0',null ,['class' => 'md-radiobtn','id' => 'deactive']) }}
                                        <label for="deactive">
                                            <span></span>
                                            <span class="check"></span>
                                            <span class="box"></span> Deactive 
                                        </label>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        <div class=" form-group col-md-5 pull-left">
                            <div class="form-group form-md-radios">
                                <label>Question Sheet</label>
                                <div class="md-radio-inline">
                                    <div class="md-radio">
                                        {{ Form::radio('type' ,'A' ,null,['class' => 'md-radiobtn','id' => 'sheeta']) }}
                                        <label for="sheeta">
                                            <span></span>
                                            <span class="check"></span>
                                            <span class="box"></span> Sheet A
                                        </label>
                                    </div>
                                    <div class="md-radio">
                                        {{ Form::radio('type','B',null ,['class' => 'md-radiobtn','id' => 'sheetb']) }}
                                        <label for="sheetb">
                                            <span></span>
                                            <span class="check"></span>
                                            <span class="box"></span> Sheet B 
                                        </label>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="col-md-12">
                            <div class="row">
                                <div class="col-md-offset-1 col-md-2 col-md-offset-2">
                                    <label>Answer</label>
                                </div>

                                <div class="col-md-offset-2 col-md-3">
                                    <label>Correct Options</label>
                                </div>
                                <div class="col-md-1">
                                    <label>Add/Remove</label>
                                </div>
                            </div>
                        </div>
                        <div class="field_wrapper">
                            <div class="block add_block" >
                                <div class="col-md-12">
                                    <div class="row">
                                        <div class="col-md-6 form-group">
                                            <input type="text" class="form-control answer" name="answer[0]" required>
                                        </div>
                                        <div class="col-md-offset-1 col-md-2 form-group">
                                            <label class="mt-checkbox">
                                                <input type="checkbox" name="is_correct[0]"  value="1" class="correct_ans"> 
                                                <span></span>
                                            </label>
                                        </div>
                                        <div class="col-md-1 form-group">
                                            <a onclick="addAnswer()" class="add-field"><i class="fa fa-fw fa-plus-square fa-lg"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>

            <div class="modal-footer footer-adj">
                <button type="button" data-dismiss="modal" class="btn dark btn-outline">Close</button>
                <button type="submit" class="btn green">Submit</button>
            </div>
            {!! Form::close() !!}
        </div>
    </div>
</div>


<div id="edit-responsive" class="modal fade" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            {!! Form::open([ 'url' => '', 'id' => 'edit-question']) !!}
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                <h4 class="modal-title">Edit Question</h4>
            </div>
            <div class="modal-body">
                <div class="scroller" style="height:300px" data-always-visible="1" data-rail-visible1="1">
                    <div class="row">

                        
                        <div class="form-alert"></div>
                            <input type="hidden" name="question_id" value="" >
<!--                            <div class="col-md-12 column-fix1">
                                <div class="row">
                                    <div class="form-group">
                                        <label class="col-md-2 control-label">Course: </label>
                                        <div class="col-md-10">

                                            <select name="course_id" class="form-control courses-list" required>
                                                <option  value="" disabled selected>Select your option</option>
                                            </select>
                                        </div>
                                    </div>
                                </div>
                            </div>-->
                            <input type="hidden" name="course_id" value="" >
                            
                            <div class="col-md-12">
                                <div class="row">
                                    <ul class="nav nav-tabs">
                                        <li class="active"><a data-toggle="tab" href="#quest-en">{{__('lang.en')}}</a></li>
                                        <li><a data-toggle="tab" href="#quest-es">{{__('lang.es')}}</a></li>
                                    </ul>
                                    @foreach(config('app.lang_options')??['en'] as $index=>$lang)
                                    <div id="quest-{{$lang}}" class="tab-pane fade {{$index == 0 ? ' in active':''}}">
                                        <label class="col-md-2 control-label">Question: </label>
                                        <div class="form-group col-md-10">
                                            @if($lang!='en')
                                            {{ Form::textarea('lang['.$lang.'][question][content][question]', old('lang['.$lang.'][question][content][question]') ,['class' => 'form-control ','id'=>$lang.'-question','rows'=>5,'cols'=>30]) }}
                                            @else
                                            <textarea name="question" class="form-control" placeholder="Enter Question" rows="5" cols="30">{{ old("question") }}</textarea>
                                            @endif
    {{--                                        {!! Form::textarea('question', Input::old('name'),['class' => 'form-control','placeholder' => 'Enter Question', 'rows'=> '5', 'cols' => '30' ]) !!} --}}
                                        </div>
                                    </div>
                                    @endforeach
                                </div>
                            </div>

                        <div class="form-group col-md-5">
                            <div class="form-group form-md-radios">
                                <label>Question Status</label>
                                <div class="md-radio-inline">
                                    <div class="md-radio">
                                        {{ Form::radio('status' ,'1' ,null,['class' => 'md-radiobtn','id' => 'Active']) }}
                                        <label for="Active">
                                            <span></span>
                                            <span class="check"></span>
                                            <span class="box"></span> Active
                                        </label>
                                    </div>
                                    <div class="md-radio">
                                        {{ Form::radio('status','0',null ,['class' => 'md-radiobtn','id' => 'Disable']) }}
                                        <label for="Disable">
                                            <span></span>
                                            <span class="check"></span>
                                            <span class="box"></span> Deactive 
                                        </label>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class=" form-group col-md-5 pull-left">
                            <div class="form-group form-md-radios">
                                <label>Question Sheet</label>
                                <div class="md-radio-inline">
                                    <div class="md-radio">
                                        {{ Form::radio('type' ,'A' ,null,['class' => 'md-radiobtn','id' => 'sheetA']) }}
                                        <label for="sheetA">
                                            <span></span>
                                            <span class="check"></span>
                                            <span class="box"></span> Sheet A
                                        </label>
                                    </div>
                                    <div class="md-radio">
                                        {{ Form::radio('type','B',null ,['class' => 'md-radiobtn','id' => 'sheetB']) }}
                                        <label for="sheetB">
                                            <span></span>
                                            <span class="check"></span>
                                            <span class="box"></span> Sheet B 
                                        </label>
                                    </div>
                                </div>
                            </div>
                        </div>  
                    
                        <div class="col-md-12">
                            <ul class="nav nav-tabs">
                                <li class="active"><a data-toggle="tab" href="#assessment-ans-en">{{__('lang.en')}}</a></li>
                                <li><a data-toggle="tab" href="#assessment-ans-es">{{__('lang.es')}}</a></li>
                            </ul>
                        </div>
                        
                        @foreach(config('app.lang_options')??['en'] as $index=>$lang)
                        
                        <div class="col-md-12">
                            @if($lang=='en')
                            <div class="row">
                                <div class="col-md-offset-1 col-md-2 col-md-offset-2">
                                    <label>Answer</label>
                                </div>

                                <div class="col-md-offset-2 col-md-3">
                                    <label>Correct Options</label>
                                </div>

                                <div class="col-md-1">
                                    <label>Add/Remove</label>
                                </div>
                            </div>
                             @endif
                        </div>
                       
                        <div  id="assessment-ans-{{$lang}}" class="tab-pane fade {{$index == 0 ? ' in active':''}}">
                            @if($lang!='en')
                                <div class="{{$lang}} field_wrapper_lang" data-lang="{{$lang}}">
                                            
                                </div>
                            @else
                                <div class="field_wrapper">
                                    <div class="block">
                                        <div class="col-md-12">
                                            <div class="row">
                                                <div class="col-md-6 form-group">
                                                    <input type="text" class="form-control answer" name="answer[0]" required>
                                                </div>
                                                <div class="col-md-offset-1 col-md-2 form-group">
                                                    <label class="mt-checkbox">
                                                        <input type="checkbox" name="is_correct[0]" value="1" class="correct_ans" ><span></span>
                                                    </label>
                                                    
                                                     
                                                </div>
                                                <div class="col-md-1 form-group">
                                                    
                                                    <a class="add-field" onclick="addAnswer()"><i class="fa fa-fw fa-plus-square fa-lg"></i></a>
                                                    
                                                   
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            @endif
                        </div>
                        @endforeach

                    </div>
                </div>
            </div>

            <div class="modal-footer footer-adj">
                <button type="button" data-dismiss="modal" class="btn dark btn-outline">Close</button>
                <button type="submit" class="btn green">Update</button>
            </div>
            {!! Form::close() !!}
        </div>
    </div>
</div>






@endsection

@section('footerScripts')
<script src="{{url ('resources/assets/admin/js/datatable.min.js') }}" type="text/javascript"></script>
<script src="{{url ('resources/assets/admin/plugins/datatables/datatables.min.js') }}" type="text/javascript"></script>
<script src="{{url ('resources/assets/admin/plugins/datatables/plugins/bootstrap/datatables.bootstrap.js') }}" type="text/javascript"></script>
<script>   var Globals =