@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>{{$question->id == ''?"Add": "Edit"}} Question</h5>
          </div>
          <div class="widget-content">

            <form enctype="multipart/form-data" action="{{ $question->id == ''? '' : route('question.edit', ['id'=>$question->id])}}" method="post" class="form-horizontal">
              @csrf

          <div class="control-group">
            <label class="control-label">Question (EN) : </label>
            <div class="controls">
              <input type="text" required name="question" value="{{$question->question}}" class="span11" required>
              @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" required>
                @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
                    <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>
          @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 :</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", '.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