@extends('adminlte::page')

@section('title_aboutfix', ' - Apoios')

@section('content_header')
    <h1>Novo Apoio</h1>
@stop

@section('content')

<div class="box box-primary" style="margin-top: 2px;">
  <div class="box-header with-border">
    <h3 class="box-title">Apoio / Financiamento</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') }}/apoio" 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 }}">Título do link ({{ $locale->name }}) {!! $locale == $locales[0] ? '<span style="color: indianred">*</span>' : '' !!}</label>
            <input type="text" class="form-control" id="inputTitle_{{ $locale->lang }}" name="title_{{ $locale->lang }}" placeholder="Ex: Ficha de Projeto BioShoes4All" {{ $locale == $locales[0] ? 'required' : ''}}>
          </div>
        </div>
        @endforeach
      </div>

      <hr>

      <div class="form-group">
        <label for="inputFile">Ficha de projeto (ficheiro) <span style="color: indianred">*</span></label>
        <input type="file" id="inputFile" name="file" required>
        <small class="text-muted">Documento da ficha (PDF…). O título (link azul) abre este ficheiro em nova aba.</small>
      </div>

      <div class="form-group">
        <label for="inputImage">Imagem da barra (logos) <span style="color: indianred">*</span></label>
        <input type="file" id="inputImage" name="image" required>
        <small class="text-muted">Barra horizontal com os logos dos financiadores (JPG, PNG, WebP…).</small>
      </div>

      <div class="form-group">
        <label for="image_url">Link externo da imagem (opcional)</label>
        <input type="text" class="form-control" id="image_url" name="image_url" placeholder="https://...">
        <small class="text-muted">Se preencheres, ao clicar na imagem abre este site externo em nova aba.</small>
      </div>

      <div class="form-group">
        <label for="ordem">Ordem</label>
        <input type="number" class="form-control" id="ordem" name="ordem" value="0" style="max-width: 120px;">
        <small class="text-muted">Menor número aparece primeiro (mais à esquerda).</small>
      </div>

      <div class="form-group">
        <label>
          <input type="checkbox" name="active" value="1" checked> Publicado (visível na barra do site)
        </label>
      </div>

      <button type="submit" class="btn btn-success"><i class="fa fa-check"></i>&nbsp;Submeter</button>
    </form>
  </div>
</div>

@stop