@extends('theme')
@section('title', 'Startup ' . ($startup['nome'] ?? '') . ' do Parque Tecnológico do Mar')
@section('content')

@php
  $segment = $startup['segmento'] ?? ['color' => '#43D2F5', 'label' => 'Segmento'];
  $color = $segment['color'] ?? '#43D2F5';
  $nome = $startup['nome'] ?? '';
  $descricao = $startup['descricao'] ?? '';
  $bgUrl = $startup['background_url'] ?? '../assets/images/startups/home_bg.png';

  // Definições dinâmicas do eixo/segmento
  $segmentKey = $startup['segmento_key']
      ?? ($segment['key'] ?? ($segment['slug'] ?? null));

  $segmentTitle = null;
  $segmentBorderClass = null;
  $segmentTextClass = null;
  $segmentImage = null;
  $segmentDescription = null;

  switch ($segmentKey) {
    case 'tecnologia':
      $segmentTitle = __('Tecnologia');
      $segmentBorderClass = 'border-tecnologia';
      $segmentTextClass = 'text-tecnologia';
      $segmentImage = '../assets/images/startups/segmentos/tecnologia-novo.png';
      $segmentDescription = __(
        'O eixo engloba o <strong>planejamento, transporte, armazenamento e distribuição</strong> de produtos e serviços. Ele busca garantir a movimentação eficiente de mercadorias, conectando fornecedores e consumidores, com ênfase em <span class="text-tecnologia">otimização de processos, redução de custos e tempos de entrega</span>. A tecnologia, a automação e a sustentabilidade são elementos-chave, impulsionando a melhoria contínua no setor.'
      );
      break;

    case 'energia':
      $segmentTitle = __('Energia');
      $segmentBorderClass = 'border-energia';
      $segmentTextClass = 'text-energia';
      $segmentImage = '../assets/images/startups/segmentos/energia-novo.png';
      $segmentDescription = __(
        'O eixo de energia envolve a <strong>geração, distribuição e uso eficiente de recursos energéticos</strong>, com foco em fontes renováveis e inovação. Ele promove soluções voltadas à <span class="text-energia">eficiência energética, sustentabilidade e redução de impactos ambientais</span>, contribuindo para um futuro mais limpo e sustentável.'
      );
      break;

    case 'logistica':
      $segmentTitle = __('Logística');
      $segmentBorderClass = 'border-logistica';
      $segmentTextClass = 'text-logistica';
      $segmentImage = '../assets/images/startups/segmentos/logistica-novo.png';
      $segmentDescription = __(
        'O eixo engloba o <strong>planejamento, transporte, armazenamento e distribuição</strong> de produtos e serviços. Ele busca garantir a movimentação eficiente de mercadorias, conectando fornecedores e consumidores, com ênfase em <span class="text-logistica">otimização de processos, redução de custos e tempos de entrega</span>. A tecnologia, a automação e a sustentabilidade são elementos-chave, impulsionando a melhoria contínua no setor.'
      );
      break;

    case 'sustentabilidade':
      $segmentTitle = __('Sustentabilidade');
      $segmentBorderClass = 'border-sustentabilidade';
      $segmentTextClass = 'text-sustentabilidade';
      $segmentImage = '../assets/images/startups/segmentos/sustentabilidade-novo.png';
      $segmentDescription = __(
        'O eixo foca na preservação dos <span class="text-sustentabilidade">recursos naturais</span> e na promoção de práticas que minimizem os impactos ambientais. Ele envolve a adoção de soluções que favoreçam a conservação, a redução de resíduos e a transição para fontes renováveis.'
      );
      break;

    case 'nautica-naval':
    case 'nautica_e_naval':
    case 'nautica-naval':
      $segmentTitle = __('Náutica e Naval');
      $segmentBorderClass = 'border-nautica';
      $segmentTextClass = 'text-nautica';
      $segmentImage = '../assets/images/startups/segmentos/nautica-novo.png';
      $segmentDescription = __(
        'Um eixo voltado para o setor naval e náutico foca na implementação de <span class="text-nautica">práticas sustentáveis</span>, promovendo o uso responsável dos recursos marinhos, a redução de emissões e a preservação da biodiversidade. Busca também melhorar as condições de trabalho e inclusão social, garantindo que o setor contribua para a proteção ambiental e o desenvolvimento das comunidades costeiras.'
      );
      break;

    default:
      // Mantém seção desabilitada caso não haja segmento reconhecido
      break;
  }
@endphp

<style>
  .header.fixed-header {
    background-color: {{ $color }} !important;
  }

  .header {
    border-top: 4px solid {{ $color }} !important;
  }

  #scrollToTopBtn {
    background-color: {{ $color }} !important;
  }
</style>

<div class="page-wrapper overflow-hidden">
  <section class="banner-section banner-inner-section position-relative overflow-hidden d-flex align-items-end"
           style="background-image: url({{ $bgUrl }});
                  background-size: cover;
                  background-position: center;
                  background-repeat: no-repeat;">
    <div class="container">
      <div class="d-flex flex-column gap-4 pb-5 pb-xl-10 position-relative z-1">
        <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">
            </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">{{ $nome }}</h1>
          <a href="javascript:void(0)" class="p-1 ps-7 rounded-pill" style="background-color: {{ $color }};">
            <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="project-detail py-5 px-5">
    <div class="container">
      <div class="d-flex flex-column gap-5 gap-xl-10">

        <div class="d-flex flex-column gap-8">
          <a href="{{ route('startups') }}"
             class="btn py-2 ps-3 pe-5"
             style="background-color: {{ $color }};"
             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>

        <div class="row gap-4 gap-lg-0">
          <div class="col-12">
            <div class="bg-white p-4 p-lg-5 rounded-4 shadow-sm" data-aos="fade-up" data-aos-delay="200">
              
              <div class="row g-4 align-items-start">
                
                <!-- DESCRIÇÃO -->
                <div class="col-lg-7">
                  <p class="fs-5 lh-lg text-dark mb-0">
                    {!! nl2br(e($descricao)) !!}
                  </p>
                </div>

                <!-- CONTATO -->
                <div class="col-lg-5 border-start ps-lg-4">
                  <h3 class="fw-bold mb-3 border-start border-4 ps-3"
                      style="border-color: {{ $color }} !important;">
                    {{ __('Contato') }}
                  </h3>

                  <p class="fs-5 mb-0">
                    @if(!empty($startup['email'] ?? null))
                      <strong>{{ __('E-mail') }}:</strong><br>
                      <a href="mailto:{{ $startup['email'] }}">{{ $startup['email'] }}</a><br><br>
                    @endif

                    @if(!empty($startup['telefone'] ?? null))
                      <strong>{{ __('Telefone') }}:</strong><br>
                      {{ $startup['telefone'] }}<br><br>
                    @endif

                    @if(!empty($startup['rede_social'] ?? null))
                      <strong>{{ __('Principal Rede social') }}:</strong><br>
                      <a href="{{ $startup['rede_social'] }}" target="_blank" rel="noopener noreferrer">
                        {{ $startup['rede_social'] }}
                      </a>
                    @endif

                    @if(!empty($startup['link_site'] ?? null))
                      <br><br>
                      <strong>{{ __('Link do site') }}:</strong><br>
                      <a href="{{ $startup['link_site'] }}" target="_blank" rel="noopener noreferrer">
                        {{ $startup['link_site'] }}
                      </a>
                    @endif
                  </p>
                </div>

              </div>

            </div>
          </div>
        </div>

        @if($segmentTitle && $segmentImage && $segmentDescription)
          <div class="row gap-4 gap-lg-0 mt-3">
            <div data-aos="fade-up" data-aos-delay="300">
              <h3 class="fw-bold mb-4 border-start border-4 ps-3 {{ $segmentBorderClass }}">
                {{ __('Em qual eixo do mercado a :nome se encontra?', ['nome' => $nome]) }}
              </h3>
              <div class="row g-4 align-items-center">
                <div class="col-lg-4 text-center">
                  <img src="{{ $segmentImage }}"
                       alt="{{ $segmentTitle }}"
                       class="img-fluid">
                </div>
                <div class="col-lg-8">
                  <p class="fs-5 lh-lg text-dark">
                    {!! $segmentDescription !!}
                  </p>
                </div>
              </div>
            </div>
          </div>
        @endif

      </div>
    </div>
  </section>
</div>

@endsection