@extends('admin.layouts.master') 
@section('content')
<style>
  .select2-container--default .select2-selection--multiple .select2-selection__choice {
      background-color: #007bff;
  }
</style>
<div class="content-header">
      <div class="container-fluid">
        <div class="row mb-2">
          <div class="col-sm-6" >
            <h1 class="m-0 text-dark">Question</h1>
          </div><!-- /.col -->
          <div class="col-sm-6">
            <ol class="breadcrumb float-sm-right">
              <li class="breadcrumb-item"><a href="{{asset('admin')}}">Home</a></li>
              <li class="breadcrumb-item active"><a href="{{asset(route('questionnaire'))}}">Question</a></li>
            </ol>
          </div><!-- /.col -->
        </div><!-- /.row -->
      </div><!-- /.container-fluid -->
    </div>
  <div class="container-fluid">
    @if(session()->has('success'))
      <div class="alert alert-success">
        {{ session()->get('success') }}
       </div>
    @endif
    @if(session()->has('error'))
      <div class="alert alert-success">
        {{ session()->get('error') }}
      </div>
    @endif
        <div class="row">
          <div class="col-md-12">
            <div class="card card-primary">
              <div class="card-header">
                <h3 class="card-title">Add Question</h3>
              </div>
              <form role="form" method="post" action="{{!isset($questionnaire['question']) ? route('questionnaire.store') : route('questionnaire.update',$questionnaire['id'])}}">
                @csrf
                @if(isset($questionnaire['question']))
                   {{ method_field('PUT') }}
                @endif
                <div class="card-body">
                  <div class="form-group">
                    <label for="exampleInputEmail1">Question</label>
                    <input type="text" class="form-control" id="question" name="question" required placeholder="Enter Question" value="{{ old('question', $questionnaire['question']) }}">
                  </div>

                  <div class="form-group">
                    <label for="exampleInputEmail1">Headline</label>
                    <input type="text" class="form-control" id="headline" name="headline" placeholder="Enter Headline" value="{{ old('headline', $questionnaire['headline']) }}">
                  </div>

                  <div class="form-group">
                    <label for="exampleInputEmail1">Green</label>
                    <input type="text" class="form-control" id="green" name="green" placeholder="Enter green" value="{{ old('green', $questionnaire['green']) }}">
                  </div>

                  <div class="form-group">
                    <label for="exampleInputEmail1">Order</label>
                    <input type="text" onkeypress="return isNumberKey(event)" class="form-control" id="order" name="order" required placeholder="Enter Question Order" value="{{ old('sort_order', $questionnaire['sort_order']) }}">
                  </div>
                  <div class="form-group">
                    <label>Question For</label>
                    <select class="form-control" name="question_for" required>
                        <option value="-1" {{(isset($questionnaire['question_for']) && $questionnaire['question_for'] == -1) ? "selected" : ""}} selected>Patients</option>
                        <option value="0" {{(isset($questionnaire['question_for']) && $questionnaire['question_for'] == 0) ? "selected" : ""}}>Default B2B</option>
                        @foreach($companies as $company)
                          <option value="{{$company->company_user_id}}" {{(isset($questionnaire['question_for']) && $questionnaire['question_for'] == $company->company_user_id) ? "selected" : ""}}>{{$company->company_name}} (B2B)</option>
                        @endforeach
                    </select>
                  </div>
                  <div class="form-group">
                    <label>Active</label>
                    <select class="form-control" name="status" required>
                        <option value="1" {{(isset($questionnaire['status']) && $questionnaire['status'] == 1) ? "selected" : ""}} selected>Yes</option>
                        <option value="0" {{(isset($questionnaire['status']) && $questionnaire['status'] == 0) ? "selected" : ""}}>No</option>
                    </select>
                  </div>

                  <div class="form-group">
                    <label>No of answer required</label>
                    <input type="text" onkeypress="return isNumberKey(event)" class="form-control" id="no_of_answer" name="no_of_answer" required placeholder="Enter No of answer required" value="{{isset($questionnaire['no_of_answer']) ? $questionnaire['no_of_answer'] : 1 }}">
                  </div>

                  <div class="form-group">
                    <label>Is Gender Preference Question</label>
                    <input type="checkbox" class="form-control" name="is_preference_question" name="is_preference_question" {{isset($questionnaire['is_preference_question'])  && $questionnaire['is_preference_question'] == 1 ? "checked" : ""}} data-bootstrap-switch>
                  </div>

                  @if(isset($questionnaire['question']))
                      <div class="answer_container">
                        @foreach($questionnaire['answers'] as $answers)
                          <div class="card card-info answer_box">
                          <input type="hidden" name="answer_id[]" value="{{$answers->id}}" />
                            <div class="card-header">
                              <h3 class="card-title">Answer</h3>
                              <div class="card-tools">
                                <button type="button" class="btn btn-tool" data-card-widget="collapse"><i class="fas fa-minus"></i></button>
                              </div>
                            </div>
                            <div class="card-body">
                              <div class="row">
                                <div class="col-md-6">
                                  <div class="form-group">
                                    <input type="text" class="form-control answer" name="answer[]" value="{{$answers->answer}}" required placeholder="Enter Answer">
                                  </div>
                                </div>
                                <div class="col-md-6">
                                  <div class="form-group specialism_parent">
                                    @php $selectedSpecialisms = explode(",",$answers->specialism_id) @endphp
                                    <select class="form-control select2 dd_specialisms" multiple="multiple" data-placeholder='Select Specialism'>
                                        @foreach($specialisms as $specialism)
                                          <option value="{{$specialism->id}}" {{(isset($answers['specialism_id']) && in_array($specialism->id,$selectedSpecialisms)) ? "selected" : ""}}>{{$specialism->name}}</option>
                                        @endforeach
                                    </select>
                                    <input type="hidden" name="selected_specialisms[]" class="selected_specialisms"  value="{{$answers->specialism_id}}">
                                  </div>
                                </div>
                        
                                <div class="col-md-2">
                                  <div class="form-group">
                                    <select class="form-control action_type" name="action_type[]">
                                        <option value="" selected>Select Action</option>
                                        <option value="skipto" {{$answers->action_type == "skipto" ? "selected" : ""}}>Skip To</option>
                                        <option value="redirect" {{$answers->action_type == "redirect" ? "selected" : ""}}>Redirect</option>
                                        <option value="result" {{$answers->action_type == "result" ? "selected" : ""}}>Goto Result</option>
                                    </select>
                                  </div>
                                </div>

                                <div class="col-md-4 allow_continue" style="{{$answers->action_type != 'redirect' ? 'display:none' : ''}}">
                                  <div class="form-group">
                                    <label>Allow user to continue</label>
                                    <input type="checkbox" class="form-control" name="allow_continue_questionnaire[]" name="allow_continue_questionnaire" {{isset($answers['allow_continue_questionnaire'])  && $answers['allow_continue_questionnaire'] == 1 ? "checked" : ""}} data-bootstrap-switch>
                                  </div>
                                </div>

                                <div class="col-md-5">
                                  <div class="form-group">
                                    <input type="text" value="{{$answers->action}}" class="form-control score" name="action[]"  placeholder="Action">
                                  </div>
                                </div>
                                
                                <div class="col-md-2">
                                  <div class="form-group">
                                    <input type="button" class="btn btn-danger delete_answer" required value="Delete">
                                  </div>
                                </div>
                              </div>
                            </div>
                          </div>
                        @endforeach
                    </div>
                  @else
                    <div class="answer_container">
                      <div class="card card-info answer_box">
                        <div class="card-header">
                          <h3 class="card-title">Answer</h3>
                          <div class="card-tools">
                            <button type="button" class="btn btn-tool" data-card-widget="collapse"><i class="fas fa-minus"></i></button>
                          </div>
                        </div>
                        <div class="card-body">
                          <div class="row">
                            <div class="col-md-6">
                              <div class="form-group">
                                <input type="text" class="form-control answer" name="answer[]" required placeholder="Enter Answer">
                              </div>
                            </div>
                            <div class="col-md-6">
                              <div class="form-group specialism_parent" >
                                <select class="form-control select2 dd_specialisms" multiple="multiple" data-placeholder='Select Specialisms' >
                                    @foreach($specialisms as $specialism)
                                      <option value="{{$specialism->id}}">{{$specialism->name}}</option>
                                    @endforeach
                                </select>
                                <input type="hidden" name="selected_specialisms[]" class="selected_specialisms">
                              </div>
                            </div>

                            <div class="col-md-2">
                              <div class="form-group">
                                <select class="form-control action_type" name="action_type[]">
                                    <option value="" selected>Select Action</option>
                                      <option value="skipto">Skip To</option>
                                      <option value="redirect">Redirect</option>
                                      <option value="result">Goto Result</option>
                                </select>
                              </div>
                            </div>
                            <div class="col-md-4 allow_continue" style="display:none">
                              <div class="form-group">
                                <label>Allow user to continue</label>
                                <input type="checkbox" class="form-control" name="allow_continue_questionnaire[]" name="allow_continue_questionnaire" data-bootstrap-switch>
                              </div>
                            </div>

                            <div class="col-md-4">
                              <div class="form-group">
                                <input type="text" class="form-control action" name="action[]" placeholder="Action">
                              </div>
                            </div>
                            <div class="col-md-2">
                              <div class="form-group">
                                <input type="button" class="btn btn-danger delete_answer" required value="Delete">
                              </div>
                            </div>
                        </div>
                      </div>
                    </div>
                  </div>
				        @endif
                <div class="form-group">
                    <input type="button" class="btn btn-success" id="add_more" value="+ Add More">
                </div>
              </div>
                <div class="card-footer">
                  <button type="submit" class="btn btn-primary">Submit</button>
                </div>
              </form>
            </div>
          </div>
        </div>
      </div>
  @endsection