@extends('adminlte::page')

@section('title_postfix', ' - Criar Sub Sub Menu')

@section('content_header')
<h1>Criar Sub Sub Menu</h1>
<a href="{{ config('app.url') }}/submenu/sub/{{$pai}}/{{ $avo}}" class="btn btn-danger" style="float: right; margin-right:20px;"><i class="fa fa-back"></i>&nbsp;Voltar</a>
@stop

@section('content')

<div class="box box-primary" style="margin-top: 2em">
  <div class="box-header with-border">
<!--    //<h3 class="box-title">Novo Sub Menu</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') }}/subsubmenustore/{{$avo}}/{{$pai}}" 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="inputName_{{ $locale->lang }}">Texto  <span style="color: indianred">*</span></label>
            <input type="text" class="form-control" id="inputTitle_{{ $locale->lang }}" name="name_{{ $locale->lang }}" required>
          </div>
            
             <div class="form-group">
          <label for="inputFile">Imagem</label>
          <p>
                                       
          </p>
          <input type="file" id="inputFile" name="image_{{ $locale->lang }}">
        </div>    
            
            
            
 </div>
        @endforeach
     
     <div class="form-group">
            <label for="url">Link</label>
            <input type="text" class="form-control" value="" id="link" name="link" >
      </div>
      <div class="form-group">
            <label for="url">Colecção</label>
            <input type="text" class="form-control" value="" id="coleccao" name="coleccao" >
      </div>
       <div class="form-group">
            <label for="url">Tipo</label>
            <input type="text" class="form-control" value="" id="tipo" name="tipo" >
      </div>
       <div class="form-group">
            <label for="url">Ordem <span style="color: indianred">*</span></label>                                            
            
            <select class="form-control" value="" id="ordem" name="ordem" required>
            <option value="1">1</option>
                    <option value="2">2</option>
                    <option value="3">3</option>
                    <option value="4">4</option>
                    <option value="5">5</option>
                    <option value="6">6</option>
                    <option value="7">7</option>
                    <option value="8">8</option>
                    <option value="9">9</option>
                    <option value="10">10</option>
        </select>
            
      </div>
        
        
         <div class="form-group">
                    <label>Em Destaque</label><br>
                    <label for="featuredRadio1" class="radio-inline">
                        <input type="radio" name="featured" id="featuredRadio1" value="" checked> Todos
                    </label>
                    <label for="featuredRadio2" class="radio-inline">
                        <input type="radio" name="featured" id="featuredRadio2" value="1"> Sim
                    </label>
                    <label for="featuredRadio3" class="radio-inline">
                        <input type="radio" name="featured" id="featuredRadio3" value="0"> Não
                    </label>
                </div>
        
        
       
       <div class="form-group">
                    <label>Activo <span style="color: indianred">*</span></label><br>
                    <label for="active" class="radio-inline">
                        <input type="radio" name="activo" id="active1" value="1"  checked required> Sim
                    </label>
                    <label for="active" class="radio-inline">
                        <input type="radio" name="activo" id="active2" value="0" required> Não
                    </label>
                </div>
      
          <div class="form-group" >
                    <label>Sexo <span style="color: indianred">*</span></label><br>
                  
                    <label for="genderRadio2" class="radio-inline">
                        <input type="radio" name="sexo" id="genderRadio2" value="M" required > Homem
                    </label>
                    <label for="genderRadio3" class="radio-inline">
                        <input type="radio" name="sexo" id="genderRadio3" value="W"  required > Mulher
                    </label>
                    <label for="genderRadio4" class="radio-inline">
                        <input type="radio" name="sexo" id="genderRadio4" value="U" required > Unisexo
                    </label>
                </div>
      <button type="submit" class="btn btn-success"><i class="fa fa-check"></i>&nbsp;Submeter</button>
    </form>
  </div>
</div>

@stop

@section('css')
<link href="//cdn.quilljs.com/1.3.6/quill.snow.css" rel="stylesheet">
@endsection

@section('js')
<script src="https://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