@extends('admin.layout')
@section('content')
<style type="text/css">

.quiz-ser label {
    font-size: 15px;
}
	.required-mark
	{
		color: red;
	}
	hr {
		margin-left: 15px;
		margin-bottom:-3px;
	}
	.hr-primary{
		border: 1px solid #3c8dbc;
	}
	.bootstrap-select.btn-group .dropdown-menu li {
	    border-bottom: 1px solid #6c6c6cde;
	}	
	.my-current
	{
		color: #00c0ef;
	}
</style>
<div class="search-list">
	<div class="content-wrapper search-result-list"> 	
  <section class="content-header">
    <h1> {{ trans('Update Question') }} <small></small> </h1>
    <ol class="breadcrumb">
      <li><a href="{{ URL::to('admin/dashboard/this_month')}}"><i class="fa fa-dashboard"></i> {{ trans('labels.breadcrumb_dashboard') }}</a></li>
      <li class="active">{{ trans('Update Question') }}</li>
    </ol>
  </section>
  <section class="content"> 
	@php
		$getUserRoleData = userRoleData();
		$LeadSources		= explode(",",$getUserRoleData->LeadSources);
	@endphp

    <div class="row quiz-ser">
      <div class="col-md-12">
        <div class="box box-info"> 
          <div class="box-body">
            <div class="row">
              <div class="col-xs-12">
              		<div class="">                        
						<div class="row">
							@if(session()->has('message'))
								<div class="alert alert-success alert-dismissible">
								   <button aria-hidden="true" data-dismiss="alert" class="close" type="button">×</button>
								   <h4><i class="icon fa fa-check"></i> {{ trans('labels.Successlabel') }}</h4>
									{{ session()->get('message') }}
								</div>
							@endif
							@if(session()->has('error'))
								<div class="alert alert-warning alert-dismissible">
								   <button aria-hidden="true" data-dismiss="alert" class="close" type="button">×</button>
								   <h4><i class="icon fa fa-warning"></i> {{ trans('labels.WarningLabel') }}</h4>
									{{ session()->get('error') }}
								</div>
							@endif
						</div>
                         <div class="box-body">			 	
                        {!! Form::open(array('url' => route('check-quiz-info-for-update', [$result['questiondata'][0]['quiz_type']]), 'method'=>'post', 'class' => 'form-horizontal', 'id' => 'updateLeadSources', 'enctype'=>'multipart/form-data')) !!}
                        		@php $i=1; @endphp
                        			 <h5></h5>
                        			 {!! Form::hidden('totalqution',count($result['questiondata']), array('class'=>'form-control', 'id'=>'totalqution' )) !!}
                         		<div class="form-group">
                        	 <label for="quiz_name" class="col-sm-2 col-md-2 control-label">{{ trans('Quiz Name') }}  <span class="required-mark">*</span></label>
                        	 <div class="col-sm-10 col-md-10">
                           {!! Form::text('quiz_name',$result['questiondata'][0]['quiz_type'], array('class'=>'form-control', 'id'=>'quiz_name'.$i,'required'=>'required' )) !!}
                         </div></div>
                         @foreach($result['questiondata'] as $val) 
                         {!! Form::hidden('Qid'.$i,$val['id'], array('class'=>'form-control', 'id'=>'Qid'.$i )) !!}
								<div class="form-group">
									<label for="name" class="col-sm-2 col-md-2 control-label">{{ trans('Question Title') }}  <span class="required-mark">*</span></label>
									<div class="col-sm-10 col-md-10">
										{!! Form::text('question_name'.$i,  $val['question_name'], array('class'=>'form-control', 'id'=>'question_name'.$i, 'required'=>'required')) !!}
									</div>
								</div>
								@php $answers=explode("|",$val['answer_options']);@endphp
								 <div class="form-group">
                                  <label for="A" class="col-sm-2 control-label">{{ trans('A') }}  <span class="required-mark">*</span></label>
                                  <div class="col-sm-4 col-md-4">
                                    {!! Form::text('A'.$i,$answers['0'], array('class'=>'form-control', 'id'=>'A'.$i, 'required'=>'required')) !!}
                                  </div>
                                   <label for="B" class="col-sm-1 control-label">{{ trans('B') }}  <span class="required-mark">*</span></label>
                                  <div class="col-sm-5 col-md-5">
                                    {!! Form::text('B'.$i,$answers['1'], array('class'=>'form-control', 'id'=>'B'.$i, 'required'=>'required')) !!}
                                  </div>
                                </div>
                                <div class="form-group">
                                  <label for="C" class="col-sm-2 control-label">{{ trans('C') }}  <span class="required-mark">*</span></label>
                                  <div class="col-sm-4 col-md-4">
                                    {!! Form::text('C'.$i,$answers['2'], array('class'=>'form-control', 'id'=>'C'.$i, 'required'=>'required')) !!}
                                  </div>
                                   <label for="D" class="col-sm-1 control-label fs-1">{{ trans('D') }}  <span class="required-mark">*</span></label>
                                  <div class="col-sm-5 col-md-5">
                                    {!! Form::text('D'.$i,$answers['3'], array('class'=>'form-control', 'id'=>'D'.$i, 'required'=>'required')) !!}
                                  </div>
                                </div>
                                <div class="form-group">
                                  <label for="name" class="col-sm-2 col-md-2 control-label ">{{ trans('Correct Answer') }}  <span class="required-mark">*</span></label>
                                  <div class="col-sm-10 col-md-4">@php $ans=$val['answer'];  @endphp
                                    <select name="Answer{{$i}}" class="form-control">
                                    	<option value="">Select Answer</option>
                                    	<option  value="A" @php if($ans=='A') echo"selected"; @endphp >A</option>
                                    	<option value="B" @php if($ans=='B') echo"selected"; @endphp>B</option>
                                    	<option value="C"  @php if($ans=='C') echo"selected"; @endphp>C</option>
                                    	<option value="D" @php if($ans=='D') echo"selected"; @endphp>D</option>
                                    	
                                    </select>
                                  </div>
                                  <a onClick="return confirm('Are you sure!')" href="{{route('quiz-question-delete', ['id' =>$val['id'] ])}}" class=" btn btn-danger btn-xs" style="margin-bottom:10px; float: right;"><i class="fa fa-trash"></i> Delete</a>
                                </div>
                                @php $i++; @endphp
                                 @endforeach
                                 <!--add dynamic field-->
                                 <div class="container1 text-right"></div>
                                 
 <!--add dynamic field-->

                              <div class="text-center">
                                <button class="add_form_field btn btn-primary">Add New Field &nbsp; 
                    <span style="font-size:16px; font-weight:bold;">+ </span></button>
                                <button type="submit" class="btn btn-primary">{{ trans('Submit') }}</button>
                                <a href="{{URL('admin/quizs-questions')}}" type="button" class="btn btn-primary">{{ trans('labels.back') }}</a>
                              </div>
                        	{!! Form::close() !!}	
                      </div>
                  </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
</div>
</div>
<script src="{!! asset('assets/admin/plugins/jQuery/jQuery-2.2.0.min.js') !!}"></script>
<script src="{!! asset('assets/admin/plugins/validate/jquery.validate.js') !!}"></script>
<script src="{!! asset('assets/admin/plugins/validate/additional-methods.js') !!}"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.10.0/js/bootstrap-select.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.10.0/css/bootstrap-select.min.css" rel="stylesheet" />
<script type="text/javascript">
	
	$(document).ready(function() {
    var max_fields = 50;
    var wrapper = $(".container1");
    var add_button = $(".add_form_field");
    var x = {{$i-1}};
      
     $(add_button).click(function(e) {
        e.preventDefault();
        if (x < max_fields) {
         x++;
         $("#totalqution").val(x);
      
            $(wrapper).append('<div>	<div class="form-group"><label for="name" class="col-sm-2 col-md-2 control-label">{{ trans('Question Title') }}  <span class="required-mark">*</span></label><div class="col-sm-10 col-md-10"><input type="text" name="question_name'+x+'" class="form-control" id="question_name'+x+ '" "required"></div></div><div class="form-group"><label for="A" class="col-sm-2 control-label">{{ trans('A') }}  <span class="required-mark">*</span></label><div class="col-sm-4 col-md-4"><input typle="text" class="form-control" id="A'+x+'" name="A'+x+'" required></div><label for="B" class="col-sm-1 control-label">{{ trans('B') }}  <span class="required-mark">*</span></label><div class="col-sm-5 col-md-5"><input typle="text" class="form-control" id="B'+x+'" name="B'+x+'" required> </div></div> <div class="form-group"><label for="C" class="col-sm-2 control-label">{{ trans('C') }}  <span class="required-mark">*</span></label><div class="col-sm-4 col-md-4"> <input typle="text" class="form-control" id="C'+x+'" name="C'+x+'" required></div> <label for="D" class="col-sm-1 control-label">{{ trans('D') }}  <span class="required-mark">*</span></label><div class="col-sm-5 col-md-5"> <input typle="text" class="form-control" id="D'+x+'" name="D'+x+'" required></div></div> <div class="form-group"><label for="name" class="col-sm-2 col-md-2 control-label">{{ trans('Correct Answer') }}  <span class="required-mark">*</span></label><div class="col-sm-10 col-md-4">@php $ans='+x+'  @endphp<select name="Answer'+x+'" class="form-control"><option value="">Select Answer</option><option  value="A" @php if($ans=='A') echo"selected"; @endphp >A</option><option value="B" @php if($ans=='B') echo"selected"; @endphp>B</option><option value="C"  @php if($ans=='C') echo"selected"; @endphp>C</option><option value="D" @php if($ans=='D') echo"selected"; @endphp>D</option></select></div></div><a href="#" class="delete btn btn-danger btn-xs" style="margin-bottom:10px;"><i class="fa fa-trash"></i> Delete</a></div>'); 
        } else {
            alert('You Reached the limits')
        }
    });

    $(wrapper).on("click", ".delete", function(e) {
        e.preventDefault();
        $(this).parent('div').remove();
        x--;
    })
});
</script>
@endsection