@extends('adminlte::page')

@section('title_postfix', ' - Editar Imagem  > Site')

@section('content_header')
   <h1 style="display: inline-block;">Imagens — Site</h1>
      &nbsp;&nbsp; <a href="{{ config('app.url') }}/faces" class="btn btn-danger" style="float: right; margin-right:20px;"><i class="fa fa-back"></i>&nbsp;Voltar</a>&nbsp;
@stop

@section('content')

  <div class="box box-primary" style="margin-top: 2em">
    <div class="box-header with-border">
      <h3 class="box-title">Editar Imagem</h3>
      <span style="float: right; font-size: 1.25em;"></span>
    </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') }}/face/{{ $face->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="inputFile">Imagem</label>
          <p>
                                                   
                   <img class="img-resposive img-thumbnail" style="width:120px;" src="{{ env('APP_URL_IMG') }}/laravel/storage/app/public/{{ $locale === $locales[0] ? $face->image : (!$translations->where('locale', $locale->lang)->isEmpty() ?  $translations_name[$loop->iteration-2]->image : '') }}" >
          
                       </p>
          <input type="file" id="inputFile" name="image_{{ $locale->lang }}">
        </div>
              
              
              
              
              <div class="form-group">
              <label for="inputName_{{ $locale->lang }}">Texto  {!! $locale == $locales[0] ? '<span style="color: indianred">*</span>' : '' !!}</label>
              <input type="text" class="form-control" id="inputTitle_{{ $locale->lang }}" name="text_{{ $locale->lang }}" value="{{ $locale === $locales[0] ? $face->text : (!$translations->where('locale', $locale->lang)->isEmpty() ?  $translations_name[$loop->iteration-2]->text  : '') }}" {{ $locale == $locales[0] ? 'required' : ''}}>
            </div>

         </div>
          @endforeach
       
            </div>
        
         <div class="form-group">
              <label for="inputLink">Link</label>
              <input type="text" class="form-control" value="{{$face->link}}" id="inputLink" name="link">
            </div>
       <div class="form-group">
            <label for="coleccao">Colecção</label>
            <input type="text" class="form-control" value="{{ $face->coleccao }}" id="coleccao" name="coleccao" >
      </div>
       <div class="form-group">
            <label for="tipo">Tipo</label>
            <input type="text" class="form-control" value="{{ $face->tipo }}" id="tipo" name="tipo" >
      </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" @if($face->featured) checked @endif > Sim
                    </label>
                    <label for="featuredRadio3" class="radio-inline">
                        <input type="radio" name="featured" id="featuredRadio3" value="0" @if(!$face->featured) checked @endif > Não
                    </label>
                </div>
        
        
        
        
       <div class="form-group" style='display:none;'>
                    <label>Activo <span style="color: indianred">*</span></label><br>
                    <label for="active" class="radio-inline">
                        <input type="radio" name="activo" id="active1" value="1" @if($face->active) checked @endif required> Sim
                    </label>
                    <label for="active" class="radio-inline">
                        <input type="radio" name="activo" id="active2" value="0" @if(!$face->active) checked @endif 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" @if($face->sexo === 'M') checked @endif required> Homem
                    </label>
                    <label for="genderRadio3" class="radio-inline">
                        <input type="radio" name="sexo" id="genderRadio3" value="W" @if($face->sexo === 'W') checked @endif required> Mulher
                    </label>
                    <label for="genderRadio4" class="radio-inline">
                        <input type="radio" name="sexo" id="genderRadio4" value="U" @if($face->sexo === 'U') checked @endif 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')
@endsection

@section('js')
@endsection