@extends('adminlte::page')

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

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

@section('content')

<div class="box box-primary" style="margin-top: 2px;">
  <div class="box-header with-border">
    <h3 class="box-title">Documento / Ficheiro</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') }}/document" 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: Relatório de Contas" {{ $locale == $locales[0] ? 'required' : ''}}>
          </div>

          <div class="form-group">
            <label for="inputFile_{{ $locale->lang }}">Ficheiro ({{ $locale->name }}) {!! $locale == $locales[0] ? '<span style="color: indianred">*</span>' : '' !!}</label>
            <input type="file" id="inputFile_{{ $locale->lang }}" name="file_{{ $locale->lang }}" {{ $locale == $locales[0] ? 'required' : ''}}>
            <small class="text-muted">PDF, Word, Excel, PowerPoint, imagens, ZIP…</small>
          </div>
        </div>
        @endforeach
      </div>

      <hr>

      <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. Em caso de empate, ordena pela data (mais recente primeiro).</small>
      </div>

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

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

@stop