@extends('adminlte::page')

@section('title_postfix', ' - Editar Separador de Mundos')

@section('content_header')
<h1>Editar elemento de Mundo</h1>
@stop

@section('content')

<div class="box box-primary" style="margin-top: 2em">
  <div class="box-header with-border">
    <h3 class="box-title">Editar elemento de Mundo</h3>
  </div>

  <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') }}/mundo/{{ $post->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" style="display:none;">
            <label for="inputTitle_{{ $locale->lang }}">Títuo {!! $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] ? $post->title : (!$translations->where('locale', $locale->lang)->isEmpty() ?  $translations_name[$loop->iteration-2]->title : '') }}" {{ $locale == $locales[0] ? 'required' : ''}}>
          </div>

          <div class="form-group" style="display:none;">
            <label for="inputBody_{{ $locale->lang }}">Texto {!! $locale == $locales[0] ? '<span style="color: indianred">*</span>' : '' !!}</label>
            <textarea id="inputBody_{{ $locale->lang }}"  name="body_{{ $locale->lang }}" {{ $locale == $locales[0] ? 'required' : ''}}>{{ $locale === $locales[0] ? $post->body : (!$translations->where('locale', $locale->lang)->isEmpty() ?  $translations_name[$loop->iteration-2]->body : '') }}--</textarea>
          </div>
        </div>
        @endforeach
      </div>

      
      <div class="form-group">
                    <label for="inputLink">Categoria</label>
                    <!--<input type="text" class="form-control" id="inputCategory" name="category">-->
                    <select  class="form-control" id="inputCategory" name="category">
  <option {{ $post->category == 'BEST' ? 'selected' : ''}} value="BEST">BEST MODELS</option>
  <option {{$post->category == 'WORLD' ? 'selected' : ''}} value="WORLD">WORLD</option>
</select>
                </div>
   <div class="form-group">
                    <label for="inputLink">Link</label>
                    <input type="text" value="{{ $post->link }}" class="form-control" id="inputLink" name="link">
                </div>
                  <div class="form-group">
                    <label for="inputRef">Referência</label>
                    <input type="text" class="form-control" value="{{ $post->ref }}" id="inputRef" name="ref">
                </div>
                  <div class="form-group" >
                    <label for="inputSexo">Sexo</label>
                    <input type="text" class="form-control" value="W" id="inputSexo" name="sex">
                </div>
     
      
      
      
      
      <div class="form-group">
          <div>
                            
                         
                  <img src="{{ env('APP_URL_IMG') }}/laravel/storage/app/public/{{ $post->image }}" height="250px" alt="Imagem">
          
                       </div>
        <label for="inputFile">Frente</label>
        <input type="file" id="inputFile" name="file" accept="video/mp4,image/*">
      </div>
      
           <div class="form-group">
          <div>
                            
                         
                  <img src="{{ env('APP_URL_IMG') }}/laravel/storage/app/public/{{ $post->image2 }}" height="250px" alt="Imagem">
          
                       </div>
         <label for="inputFile2">Verso só para BEST MODELS( Caso a primeira Imagem seja um vídeo esta imagem é  ignorada) </label>
        <input type="file" id="inputFile2" name="file2" accept="video/mp4,image/*">
      </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="//cdn.ckeditor.com/4.10.1/basic/ckeditor.js"></script>
<script>
const locales = {!! json_encode($locales) !!};

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