@extends('adminlte::page')

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

@section('content_header')
  <h1>Imagens — Site</h1>
@stop

@section('content')

  <div class="box box-primary" style="margin-top: 2px;">
    <div class="box-header with-border">
      <h3 class="box-title">Adicionar Imagem</h3>
      <span style="float: right; font-size: 1.25em;">{{ $header->name }}</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') }}/banner/{{$gender}}" method="POST" enctype="multipart/form-data" style="margin-top: 20px">
        @csrf

<!--        <div class="form-group">
          <label for="inputFile">Imagem <span style="color: indianred">*</span></label>
          <input type="file" id="inputFile" name="image" >
        </div>-->
 <div class="form-group">
              <label for="inputRef_PT">Link</label>
              <input type="text" class="form-control"  id="inputREf_PT" name="ref">
            </div>
<!-- <div class="form-group">
              <label for="inputGender">SEXO</label>
              <input type="text" class="form-control" id="inputGender" value="{{ $gender }}" name="gender">
            </div>-->





   <div class="form-group" >
 

        <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 <span style="color: indianred">*</span></label>
          <input type="file" id="inputFile" name="image_{{ $locale->lang }}" required>
        </div>
              
              <div class="form-group">
              <label for="inputName_{{ $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 }}" {{ $locale == $locales[0] ? 'required' : ''}}>
            </div>

            <div class="form-group">
              <label for="inputSpotlight_{{ $locale->lang }}">Destaque</label>
              <input type="text" class="form-control" id="inputSpotlight_{{ $locale->lang }}" name="spotlight_{{ $locale->lang }}">
            </div>
<!--           <div class="form-group">
              <label for="inputRef_{{ $locale->lang }}">LINK</label>
              <input type="text" class="form-control" id="inputRef_{{ $locale->lang }}" name="ref_{{ $locale->lang }}">
            </div>-->
            <div class="form-group">
              <label for="inputDescription_{{ $locale->lang }}">Descricao  {!! $locale == $locales[0] ? '<span style="color: indianred">*</span>' : '' !!}</label>
              <input type="text" class="form-control" id="inputDescription_{{ $locale->lang }}" name="description_{{ $locale->lang }}" {{ $locale == $locales[0] ? 'required' : ''}}>
            </div>

            <div class="form-group">
              <label for="inputButton_{{ $locale->lang }}">Botao</label>
              <input type="text" class="form-control" id="inputButton_{{ $locale->lang }}" name="button_{{ $locale->lang }}">
            </div>
      

          </div>
          @endforeach
        </div>
  
        
        <div class="form-group" style="display:none;">
          <label for="inputCollection">Coleccao</label>
          <input type="text" class="form-control" id="inputCollection" value="--" name="collection">
        </div>
        <div class="form-group" style="display:none;">
          <label for="inputType">Tipo</label>
          <input type="text" class="form-control" id="inputType" value="--" name="type">
        </div>
        
        <div class="form-group">
          <label for="cor_Titulo">Cor do Título ( BRANCO - #ffffff ou RGB 255-255-255 CINZA ESCURO - #485664 ou RGB 72-86-100  ) </label><br>
          <input type="color" id="cor_Titulo" name="cor_Titulo" value="#485664">
        </div>
       
        <div class="form-group">
            <label for="cor_Desc">Cor da Descrição ( BRANCO - #ffffff ou RGB 255-255-255 CINZA ESCURO - #485664 ou RGB 72-86-100  )</label><br>
          <input type="color" id="cor_Desc" name="cor_Desc" value="#485664">
        </div>
       
        <div class="form-group">
        <label for="cor_Texto_Botao">Cor do texto do Botão ( BRANCO - #ffffff ou RGB 255-255-255 CINZA ESCURO - #485664 ou RGB 72-86-100  )</label><br>
          <input type="color" id="cor_Texto_Botao" name="cor_Texto_Botao" value="#ffffff">
        </div>
       
       
        <div style="display:none;">
                 <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"  > Nao
          </label>
   </div>
        </div>

<!-- o sexo vai a display none pois está a gerir um banner onde o sexo já vem do link esclhido -->
  <div class="form-group" style="display:none;"  >
                    <label>Sexo <span style="color: indianred">*</span></label><br>
                  
                    <label for="genderRadio2" class="radio-inline">
                        <input type="radio" name="gender" id="genderRadio2" value="M" @if($gender === 'M') checked @endif required> Homem
                    </label>
                    <label for="genderRadio3" class="radio-inline">
                        <input type="radio" name="gender" id="genderRadio3" value="W" @if($gender === 'W') checked @endif required> Mulher
                    </label>
                    <label for="genderRadio4" class="radio-inline">
                        <input type="radio" name="gender" id="genderRadio4" value="U" @if($gender === 'U') checked @endif required> Unisexo
                    </label>
        </div>

   
        <div class="form-group" style="display:none;">
          <label for="inputColor">Cor</label>
          <input type="text" class="form-control" id="inputColor" name="color">
        </div>

        
<div style="display:none;">
        <div class="form-group">
          <label for="inputSize">Tamanho</label>
          <input type="number" class="form-control" id="inputSize" name="size">
        </div>

        <div class="form-group form-inline">
          <label for="price">Preco</label><br>
          <input type="number" class="form-control" id="price1" name="price1" min="0" style="text-align: center;">
          <span class="input-group-text" style="border-radius: 0;">-</span>
          <input type="number" class="form-control" id="price2" name="price2" min="0" style="text-align: center;">
        </div>
</div>

        <input type="text" name="header" value="{{ encrypt($header) }}" hidden>
      <hr>
         
        <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