@extends('layouts.app')

@section('title', 'As Melhores Transportadoras em ' . ($nomeEstado ?? 'Estado') . ' (' . ($sigla ?? 'UF') . ')')

@section('meta')
<meta name="description" content="As melhores transportadoras em {{ $nomeEstado ?? 'Estado' }} ({{ $sigla ?? 'UF' }}). Lista completa com transportadoras certificadas, cotações gratuitas e preços competitivos. Compare e escolha a melhor opção de frete." />
<meta property="og:type" content="website">
<meta property="og:title" content="CoteFrete - Transportadoras em {{ $nomeEstado ?? 'Estado' }}" />
<meta property="og:url" content="{{ request()->url() }}" />
<meta property="og:description" content="Escolha entre as melhores transportadoras em {{ $nomeEstado ?? 'Estado' }} para realizar seu transporte" />
<meta property="og:image" itemprop="image" content="{{ asset('assets/img/img-comp.webp') }}">
<meta property="og:image:type" content="image/png">
<meta property="og:image:width" content="300">
<meta property="og:image:height" content="300">
<link rel="canonical" href="{{ request()->url() }}">
<meta name="robots" content="index, follow">
@include('partials.include-sitemap')
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "ItemList",
  "name": "Transportadoras em {{ $nomeEstado ?? 'Estado' }}",
  "description": "Lista de transportadoras em {{ $nomeEstado ?? 'Estado' }}",
  "url": "{{ request()->url() }}",
  "numberOfItems": "{{ isset($transportadoras) ? count($transportadoras) : 0 }}",
  "itemListElement": [
    {
      "@type": "ListItem",
      "position": 1,
      "item": {
        "@type": "Organization",
        "name": "Transportadoras CoteFrete"
      }
    }
  ]
}
</script>
  @include('partials.schema-breadcrumb', [
      'items' => [
          ['name' => 'Home', 'url' => url('/')],
          ['name' => 'Transportadoras', 'url' => url('/transportadoras/pagina-1')],
          ['name' => $nomeEstado ?? 'Estado', 'url' => request()->url()]
      ]
  ])
@endsection

@section('content')
<div class="container mt120">
  <nav aria-label="Breadcrumb" style="font-size: 14px;">
    <ol style="list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; align-items: center;">
      <li><a href="/" class="black p0" style="text-decoration: none;">CoteFrete</a></li>
      <li style="color: #999;">></li>
      <li><a href="/transportadoras/pagina-1" class="black p0" style="text-decoration: none;">Transportadoras</a></li>
      <li style="color: #999;">></li>
      <li aria-current="page" style="color: #666;">{{ $nomeEstado ?? 'Estado' }}</li>
    </ol>
  </nav>
  <div class="row">
    <div class="col-lg-12">
      <h1 class="fs36 fs24m fwb black">As Melhores Transportadoras em {{ $nomeEstado ?? 'Estado' }} ({{ $sigla ?? 'UF' }})</h1>
      <p class='fs18 mt20' style='color: #666; line-height: 1.6;'>
        Descubra as <strong>melhores transportadoras em {{ $nomeEstado ?? 'Estado' }}</strong> com nossa lista completa. Compare preços, serviços e receba <strong>cotações gratuitas</strong> das transportadoras. Encontre a melhor opção de frete para sua carga — <strong>cargas para {{ $nomeEstado ?? 'Estado' }}</strong> ou <strong>cargas saindo de {{ $nomeEstado ?? 'Estado' }}</strong>.
      </p>
    </div>
  </div>
</div>

<div class='container mt30'>
  <div class='w100 linha coluna-m' style='justify-content: flex-end'>
    <div class='btn-cotar bg-blue bg-blue h50 df-ac-jc w100'>
      <a class='df-ac-jc w100 h50' href="/cotacao">
        <span class='lh20 fwb white fs18 txt-center'>Faça uma cotação agora</span>
      </a>
    </div>
  </div>
</div>

<div class='container linha mt30'>
  <div class='w100 df-afe-jsb coluna-m'>
    <div class='w49 w100m'>
      <h4 class="fs16 fwb mb10">Procure transportadoras de {{ $nomeEstado ?? 'Estado' }}</h4>
      <input class="form-contato w100" style='margin: 0!important' type="text" id="buscar" placeholder="Pesquisa por nome">
    </div>
    <div class='w2 w100m h10m'></div>
    <div class='w49 w100m'>
      <h4 class="fs16 fwb mb10">Selecione uma cidade</h4>
      <select id="select_cidade" class='form-contato w100' style='margin: 0!important' aria-label="Selecionar cidade">
        <option value="" disabled selected>Escolha uma cidade em {{ $nomeEstado ?? 'Estado' }}</option>
        @if(isset($cidades))
          @foreach($cidades as $cidade)
            @php
              $cidade_link = mb_strtolower(str_replace(" ", "-", str_replace(" - ", " ", $cidade)));
              $cidade_link = str_replace(array("ã","á","à","â","ä","ã","é","è","ê","ë","í","ì","î","ï","ó","ò","ô","ö","õ","ú","ù","û","ü","ç","´","&","---",".", "--", ",", "'"), array("a","a","a","a","a","a","e","e","e","e","i","i","i","i","o","o","o","o","o","u","u","u","u","c","","e","-", "-", "-", "", "-"), $cidade_link);
            @endphp
            <option value="{{ $cidade_link }}">{{ $cidade }}</option>
          @endforeach
        @endif
      </select>
    </div>
  </div>
</div>

<div class='container mt30 mb50'>
  <div class='row'>
    @if(isset($transportadoras))
      @foreach($transportadoras as $dadosTransportadora)
        @include('cards-transportadoras', ['dados_transportadora' => $dadosTransportadora])
      @endforeach
    @endif
  </div>
</div>

<div class='container mb30'>
  <div class='row'>
    <div class='col-lg-12'>
      <h3 class="fs24 fwb black mb20" style="margin-top: 0;">Transportadoras em {{ $nomeEstado ?? 'Estado' }} - Serviços de Frete para Todo o Brasil</h3>
      <div class="row">
        <div class="col-md-6 mb20">
          <h4 class="fs18 fwb mb15">Por que contratar transportadoras em {{ $nomeEstado ?? 'Estado' }}?</h4>
          <p class="fs16" style="line-height: 1.6; color: #555;">As transportadoras em {{ $nomeEstado ?? 'Estado' }} oferecem vantagens únicas para o transporte de cargas. Com infraestrutura logística desenvolvida e proximidade dos principais centros de distribuição, essas empresas garantem prazos mais curtos e custos otimizados para fretes saindo de {{ $nomeEstado ?? 'Estado' }}.</p>

          <h4 class="fs18 fwb mb15 mt20">Tipos de Carga Atendidos</h4>
          <div class="row mt15">
            <div class="col-md-6 mb10"><span class="fs14" style="color: #666;">• Transporte de cargas gerais</span></div>
            <div class="col-md-6 mb10"><span class="fs14" style="color: #666;">• Fretes refrigerados</span></div>
            <div class="col-md-6 mb10"><span class="fs14" style="color: #666;">• Transporte de carros</span></div>
            <div class="col-md-6 mb10"><span class="fs14" style="color: #666;">• Transporte de motos</span></div>
            <div class="col-md-6 mb10"><span class="fs14" style="color: #666;">• Mudanças residenciais</span></div>
            <div class="col-md-6 mb10"><span class="fs14" style="color: #666;">• Mudanças comerciais</span></div>
            <div class="col-md-6 mb10"><span class="fs14" style="color: #666;">• Transporte de máquinas</span></div>
            <div class="col-md-6 mb10"><span class="fs14" style="color: #666;">• Material sem nota</span></div>
            <div class="col-md-6 mb10"><span class="fs14" style="color: #666;">• Cargas perigosas (quando autorizado)</span></div>
          </div>
        </div>

        <div class="col-md-6 mb20">
          <h4 class="fs18 fwb mb15">Como funciona a cotação de frete em {{ $nomeEstado ?? 'Estado' }}?</h4>
          <p class="fs16" style="line-height: 1.6; color: #555;">Nossa plataforma conecta você diretamente com as melhores transportadoras de {{ $nomeEstado ?? 'Estado' }}. Seja para <strong>cargas para {{ $nomeEstado ?? 'Estado' }}</strong> ou fretes interestaduais, basta informar os detalhes da sua carga e receberá cotações personalizadas em minutos. Todas as transportadoras são certificadas pela ANTT e avaliadas frequentemente por nossa equipe.</p>

          <h4 class="fs18 fwb mb15 mt20">Principais Cidades Atendidas</h4>
          <p class="fs16" style="color: #555;">As transportadoras em {{ $nomeEstado ?? 'Estado' }} atendem todas as cidades do estado, incluindo as principais como:</p>
          <div class="row mt15">
            @php
              $cidades_lista = [];
              $arquivoJson = public_path('assets/json/cidades-populosas.json');
              if (file_exists($arquivoJson)) {
                try {
                  $jsonPop = file_get_contents($arquivoJson);
                  $dadosPop = json_decode($jsonPop, true);
                  if (is_array($dadosPop) && !empty($sigla) && isset($dadosPop[$sigla]) && is_array($dadosPop[$sigla])) {
                    $cidades_lista = $dadosPop[$sigla];
                  }
                } catch (\Throwable $e) {
                  // Erro ao ler arquivo
                }
              }
            @endphp
            @foreach($cidades_lista as $cidade_nome)
              <div class="col-md-6 mb10"><span class="fs14" style="color: #666;">• {{ $cidade_nome }}</span></div>
            @endforeach
          </div>
          <p class="fs16 mt15" style="color: #555;">E muitas outras cidades do estado. Também realizam fretes interestaduais para todo o território nacional.</p>
        </div>
      </div>

      @php
        $nomeEstadoFaq = $nomeEstado ?? 'Estado';
        $siglaFaq = $sigla ?? 'UF';
        $faqItemsEstados = [
          [
            'title' => "Quais são as melhores empresas de transporte em {$nomeEstadoFaq}?",
            'content' => "As melhores empresas de transporte em {$nomeEstadoFaq} são aquelas certificadas pela ANTT, com documentação em dia e boa avaliação. Na CoteFrete você encontra uma lista atualizada de transportadoras em {$nomeEstadoFaq} ({$siglaFaq}), com opções para cargas para {$nomeEstadoFaq} e cargas saindo de {$nomeEstadoFaq}. Compare cotações e escolha a empresa que melhor atende sua rota e tipo de carga."
          ],
          [
            'title' => "Como encontrar transportadoras em {$nomeEstadoFaq}?",
            'content' => "Nesta página você encontra as principais transportadoras que atuam em {$nomeEstadoFaq}. Use o filtro por cidade para ver empresas que atendem sua região ou pesquise pelo nome. Para receber cotações personalizadas, utilize o botão \"Faça uma cotação agora\" e informe origem, destino e dados da carga. As transportadoras em {$nomeEstadoFaq} retornam com propostas em minutos."
          ],
          [
            'title' => "As transportadoras em {$nomeEstadoFaq} atendem todo o Brasil?",
            'content' => "Sim. As transportadoras listadas em {$nomeEstadoFaq} realizam fretes interestaduais para todo o território nacional. Seja para cargas saindo de {$nomeEstadoFaq} com destino a outros estados ou cargas para {$nomeEstadoFaq} vindas de outras regiões, você encontra opções com cobertura nacional e documentação ANTT em dia."
          ],
          [
            'title' => "Como solicitar cotação de frete em {$nomeEstadoFaq}?",
            'content' => "Solicitar cotação de frete em {$nomeEstadoFaq} é simples: acesse a página de cotação do CoteFrete, informe a cidade de origem e destino (podendo ser em {$nomeEstadoFaq} ou em outro estado), tipo de carga, peso e demais dados. Em poucos minutos você recebe propostas de várias transportadoras, permitindo comparar preço e prazo sem compromisso."
          ],
          [
            'title' => "As transportadoras em {$nomeEstadoFaq} são certificadas?",
            'content' => "As empresas de transporte em {$nomeEstadoFaq} listadas na CoteFrete passam por verificação de documentação. Priorizamos transportadoras com cadastro ANTT ativo, CNPJ regular e, quando aplicável, seguro de carga. Assim você contrata empresas de transporte em {$nomeEstadoFaq} com mais segurança e conformidade legal."
          ],
          [
            'title' => "Quanto custa frete saindo de {$nomeEstadoFaq}?",
            'content' => "O valor do frete varia conforme distância, peso, tipo de carga e urgência. Para ter uma ideia do custo de frete saindo de {$nomeEstadoFaq}, faça uma cotação informando a cidade de origem em {$nomeEstadoFaq}, o destino e as características da carga. Você recebe várias cotações para comparar e escolher a melhor relação custo-benefício."
          ],
          [
            'title' => "Por que nossa lista de transportadoras em {$nomeEstadoFaq} é a mais completa?",
            'content' => "Diferente de outras listas, nossa plataforma oferece cotações em tempo real das melhores transportadoras em {$nomeEstadoFaq}. Todas as empresas listadas passam por rigorosa verificação de documentação ANTT, seguro de carga e histórico de qualidade. Nossa lista completa garante que você encontre a transportadora ideal para cargas para {$nomeEstadoFaq} ou qualquer outra necessidade."
          ],
        ];
      @endphp

      <!-- Perguntas Frequentes (SEO) - mesmo layout da página de cotação -->
      <div class='row' style='padding: 5px 10px; margin-top: 30px;'>
        <div class='coluna w100 p0' style='line-height: 24px;'>
          <h2 class='black fs24 fs20m fwb mb20'>Perguntas sobre transportadoras em {{ $nomeEstado ?? 'Estado' }}</h2>
          @foreach($faqItemsEstados as $item)
            <div class='btn-cinza p10-20 br7 black w100 coluna' style='align-items: flex-start; margin-bottom: 15px;'>
              <div class='df-ac-jc btn-abrir w100 cpt faq-titulo' style='justify-content: space-between;'>
                <span class='black w90m fs16 fw600'>{{ $item['title'] }}</span>
                <img loading='lazy' class='setinha' src='{{ asset('assets/img/seta-branca.svg') }}' style='margin-left: 16px; width: 20px; height: 20px' alt='Abrir'>
              </div>
              <div class='coluna conteudo faq-conteudo' style='margin-top: 13px; display: none; line-height: 1.6;'>
                <p style='margin: 0; white-space: pre-wrap; word-wrap: break-word;'>{{ $item['content'] }}</p>
              </div>
            </div>
          @endforeach
        </div>
      </div>

      @php
        $faqSchemaEstados = [
          '@context' => 'https://schema.org',
          '@type' => 'FAQPage',
          'mainEntity' => array_map(function($item) {
            return [
              '@type' => 'Question',
              'name' => $item['title'],
              'acceptedAnswer' => [
                '@type' => 'Answer',
                'text' => $item['content']
              ]
            ];
          }, $faqItemsEstados)
        ];
      @endphp
      <script type="application/ld+json">{!! json_encode($faqSchemaEstados, JSON_UNESCAPED_UNICODE | JSON_UNESCAPED_SLASHES) !!}</script>
    </div>
  </div>
</div>
@endsection

@push('styles')
<link rel="stylesheet" href="{{ asset('assets/css/cotacao.css') }}">
@endpush

@push('scripts')
<script src="{{ asset('assets/js/jquery.min.js') }}"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.6.0/js/bootstrap.min.js"></script>
<script async src="{{ asset('assets/js/custom.min.js') }}"></script>
<script>
  window.nomeEstadoUrl = '{{ $nomeEstadoUrl ?? '' }}';
</script>
<script src="{{ asset('assets/js/transportadoras-estados.js') }}"></script>
@endpush