@extends('adminlte::page')

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

@section('content_header')
    <h1>Editar 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/{{ $apoio->id }}" method="POST" enctype="multipart/form-data" style="margin-top: 20px">
      @csrf
      <div class="tab-content">
        @foreach($locales as $locale)
        @php
          if ($locale == $locales[0]) {
            $currentTitle = $apoio->title;
          } else {
            $tr = $translations_by_locale[$locale->lang] ?? null;
            $currentTitle = $tr->title ?? '';
          }
        @endphp
        <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 }}" value="{{ $currentTitle }}" 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)</label>
        @if($apoio->file)
          <p style="margin: 4px 0;">
            Atual: <a href="{{ config('app.url_img') }}ficha/{{ $apoio->id }}" target="_blank"><i class="fa fa-file"></i>&nbsp;Abrir ficha atual</a>
          </p>
        @endif
        <input type="file" id="inputFile" name="file">
        <small class="text-muted">Deixe vazio para manter a ficha atual. O título (link azul) abre este ficheiro. PDF…</small>
      </div>

      <div class="form-group">
        <label for="inputImage">Imagem da barra (logos)</label>
        @if($apoio->image)
          <p style="margin: 4px 0;">
            Atual: <img src="{{ config('app.url_img') }}laravel/storage/app/public/{{ $apoio->image }}" style="max-height:40px; max-width:260px; vertical-align:middle;">
          </p>
        @endif
        <input type="file" id="inputImage" name="image">
        <small class="text-muted">Deixe vazio para manter a imagem atual. 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" value="{{ $apoio->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="{{ $apoio->ordem }}" 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" {{ $apoio->active ? 'checked' : '' }}> Publicado (visível na barra do site)
        </label>
      </div>

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

@stop