@extends('layouts.admin')
@section('title','Question')
@section('css')

@endsection
@section('breadcrumb', 'Question')
@section('content')
<!--main-container-part-->


<!--Action boxes-->
  <div class="container-fluid">



    <div class="row-fluid">
      <div class="span12">

        <div class="widget-box">
          <div class="widget-title"> <span class="icon"><i class="icon-ok"></i></span>
            <h5>Add Question</h5>
          </div>
          <div class="widget-content">

            <form enctype="multipart/form-data"  method="post" class="form-horizontal">
              @csrf
              <div class="control-group">
            <label class="control-label">Service :</label>
            <div class="controls">
              <select name="service"   class="span11" >
                @foreach($service as $c)
                <option value="{{$c->id}}">{{$c->serviceName}}</option>
                @endforeach
              </select>
             
            </div>
          </div>

          <div class="control-group">
            <label class="control-label">Question (EN) : </label>
            <div class="controls">
              <input type="text" name="question" value="{{$question->question}}" class="span11" >
              @if ($errors->has('question'))
                    <span for="name" generated="true" class="help-inline error">{{$errors->first('question')}}</span>
                 @endif</span>
            </div>
          </div>
          <div class="control-group">
            <label class="control-label">Question (FR) : </label>
            <div class="controls">
              <input type="text" name="fr_question" value="{{$question->fr_question}}" class="span11" >
                @if ($errors->has('fr_question'))
                  <span for="name" generated="true" class="help-inline error">{{$errors->first('fr_question')}}</span>
                @endif</span>
            </div>
          </div>

          <div class="control-group">
            <label class="control-label">Question For :</label>
            <div class="controls">
              <select name="questionfor" class="span11" >
              
                <option value="serviceprovider" {{$question->questionfor == 'serviceprovider' ? 'selected':''}}>Service Provider</option>
                <option value="users" {{$question->questionfor == 'users' ? 'selected':''}}>Users</option>
                <!-- {{$question->questionfor}} -->
              </select>
              @if ($errors->has('questionfor'))
                    <span for="name" generated="true" class="help-inline error">{{$errors->first('questionfor')}}</span>
                 @endif</span>
            </div>
          </div>

          <div class="control-group">
            <label class="control-label">Type : </label>
            <div class="controls">
              <select name="type" class="span11" >
                <option value="text" {{$question->type == 'text' ? 'selected':''}}>Text</option>
                <option value="file" {{$question->type == 'file' ? 'selected':''}}>File</option>
                <option value="radio" {{$question->type == 'radio' ? 'selected':''}}>Radio</option>
                <option value="checkbox" {{$question->type == 'checkbox' ? 'selected':''}}>Checkbox</option>
                <!-- {{$question->questionfor}} -->
              </select>
              @if ($errors->has('type'))
                    <span for="name" generated="true" class="help-inline error">{{$errors->first('type')}}</span>
                 @endif</span>
            </div>
          </div>

          @if($question->id == '')
          <div id="answer">
          <div class="control-group">
            <label class="control-label">Answer (EN) : </label>
            <div class="controls">
              <input type="text" name="answer[]"  class="span11"><i class="addmore icon-plus"></i> 
            </div>
          </div>
          </div>
          <div id="fr_answer">
          <div class="control-group">
            <label class="control-label">Answer (FR) : </label>
            <div class="controls">
              <input type="text" name="fr_answer[]"  class="span11"><i class="fr_addmore icon-plus"></i> 
            </div>
          </div>
          </div>
          @else
          <?php $ans = json_decode($question->answer);  $fr_ans = json_decode($question->fr_answer); ?>
          <div id="answer">
            @foreach($ans as $a)
              <div class="control-group">
                <label class="control-label">Answer (EN) : </label>
                <div class="controls">
                  <input type="text" name="answer[]" value="{{$a}}"  class="span11"><i class="addmore icon-plus"></i> 
                </div>
              </div>
            @endforeach
          </div>
          <div id="fr_answer">
            @foreach($fr_ans as $fa)
              <div class="control-group">
                <label class="control-label">Answer (FR) : </label>
                <div class="controls">
                  <input type="text" name="fr_answer[]" value="{{$fa}}"  class="span11"><i class="fr_addmore icon-plus"></i> 
                </div>
              </div>
            @endforeach
          </div>
          @endif
          


          @if($question->id != '')
            @method('put')
            @endif
          <div class="form-actions">
            <button type="submit" class="btn btn-success">Save</button>
          </div>
        </form>

          </div>
        </div>





    </div>


  </div>
</div>
</div>
<!--end-main-container-part-->
@endsection
@section('js')
<script>
 $(document).on("click", '.addmore', function(e) {
  hh = '<div class="control-group"> <label class="control-label">Answer (EN) : </label> <div class="controls"> <input type="text" name="answer[]" class="span11"><i class="addmore icon-plus"></i> <i class="remove icon-minus"></i> </div> </div>';
  $("#answer").append(hh);
 });

 $(document).on("click", '.fr_addmore', function(e) {
  hh = '<div class="control-group"> <label class="control-label">Answer (FR) : </label> <div class="controls"> <input type="text" name="fr_answer[]" class="span11"><i class="fr_addmore icon-plus"></i> <i class="remove icon-minus"></i> </div> </div>';
  $("#fr_answer").append(hh);
 });

 $(document).on("click", '.remove', function(e) {
    $(this).parents('.control-group').remove();
    e.stopPropagation();
});

</script>
@endsection