@extends('admin.layouts.master')
@section('content')
<style>
/*# bootstrap-duration-picker */
.bdp-input input {
    display: inline-block;
    margin-bottom: 3px;
    width: 60px;
}

.bdp-block {
    display: inline-block;
    line-height: 1;
    text-align: center;
    padding: 5px 3px;
}
.bdp-block.hidden{
  display: none;
}
.answers-list{
    list-style: decimal;
}

.answers-list li{
    margin-top: 5px;
    margin-bottom: 5px;
}
.answers-field{
    max-width: 50%;
}

/* .sub_stage_box .form-group{
  margin: 0;
} */
</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">Mood 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('mood'))}}">Mood Questions</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">
                  @if($mood_tag)
                    <h3 class="card-title">Mood Question for Tag "{{ $mood_tag->title }}"</h3>
                  @endif
              </div>
              <form id="mood_form" role="form" method="post" action="{{!isset($mood['id']) ? route('mood.store') : route('mood.update',$mood['id'])}}">
                @csrf
                @if(isset($mood['id']))
                   {{ method_field('PUT') }}
                @endif
                <div class="card-body">
                  <div class="form-group">
                    <label for="template_name">Question</label>
                    <input type="hidden" id="question_id" name="question_id" value="{{ old('id', $mood['id']) }}">
                      <input type="hidden" id="tag_id" name="tag_id" value="{{ old('tag_id', $mood_tag->id) }}">
                    <input type="text" class="form-control" id="question" name="question" required placeholder="Enter question" value="{{ old('question', $mood['question']) }}">
                  </div>

                  <div class="form-group">
                    <label for="template_name">Question in Greek</label>
                    <input type="text" class="form-control" id="question_greek" name="question_greek" required placeholder="Enter greek question" value="{{ old('greek_question', $mood['greek_question']) }}">
                  </div>

                  <div class="form-group">
                    <label for="template_name">Question in Serbian</label>
                    <input type="text" class="form-control" id="question_serbian" name="question_serbian" required placeholder="Enter serbian question" value="{{ old('serbian_question', $mood['serbian_question']) }}">
                  </div>

                  <div class="form-group">
                    <label for="template_name">Question in Arabic</label>
                    <input type="text" class="form-control" id="question_arabic" name="question_arabic" required placeholder="Enter arabic question" value="{{ old('arabic_question', $mood['arabic_question']) }}">
                  </div>

                  <div class="form-group">
                    <label for="template_name">Question in Russian</label>
                    <input type="text" class="form-control" id="question_russian" name="question_russian" required placeholder="Enter Russian question" value="{{ old('question_russian', $mood['russian_question']) }}">
                  </div>

                  <div class="form-group">
                    <label for="template_name">Question in Hebrew</label>
                    <input type="text" class="form-control" id="question_hebrew" name="question_hebrew" required placeholder="Enter Hebrew question" value="{{ old('question_hebrew', $mood['hebrew_question']) }}">
                  </div>

                  <div class="form-group">
                    <label for="template_name">Question in Montenegrin</label>
                    <input type="text" class="form-control" id="question_montenegrin" name="question_montenegrin" required placeholder="Enter Montenegrin question" value="{{ old('question_montenegrin', $mood['montenegrin_question']) }}">
                  </div>


                  <div class="form-group">
                    <label>Status</label>
                    <select required class="form-control" style="width: 100%;" name="status">
                      <option value="0" {{isset($mood['status']) && $mood['status'] == 0 ? 'selected' : '' }}>Inactive</option>
                      <option value="1" {{isset($mood['status']) && $mood['status'] == 0 ? '' : 'selected' }}>Active</option>
                    </select>
                  </div>

                    <div class="form-group">
                        <label for="template_name">Answers</label>

                        @if($mood->moodQuestionsAnswers && $mood->moodQuestionsAnswers->count())
                            <ul style="list-style: decimal" class="answers-list">
                               @foreach($mood->moodQuestionsAnswers as $answer)
                                <li><input type="text" class="form-control answers-field" name="answer[]" required placeholder="Enter answer" value="{{ old('answer', $answer->title) }}">
                                </li>
                                @endforeach
                            </ul>
                        @else
                        <ul style="list-style: decimal" class="answers-list">
                            <li><input type="text" class="form-control answers-field" name="answer[]" required placeholder="Enter answer" >
                            </li>
                            <li><input type="text" class="form-control answers-field"  name="answer[]" required placeholder="Enter answer">
                            </li>
                            <li><input type="text" class="form-control answers-field"  name="answer[]" required placeholder="Enter answer">
                            </li>
                            <li><input type="text" class="form-control answers-field"  name="answer[]" required placeholder="Enter answer">
                            </li>
                            <li><input type="text" class="form-control answers-field"  name="answer[]" required placeholder="Enter answer">
                            </li>
                        </ul>
                        @endif
                    </div>

                    <div class="form-group">
                        <label for="template_name">Answers in Greek</label>

                        @if($mood->moodQuestionsAnswers && $mood->moodQuestionsAnswers->count())
                            <ul style="list-style: decimal" class="answers-list">
                                @foreach($mood->moodQuestionsAnswers as $answer)
                                <li><input type="text" class="form-control answers-field" name="answer_greek[]" required placeholder="Enter answer" value="{{ old('answer', $answer->greek_title) }}">
                                </li>
                                @endforeach
                            </ul>
                        @else
                        <ul style="list-style: decimal" class="answers-list">
                            <li><input type="text" class="form-control answers-field" name="answer_greek[]" required placeholder="Enter answer">
                            </li>
                            <li><input type="text" class="form-control answers-field"  name="answer_greek[]" required placeholder="Enter answer">
                            </li>
                            <li><input type="text" class="form-control answers-field"  name="answer_greek[]" required placeholder="Enter answer"">
                            </li>
                            <li><input type="text" class="form-control answers-field"  name="answer_greek[]" required placeholder="Enter answer">
                            </li>
                            <li><input type="text" class="form-control answers-field"  name="answer_greek[]" required placeholder="Enter answer">
                            </li>
                        </ul>
                        @endif
                    </div>

                    <div class="form-group">
                        <label for="template_name">Answers in Serbian</label>

                        @if($mood->moodQuestionsAnswers && $mood->moodQuestionsAnswers->count())
                            <ul style="list-style: decimal" class="answers-list">
                               @foreach($mood->moodQuestionsAnswers as $answer)
                                <li><input type="text" class="form-control answers-field" name="answer_serbian[]" required placeholder="Enter answer" value="{{ old('answer', $answer->serbian_title) }}">
                                </li>
                                @endforeach
                            </ul>
                        @else

                        <ul style="list-style: decimal" class="answers-list">
                            <li><input type="text" class="form-control answers-field" name="answer_serbian[]" required placeholder="Enter answer">
                            </li>
                            <li><input type="text" class="form-control answers-field"  name="answer_serbian[]" required placeholder="Enter answer">
                            </li>
                            <li><input type="text" class="form-control answers-field"  name="answer_serbian[]" required placeholder="Enter answer"">
                            </li>
                            <li><input type="text" class="form-control answers-field"  name="answer_serbian[]" required placeholder="Enter answer">
                            </li>
                            <li><input type="text" class="form-control answers-field"  name="answer_serbian[]" required placeholder="Enter answer">
                            </li>
                        </ul>
                        @endif
                    </div>

                    <div class="form-group">
                        <label for="template_name">Answers in Arabic</label>

                        @if($mood->moodQuestionsAnswers && $mood->moodQuestionsAnswers->count())
                            <ul style="list-style: decimal" class="answers-list">
                                @foreach($mood->moodQuestionsAnswers as $answer)
                                <li><input type="text" class="form-control answers-field" name="answer_arabic[]" required placeholder="Enter Arabic answer" value="{{ old('answer', $answer->arabic_title) }}">
                                </li>
                                @endforeach
                            </ul>
                        @else
                        <ul style="list-style: decimal" class="answers-list">
                            <li><input type="text" class="form-control answers-field" name="answer_arabic[]" required placeholder="Enter answer">
                            </li>
                            <li><input type="text" class="form-control answers-field"  name="answer_arabic[]" required placeholder="Enter answer">
                            </li>
                            <li><input type="text" class="form-control answers-field"  name="answer_arabic[]" required placeholder="Enter answer"">
                            </li>
                            <li><input type="text" class="form-control answers-field"  name="answer_arabic[]" required placeholder="Enter answer">
                            </li>
                            <li><input type="text" class="form-control answers-field"  name="answer_arabic[]" required placeholder="Enter answer">
                            </li>
                        </ul>
                        @endif
                    </div>

                    <div class="form-group">
                        <label for="template_name">Answers in Russian</label>

                        @if($mood->moodQuestionsAnswers && $mood->moodQuestionsAnswers->count())
                            <ul style="list-style: decimal" class="answers-list">
                                @foreach($mood->moodQuestionsAnswers as $answer)
                                <li><input type="text" class="form-control answers-field" name="answer_russian[]" required placeholder="Enter Russian answer" value="{{ old('russian_title', $answer->russian_title) }}">
                                </li>
                                @endforeach
                            </ul>
                        @else
                        <ul style="list-style: decimal" class="answers-list">
                            <li><input type="text" class="form-control answers-field" name="answer_russian[]" required placeholder="Enter answer">
                            </li>
                            <li><input type="text" class="form-control answers-field"  name="answer_russian[]" required placeholder="Enter answer">
                            </li>
                            <li><input type="text" class="form-control answers-field"  name="answer_russian[]" required placeholder="Enter answer"">
                            </li>
                            <li><input type="text" class="form-control answers-field"  name="answer_russian[]" required placeholder="Enter answer">
                            </li>
                            <li><input type="text" class="form-control answers-field"  name="answer_russian[]" required placeholder="Enter answer">
                            </li>
                        </ul>
                        @endif
                    </div>

                    <div class="form-group">
                        <label for="template_name">Answers in Hebrew</label>

                        @if($mood->moodQuestionsAnswers && $mood->moodQuestionsAnswers->count())
                            <ul style="list-style: decimal" class="answers-list">
                                @foreach($mood->moodQuestionsAnswers as $answer)
                                <li><input type="text" class="form-control answers-field" name="answer_hebrew[]" required placeholder="Enter Hebrew answer" value="{{ old('answer', $answer->hebrew_title) }}">
                                </li>
                                @endforeach
                            </ul>
                        @else
                        <ul style="list-style: decimal" class="answers-list">
                            <li><input type="text" class="form-control answers-field" name="answer_hebrew[]" required placeholder="Enter answer">
                            </li>
                            <li><input type="text" class="form-control answers-field"  name="answer_hebrew[]" required placeholder="Enter answer">
                            </li>
                            <li><input type="text" class="form-control answers-field"  name="answer_hebrew[]" required placeholder="Enter answer"">
                            </li>
                            <li><input type="text" class="form-control answers-field"  name="answer_hebrew[]" required placeholder="Enter answer">
                            </li>
                            <li><input type="text" class="form-control answers-field"  name="answer_hebrew[]" required placeholder="Enter answer">
                            </li>
                        </ul>
                        @endif
                    </div>                    



              </div>
                <div class="card-footer">
                  <a class="btn btn-info" href="{{route('mood-tag.edit',$mood_tag->id)}}">Back</a>
                  <button type="submit" class="btn btn-primary submitForm">Submit</button>
                </div>
              </form>
            </div>
          </div>
        </div>
      </div>
  @endsection

@section('script')


@endsection