@extends('admin.layouts.container')

@section('content')

@php $lang = getCurrentLocale(); @endphp

<div class="side-title">
    <h3>{{ $head ?? '' }}</h3>
    
</div>

<div class="border-item">
    <form class="form-row" id="form" method="post" action="{{ $action }}">

        @if($exam ?? ''  && $exam->id)
            @method('PUT')
        @endif
        @CSRF
         
        <div class="form-group col-lg-6">
            <label>{{  __('exams.name') }} </label>
            <input type="text" class="form-control {{ $errors->has('name') ? 'is-invalid' : '' }}" name="name" id="name" placeholder="{{ __('exams.name') }}" value='{{ old("name", $exam->name ?? "") }}'/>
        </div>

         <div class="form-group col-lg-6">
            <label>{{  __('exams.course_name') }} </label>
           <select class="form-control" name="course_id">
           	@foreach($courses as $course)
           	<option value="{{$course['id']}}" 
            @isset($exam)
            @if($course['id'] == $exam->course_id)
            selected="" 
            @endif
            @endisset
            >{{$course['name']}}</option>
           @endforeach
       </select>
        </div>
        

      
       

@if(!($exam ?? ''  && $exam->id))
  <div class="col-md-12" id="all">
                        <h6>{{__('questions.questionanswer') }}</h6>
                       <input type="hidden" name="questioncount" value="0">
                        <table id="pricing-list-container" style="width:100%;" >
                        	<tbody id="body">
                        	   
                        	  
                            <tr class="pricing-list-item" id="question0">
                                
                                <td id="question">
                                   <div id="questions">
                               <h6>{{__('questions.question') }}</h6>
                                <table id="question0" data-id="0" style="width:100%;"  >
 <a style="float:right;font-size:25px;margin-top:-20px;cursor: pointer;" data-id="0" onclick="removequestion(this)"><i  class="fas fa-times-circle" ></i></a>
                                    <tbody id="answernum0">
                                       <tr class="pricing-list-item" id="rowsdata">
                                        <td>
                                            <div class="row">
                                                <div class="col-md-6">
                                                    <div class="form-group">
                                                        <input type="text" class="form-control" name="question[0][question]" id="question_0_question" placeholder="{{__('questions.question')}}">
                                                    </div>
                                                </div>
                                               <div class="col-md-6">
                                                   <input type="number" class="form-control" name="question[0][score]" id="question_0_score" placeholder="{{__('questions.score')}}">
                                                </div>
                                            </div>
                                        </td>
                                    </tr>
                                    
                                 <input type="hidden" id="" value="0">
                                 <div id="rowsdata0">
                                    <tr class="pricing-list-item" id="data00">
                                        <td>
                                           
                                           <div class="row" id="questiondata">
                                                <div class="col-md-6" >
                                                    <div class="form-group">
                                                        <input type="text" class="form-control" name="question[0][answer][0][answer]" id="question_0_answer_0_answer" placeholder="{{__("questions.answer")}}">
                                                    </div>
                                                </div>
                                            <div class="col-md-1">
                                               <input type="checkbox" style="width:40px;margin-top:5px;height:35px;" name="question[0][answer][0][check]">
                                              
                                            </div>
                                            <div class="col-md-1">
                     <a style="font-size:25px;margin-top:5px;cursor: pointer;" row-id="0" data-id="0" onclick="removeanswer(this)"><i  class="fas fa-times-circle" ></i></a>
                                            </div>
                                        </td>
                                        
                                    </tr>
                                  
                                    </div>
                                   
                                    
                                
                            </div>  
                            </tbody>
                             
                                </table>
                                <a style="cursor: pointer;" id="0" row-id="0" data-id="0" onclick="addanswer(this)" class="btn_1 gray"><i class="fa fa-fw fa-plus-circle"></i>{{__('questions.add_item')}}</a>
                                      </div>
                                    </div>
                                </td>
                            </tr>
                            
                        </tbody>
                         
                        </table>
                         <a style="cursor: pointer;float:right;" id="0"  data-id="0" onclick="addquestion(this)" class="btn_1 gray"><i class="fa fa-fw fa-plus-circle"></i>{{__('questions.add_question')}}</a>
                                
                    </div>
                    @else
                    <div class="col-md-12">
                        <h6>{{__('questions.questionanswer') }}</h6>
                       <input type="hidden" name="questioncount" value="0">
                        <table id="pricing-list-container" style="width:100%;" >
                        	<tbody id="body">
                        	   
                        	  @foreach($questions as $key=>$row)
                            <tr class="pricing-list-item" id="question{{$key}}">
                                
                                <td id="question">
                                   <div id="questions">
                               <h6>{{__('questions.question') }}</h6>
                                <table id="question{{$key}}" data-id="{{$key}}" style="width:100%;"  >
 <a style="float:right;font-size:25px;margin-top:-20px;cursor: pointer;" data-id="{{$key}}" onclick="removequestion(this)"><i  class="fas fa-times-circle" ></i></a>
                                    <tbody id="answernum{{$key}}">
                                       <tr class="pricing-list-item" id="rowsdata">
                                        <td>
                                            <div class="row">
                                                <div class="col-md-6">
                                                    <div class="form-group">
                                                        <input type="text" class="form-control" name="question[{{$key}}][question]" placeholder="{{__('questions.question')}}" value="{{$row->question}}">
                                                    <input type="hidden" class="form-control" name="question[{{$key}}][id]" value="{{$row->id}}">
                                                    
                                                    </div>
                                                </div>
                                               <div class="col-md-6">
                                                   <input type="number" class="form-control" name="question[{{$key}}][score]" placeholder="{{__('questions.score')}}"value="{{$row->score}}">
                                                </div>
                                            </div>
                                        </td>
                                    </tr>
                                    
                                 <input type="hidden" id="" value="{{$key}}">
                                 <div id="rowsdata{{$key}}">
                                     
                                     @foreach($row->answers as $key_answer=>$answer)
                                    <tr class="pricing-list-item" id="data{{$key.$key_answer}}">
                                        <td>
                                           
                                           <div class="row" id="questiondata">
                                                <div class="col-md-6" >
                                                    <div class="form-group">
                                                        <input type="text" class="form-control" name="question[{{$key}}][answer][{{$key_answer}}][answer]" placeholder="{{__("questions.answer")}}" value="{{$answer->answer}}">
                                                   <input type="hidden" class="form-control" name="question[{{$key}}][answer][{{$key_answer}}][id]" value="{{$answer->id}}">
                                                    </div>
                                                </div>
                                            <div class="col-md-1">
                                               <input type="checkbox" style="width:40px;margin-top:5px;height:35px;" @if($answer->type == '1') checked @endif   name="question[{{$key}}][answer][{{$key_answer}}][check]">
                                              
                                            </div>
                                            <div class="col-md-1">
                     <a style="font-size:25px;margin-top:5px;cursor: pointer;" row-id="{{$key_answer}}" data-id="{{$key}}" onclick="removeanswer(this)"><i  class="fas fa-times-circle" ></i></a>
                                            </div>
                                        </td>
                                        
                                    </tr>
                                    @endforeach
                                  
                                    </div>
                                   
                                    
                                
                            </div>  
                            </tbody>
                             
                                </table>
                                <a style="cursor: pointer;" id="{{$key}}" row-id="{{$key}}" data-id="{{$key_answer}}" onclick="addanswer(this)" class="btn_1 gray"><i class="fa fa-fw fa-plus-circle"></i>{{__('questions.add_item')}}</a>
                                      </div>
                                    </div>
                                </td>
                            </tr>
                            @endforeach
                            
                        </tbody>
                         
                        </table>
                         <a style="cursor: pointer;float:right;" id="{{$questions->count()}}"  data-id="{{$questions->count()}}" onclick="addquestion(this)" class="btn_1 gray"><i class="fa fa-fw fa-plus-circle"></i>{{__('questions.add_question')}}</a>
                                
                    </div>
                    
     @endif


        <div class="text-center mt-5 col-12">
            <button class="butn" @if(!($exam ?? ''  && $exam->id)) onclick="store()" @else onclick="update()" @endif ><span>{{ __('dashboard.save') }}</span></button>
        </div>
    </form>
</div>

@endsection

@section('inner_js')
    <!-- Editor JS files -->
    <script type="text/javascript">
 
     
    </script>
     
   
  {{--    <script src="{{ asset('/assets/admin/js/lib/tinymce.min.js') }}"></script>--}}
            <script src="//cdn.tinymce.com/4/tinymce.min.js"></script>
    <script>
        let route_prefix = "{{ url(config('lfm.prefix')) }}",
            url = "{{url('/')}}/",
            imagePath = "{{asset('')}}";
            url_addquestion = {!! json_encode(url($lang.'/admin/numquestions')) !!}
            url_addanswer = {!! json_encode(url($lang.'/admin/numrows')) !!}
    </script>
    
    
    <script src="{{ asset('assets/admin/js/addquestion.js') }}"></script>
    <script src="{{ asset('assets/admin/js/editor.js') }}"></script>
    <script src="{{ asset('assets/admin/js/lfm.js') }}"></script>
@endsection