@extends('adminlte::page')

@section('title_postfix', ' - Editar Texto Entrada das Avaliações')

@section('content_header')
<h1>Editar Texto Entrada das Avaliações</h1>
@stop

@section('content')
  <link href="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote-lite.min.css" rel="stylesheet">
<div class="box box-primary" style="margin-top: 2px">


  <div class="box-body">
    <ul class="nav nav-tabs">
      @foreach($locales as $locale)
      <li class="{{ $locale == $locales[0] ? 'active' : ''}}" ><a data-toggle="tab" href="#locale_{{ $locale->lang }}">{{ $locale->name }}</a></li>
      @endforeach
    </ul>

    <form action="{{ config('app.url') }}/section/{{ $section->id }}" method="POST" enctype=multipart/form-data style="margin-top: 20px">
      @csrf
      <div class="tab-content">
        @foreach($locales as $locale)
        <div id="locale_{{ $locale->lang }}" class="tab-pane fade {{ $locale == $locales[0] ? 'in active' : ''}}">
          <div class="form-group">
            <label for="inputTitle_{{ $locale->lang }}">Titulo {!! $locale == $locales[0] ? '<span style="color: indianred">*</span>' : '' !!}</label>
            <input type="text" class="form-control" id="inputTitle_{{ $locale->lang }}" name="title_{{ $locale->lang }}" value="{{ $locale === $locales[0] ? $section->title : (!$translations->where('locale', $locale->lang)->isEmpty() ?  $translations_name[$loop->iteration-2]->title : '') }}" {{ $locale == $locales[0] ? 'required' : ''}}>
          </div>

          <div class="form-group">
            <label for="inputBody_{{ $locale->lang }}">Texto {!! $locale == $locales[0] ? '<span style="color: indianred">*</span>' : '' !!}</label>
        
            
            
            <textarea id="inputBody_{{ $locale->lang }}"  class="summernote" name="body_{{ $locale->lang }}" {{ $locale == $locales[0] ? 'required' : ''}}>{{ $locale === $locales[0] ? $section->body : (!$translations->where('locale', $locale->lang)->isEmpty() ?  $translations_name[$loop->iteration-2]->body : '') }}</textarea>
         
          </div>
      <div class="form-group">
            <label for="inputTopico1_{{ $locale->lang }}">Topico 1  {!! $locale == $locales[0] ? '<span style="color: indianred">*</span>' : '' !!}</label>
            <input type="text" class="form-control" id="inputTopico1_{{ $locale->lang }}" name="topico1_{{ $locale->lang }}" value="{{ $locale === $locales[0] ? $section->topico1 : (!$translations->where('locale', $locale->lang)->isEmpty() ?  $translations_name[$loop->iteration-2]->topico1 : '') }}">
          </div>

          <div class="form-group">
            <label for="inputTopico2_{{ $locale->lang }}">Topico 2  {!! $locale == $locales[0] ? '<span style="color: indianred">*</span>' : '' !!}</label>
            <input type="text" class="form-control" id="inputTopico2_{{ $locale->lang }}" name="topico2_{{ $locale->lang }}" value="{{ $locale === $locales[0] ? $section->topico2 : (!$translations->where('locale', $locale->lang)->isEmpty() ?  $translations_name[$loop->iteration-2]->topico2 : '') }}">
          </div>

          <div class="form-group">
            <label for="inputTopico3_{{ $locale->lang }}">Topico 3  {!! $locale == $locales[0] ? '<span style="color: indianred">*</span>' : '' !!}</label>
            <input type="text" class="form-control" id="inputTopico3_{{ $locale->lang }}" name="topico3_{{ $locale->lang }}" value="{{ $locale === $locales[0] ? $section->topico3 : (!$translations->where('locale', $locale->lang)->isEmpty() ?  $translations_name[$loop->iteration-2]->topico3 : '') }}">
          </div>
   <div class="form-group">
            <label for="inputTopico4_{{ $locale->lang }}">Topico 4  {!! $locale == $locales[0] ? '<span style="color: indianred">*</span>' : '' !!}</label>
            <input type="text" class="form-control" id="inputTopico4_{{ $locale->lang }}" name="topico4_{{ $locale->lang }}"value="{{ $locale === $locales[0] ? $section->topico4 : (!$translations->where('locale', $locale->lang)->isEmpty() ?  $translations_name[$loop->iteration-2]->topico4 : '') }}">
          </div>
           <div class="form-group">
            <label for="inputTopico5_{{ $locale->lang }}">Topico 5  {!! $locale == $locales[0] ? '<span style="color: indianred">*</span>' : '' !!}</label>
            <input type="text" class="form-control" id="inputTopico5_{{ $locale->lang }}" name="topico5_{{ $locale->lang }}" value="{{ $locale === $locales[0] ? $section->topico5 : (!$translations->where('locale', $locale->lang)->isEmpty() ?  $translations_name[$loop->iteration-2]->topico5 : '') }}">
          </div>
              <div class="form-group">
            <label for="inputButton_{{ $locale->lang }}">Butão  {!! $locale == $locales[0] ? '<span style="color: indianred">*</span>' : '' !!}</label>
            <input type="text" class="form-control" id="inputButton_{{ $locale->lang }}" name="button_{{ $locale->lang }}" value="{{ $locale === $locales[0] ? $section->button : (!$translations->where('locale', $locale->lang)->isEmpty() ?  $translations_name[$loop->iteration-2]->button : '') }}">
          </div>
             </div>
        @endforeach
      </div>
 <div class="form-group">
            <label for="inputUrl">Url</label>
            <input type="text" class="form-control" id="inputUrl" value="{{$section->url}}" name="url" >
          </div>
  <div class="form-group">
        <div>
                  </div>
        <label for="inputFile">Ficheiro Esquerda</label>
        <input type="file" id="inputFile" name="image">
      </div>
      
        <div class="form-group">
        <div>
                  </div>
        <label for="inputFile2">Ficheiro Direita</label>
        <input type="file" id="inputFile2" name="image2">
      </div>
              <div class="form-group">
        <div>
                  </div>
        <label for="inputFile3">Ficheiro Popup</label>
        <input type="file" id="inputFile3" name="image3">
      </div>
      <button type="submit" class="btn btn-success"><i class="fa fa-check"></i>&nbsp;Submeter</button>
    </form>
  </div>
</div>

@stop

@section('css')
@endsection

@section('js')

  <script src="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote-lite.min.js"></script>
  <script>   $('.summernote').summernote({
        fontSizes: ['8', '9', '10', '11', '12','13', '14','16', '18','20','22', '24','26', '28','30','32', '34', '36','38','40','42', '44','46', '48' , '50','64', '82', '150'],
        spellCheck: true,
         lang: 'pt-PT', // default: 'en-US'
         disableGrammar: false,
        placeholder: '',
        tabsize: 2,
        height: 550,
         fontsize: '13',
        toolbar: [
        
          ['font', ['fontname','fontsize']],
          ['font', ['bold', 'underline', 'clear']],
          ['style', ['style']],
          ['color', ['color']],
          ['para', ['ul', 'ol', 'paragraph','height']],
//          ['table', ['table']],
          ['insert', ['link', 'picture']],
          ['view', ['fullscreen', 'codeview']]
        ]
      });
</script>
<!--<script src="//cdn.ckeditor.com/4.10.1/full-all/ckeditor.js"></script>-->
<!--<script src="//cdn.ckeditor.com/4.22.1/full-all/ckeditor.js"></script>-->
<!--<script>
const locales = {!! json_encode($locales) !!};

locales.forEach(locale => CKEDITOR.replace( 'body_' + locale.lang ))
</script>-->
@endsection