@extends('admin.layouts.container')

@section('content')
<div class="side-title">
    <h3>{{ $head ?? ''}}</h3>
</div>

<div class="border-item">
    <form class="form-row" method="post" action="{{ $action }}" enctype="multipart/form-data">
        <input type="hidden" name="user_id" value="{{auth()->id()}}">
        @if($question ?? ''  && $question->id)
            @method('PUT')
        @endif
        @csrf

 
       <div class="form-group col-lg-6">
             
            <label>{{ meta('type', getCurrentLocale()) ?? __('questions.type') }}</label>
            <select name="type" onchange="activecat(this)"class="form-control my-editor {{ $errors->has('type') ? 'is-invalid' : '' }}">
                <option selected disabled>{{__('questions.select')}}</option>
                <option @if($question ?? ''  && $question->id) @if($question->type == 'select') selected @endif @endif value="select">{{__('questions.selection')}}</option>
               <option @if($question ?? ''  && $question->id) @if($question->type == 'choise') selected @endif @endif value="choise">{{__('questions.choise')}}</option>
               <option @if($question ?? ''  && $question->id) @if($question->type == 'image') selected @endif @endif value="image">{{__('questions.image')}}</option>
               <option @if($question ?? ''  && $question->id) @if($question->type == 'text') selected @endif @endif value="text">{{__('questions.text')}}</option>
               
            </select>
        
       </div>
       <div class="form-group col-lg-6"></div>
         @foreach($languages as $language)
        <div class="form-group col-lg-6">
            <label>{{ meta('name', $language->local) ?? __('ads.name') }} {{ count($languages) > 1 ? "({$language->name})" : '' }} </label>
            <input type="text" class="form-control {{ $errors->has('name_'.$language->local) ? 'is-invalid' : '' }}" name="name_{{ $language->local }}" placeholder="{{ meta('name', $language->local) ?? __('ads.name') }}" value='{{ old("name_{$language->local}", $question[$language->local]->name ?? "") }}'/>
        </div>
        
          

        
       @endforeach
       <div id="allview" class="col-lg-12"  @if($question ?? ''  && $question->id) @if($question->type == 'choise' || $question->type == 'select') style="display:block" @else style="display:none" @endif @else style="display:none" @endif>
          <div class="col-lg-12">
    <div  id="answers">
        @if($question ?? ''  && $question->id)
        @php $countKey = 0; @endphp
        @foreach($answers as $key=>$data)
        <div class="row">
        @foreach(answersdesc($data->id) as $keys=>$row)
        
        
        
            
        <div class="form-group col-lg-5">
            <label>{{__('questions.answer')}} {{$row->language->local}}</label>
            <input type="text" class="form-control" name="answer[{{$countKey}}][answer]"  placeholder="{{__('questions.answer')}} {{$row->language->local}}" value="{{$row->name}}" />
            <input type="hidden" class="form-control"  name="answer[{{$countKey}}][language_id]"   value="{{$row->language_id}}" />
            
        </div>
        
        @if($keys%2 != 0)
        <div class="form-group col-lg-2" style="font-size: 30px;margin-top:35px;" >
    	<i class="fas fa-times-circle" onclick="remove(this)"></i></div>
    
        @endif
        @php $countKey += 1; @endphp
        @endforeach
        	</div>
        @endforeach
        @endif
    </div>
    </div>
    
      
</div>
        <div class="form-group col-lg-12" id="increase" @if($question ?? ''  && $question->id) @if($question->type == 'choise' || $question->type == 'select') style="display:block" @else style="display:none" @endif @else style="display:none" @endif >
                   <a style="cursor: pointer;"  @if($question ?? ''  && $question->id) data-id="{{count(answersdescs($question->id))}}" @else data-id="0" @endif  onclick="addanswer(this)" class="btn_1 gray "><i class="fa fa-fw fa-plus-circle"></i>{{__("questions.add_answer")}}</a>
       </div>
        
        <div class="text-center mt-5 col-12">
            <button class="butn"><span>{{ __('dashboard.save') }}</span></button>
        </div>
    </form>
</div>

@endsection

@section('inner_js')
<script>
function remove(elem){
            $(elem).closest('.row').remove();
        }
        function activecat(elem){
            var data = $(elem).val();
            if(data == 'text' || data == 'image'){
                $('#increase').css('display','none');
                $('#allview').css('display','none');
                $('#answers').html('');
            }
            else{
                $('#increase').css('display','block');
                $('#allview').css('display','block');
            }
        }
    function addanswer(elem){
        var num = $(elem).attr('data-id');
        
        var newrow = parseInt(num)+2; 
        $(elem).attr('data-id', newrow);
        
        $.ajax({
          url : urls+'/'+num,
          type : 'GET',
          data : 'nothing',
          success:function(data)
          {
            $('#answers').append(data);
          }
        }) 
    }
</script>
    <!-- Editor JS files -->
{{--    <script src="{{ asset('/assets/admin/js/lib/tinymce.min.js') }}"></script>--}}
        <script src="//cdn.tinymce.com/4/tinymce.min.js"></script>
    <script>
        let route_prefix = "{{ url(config('lfm.prefix')) }}",
            url = "{{url('/')}}/",
            urls = "{{url('/')}}/admin/addanswer",
            currentLanguage = "{{getCurrentLocale()}}",
            imagePath = "{{asset('')}}";
    </script>
    <script src="{{ asset('assets/admin/js/editor.js') }}"></script>
    <script src="{{ asset('assets/admin/js/lfm.js') }}"></script>
    <script src="{{ asset('assets/admin/js/articles.js') }}"></script>
@endsection