@extends('theme')
@section('title', 'Editais - Parque Tecnológico do Mar')
@section('content')

  <div class="page-wrapper overflow-hidden">
    <section class="banner-section banner-inner-section position-relative d-flex align-items-center"
      style="background: url(../assets/images/editais.png) center/cover no-repeat; min-height: 80vh;">
      <div class="position-absolute top-0 start-0 w-100 h-100" style="background: rgba(0,0,0,0.45);"></div>
      <div class="container">
        <div class="d-flex flex-column gap-4 position-relative z-1" style="padding-top: 30vh;">
          <div class="row align-items-center">
            <div class="col-xl-4">
              <div class="d-flex align-items-center gap-4" data-aos="fade-up" data-aos-delay="100"
                data-aos-duration="1000">
                <img src="../assets/images/svgs/primary-leaf.svg" alt="" class="img-fluid animate-spin">
                <p class="mb-0 text-white fs-5 text-opacity-70">
                  Confira todas as <span class="text-primary">oportunidades</span> disponíveis no Parque
                  Tecnológico do Mar.
                </p>
              </div>
            </div>
          </div>
          <div class="d-flex align-items-end gap-3" data-aos="fade-up" data-aos-delay="200" data-aos-duration="1000">
            <h1 class="mb-0 fs-16 text-white lh-1">Editais</h1>
            <a href="javascript:void(0)" class="p-1 ps-7 bg-primary rounded-pill">
              <span class="bg-white round-52 rounded-circle d-flex align-items-center justify-content-center">
                <iconify-icon icon="lucide:arrow-up-right" class="fs-8 text-dark"></iconify-icon>
              </span>
            </a>
          </div>
        </div>
      </div>
    </section>

    <section class="editais-list py-5 py-lg-11 py-xl-10 position-relative"
      style="background: linear-gradient(135deg, #f4f7fb 0%, #eaf2ff 100%);">

      <div class="container">
        <div class="d-flex flex-column gap-8 pb-5"> <a href="{{ route('index') }}#decretos-leis"
            class="btn py-2 ps-3 pe-5 bg-site" data-aos="fade-up" data-aos-delay="100" data-aos-duration="1000">
            <span class="btn-text pe-1">Voltar</span>
            <iconify-icon icon="lucide:arrow-up-right"
              class="btn-icon bg-white text-dark round-36 rounded-circle hstack justify-content-center fs-5 shadow-sm"></iconify-icon>
          </a>
        </div>

        @if(count($editais) > 0)
          <div class="row g-4">

            @foreach($editais as $index => $edital)

              @php
                $temLinkExterno = !empty($edital['link']);
                $acessarUrl = $temLinkExterno ? $edital['link'] : route('editais.show', $edital['slug'] ?? '');
              @endphp

              <div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="{{ 100 + (($index % 6) * 100) }}"
                data-aos-duration="1000">

                <div class="card edital-card h-100 border-0 rounded-4 overflow-hidden position-relative">

                  @if(!empty($edital['foto_url']))
                    <div class="edital-image-wrapper">
                      <img src="{{ $edital['foto_url'] }}" class="card-img-top" alt="{{ $edital['titulo'] }}">
                      <div class="edital-image-overlay"></div>
                    </div>
                  @endif

                  <div class="card-body d-flex flex-column gap-4 p-5">

                    @if(!empty($edital['data_publicacao']))
                      <div class="date-info">
                        <iconify-icon icon="lucide:calendar"></iconify-icon>
                        <span>
                          {{ \Carbon\Carbon::parse($edital['data_publicacao'])->format('d/m/Y') }}
                        </span>
                      </div>
                    @endif

                    <h5 class="card-title edital-title">
                      {{ $edital['titulo'] }}
                    </h5>

                    @if(!empty($edital['descricao_resumo']))
                      <p class="card-text edital-description flex-grow-1">
                        {{ $edital['descricao_resumo'] }}
                      </p>
                    @endif

                    <div class="d-flex flex-wrap gap-2 mt-auto">

                      <a href="{{ $acessarUrl }}" target="_blank" rel="noopener noreferrer" class="btn btn-edital-primary">
                        <iconify-icon icon="lucide:external-link" class="me-2"></iconify-icon>
                        {{ $temLinkExterno ? 'Acessar Edital' : 'Ver Detalhes' }}
                      </a>

                      @if(!empty($edital['arquivo_url']))
                        <a href="{{ $edital['arquivo_url'] }}" target="_blank" rel="noopener noreferrer"
                          class="btn btn-edital-outline">
                          <iconify-icon icon="lucide:download" class="me-2"></iconify-icon>
                          Baixar PDF
                        </a>
                      @endif

                    </div>

                  </div>
                </div>

              </div>
            @endforeach

          </div>
        @else
          <div class="alert alert-light border shadow-sm rounded-4 p-4 text-center">
            <strong>Nenhum edital disponível no momento.</strong><br>
            <span class="small text-muted">Acompanhe esta página para futuras publicações oficiais.</span>
          </div>
        @endif

      </div>
    </section>

  </div>
@endsection