@extends('layouts.app')

@section('title', 'Encontre as melhores transportadoras do Brasil - Página ' . ($pagina ?? 1))

@section('meta')
  @if(isset($transportadoras) && count($transportadoras) > 0)
    @include('partials.include-sitemap')
  @else
    @include('partials.retirar-sitemap')
  @endif
  <meta name="description" content="Encontre as melhores transportadoras do Brasil verificadas e certificadas. Compare preços, serviços e receba cotações rápidas por WhatsApp ou Email. Mais de 100 transportadoras parceiras - Página {{ $pagina ?? 1 }}">
  <meta property="og:type" content="website">
  <meta property="og:title" content="Encontre as Melhores Transportadoras do Brasil - CoteFrete" />
  <meta property="og:url" content="{{ request()->url() }}" />
  <meta property="og:description" content="Encontre as melhores transportadoras do Brasil verificadas e certificadas. Compare preços, serviços e receba cotações rápidas por WhatsApp ou Email. Mais de 100 transportadoras parceiras - Página {{ $pagina ?? 1 }}" />
  <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="stylesheet" href="/assets/css/administrativo/transportadoras.css">
  <link rel="canonical" href="{{ request()->url() }}" />
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "ItemList",
    "name": "Lista de Transportadoras",
    "description": "Transportadoras parceiras em todo o Brasil",
    "url": "{{ request()->url() }}",
    "numberOfItems": "{{ isset($transportadoras) ? count($transportadoras) : 0 }}",
    "itemListElement": [
      {
        "@type": "ListItem",
        "position": 1,
        "item": {
          "@type": "Organization",
          "name": "Transportadoras CoteFrete"
        }
      }
    ]
  }
  </script>

  <!-- Schema.org FAQPage para Transportadoras -->
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "FAQPage",
    "mainEntity": [
      {
        "@type": "Question",
        "name": "Como escolher a melhor transportadora?",
        "acceptedAnswer": {
          "@type": "Answer",
          "text": "Para escolher a melhor transportadora, considere: certificações (ANTT ativa, CNPJ regular), avaliações de outros clientes, cobertura geográfica, tipos de carga que transportam, prazos de entrega, preços competitivos e se oferecem seguro de carga. Na CoteFrete você pode comparar todas essas informações."
        }
      },
      {
        "@type": "Question",
        "name": "O que é ANTT e por que é importante?",
        "acceptedAnswer": {
          "@type": "Answer",
          "text": "ANTT (Agência Nacional de Transportes Terrestres) é o órgão regulador do transporte de cargas no Brasil. Uma transportadora com ANTT ativa demonstra que está regularizada e autorizada a operar legalmente. É fundamental verificar se a transportadora possui ANTT ativa antes de contratar."
        }
      },
      {
        "@type": "Question",
        "name": "Todas as transportadoras oferecem seguro de carga?",
        "acceptedAnswer": {
          "@type": "Answer",
          "text": "Não necessariamente. Algumas transportadoras incluem seguro básico no frete, outras oferecem como opcional, e algumas não oferecem. É importante verificar essa informação ao solicitar cotação e, se necessário, contratar um seguro adicional para cargas de alto valor."
        }
      },
      {
        "@type": "Question",
        "name": "Como funciona a cotação com múltiplas transportadoras?",
        "acceptedAnswer": {
          "@type": "Answer",
          "text": "Você preenche um único formulário com os dados da sua carga. Esse pedido é enviado para transportadoras especializadas na sua rota e tipo de carga. Em poucos minutos, você recebe múltiplas propostas por email e WhatsApp, podendo comparar preços, prazos e condições para escolher a melhor opção."
        }
      },
      {
        "@type": "Question",
        "name": "Qual a diferença entre os níveis de plano das transportadoras?",
        "acceptedAnswer": {
          "@type": "Answer",
          "text": "Os níveis de plano (Bronze, Prata, Ouro, Diamante) indicam o grau de parceria e comprometimento da transportadora com a plataforma CoteFrete. Transportadoras de níveis mais altos geralmente têm maior volume de cotações atendidas, melhores avaliações e prioridade no recebimento de solicitações."
        }
      }
    ]
  }
  </script>
  @include('partials.schema-breadcrumb', [
      'items' => [
          ['name' => 'Home', 'url' => url('/')],
          ['name' => 'Transportadoras', '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 aria-current="page" style="color: #666;">Transportadoras</li>
      </ol>
    </nav>
    <div class="row">
      <div class="col-lg-12">
        <p class="black fs20 m0">Busque por transportadoras confiáveis em todo o Brasil</p>
        <h1 class="fs36 fs24m fwb black">Conheça nossas transportadoras parceiras</h1>
      </div>
      <div class='col-lg-12 mt20'>
        <p class='w100' style='line-height: 25px;'>Descubra uma ampla variedade de opções de frete para atender às suas necessidades. Nosso portal reúne as melhores transportadoras do Brasil, garantindo qualidade, confiabilidade e eficiência em cada envio.</p>
      </div>
    </div>
    <a class='df-ac-jc w100 h50 btn-cotar bg-blue mt20' href="/cotacao">
      <span class='lh20 fwb white fs18 txt-center'>Faça uma cotação agora</span>
    </a>
    <div class='row df-ac-jc mt30 mb50'>
      <div class='col-md-12 row' style='padding: 0 0 15px 0;'>
        <div class="col-md-6">
          <p>Procure por transportadora na CoteFrete</p>
          <input class="form-contatos mb20" type="text" id="buscar" placeholder="Pesquisa por nome" class="col-md-12">
        </div>
        <div class="col-md-6">
          <p>Filtros</p>
          <select class="form-contatos mb20" name="select_search" id="select_search">
            <option value="" disabled selected>Selecione</option>
            <option value="ANTT">ANTT ativa</option>
            <option value="CNPJ">CNPJ ativo</option>
            <option value="Seguro">Empresa com seguro</option>
            @if(isset($planos))
              @foreach($planos as $plano)
                <option value='{{ $plano->id }}'>Nível {{ $plano->nome_plano }}</option>
              @endforeach
            @endif
          </select>
        </div>
      </div>
      <div id="todas_transportadoras" class='row p0'>
        @if(isset($transportadoras))
          @foreach($transportadoras as $dadosTransportadora)
            @include('cards-transportadoras', ['dados_transportadora' => $dadosTransportadora])
          @endforeach
        @endif
        <div class="col-xs-12 col-sm-12 col-md-12">
          <ul id="paginacao" class="pagination txt-center">
            @if(isset($numPaginas) && isset($pagina))
              @for($i = 1; $i <= $numPaginas; $i++)
                <li class='paginacao @if($i == $pagina) active @endif'>
                  <a class='cpt p0 @if($i == $pagina) bg-blue white @endif' href='/transportadoras/pagina-{{ $i }}'>{{ $i }}</a>
                </li>
              @endfor
            @endif
          </ul>
        </div>
      </div>
      <div id="result" class='row p0'>
      </div>
    </div>
  </div>
  <div class='container df-ac-jc mb30'>
    <a class='lh20 fwb white fs18 btn-cotar bg-blue h50 df-ac-jc w100' href="/cadastro-transportadora">Gostaria de se juntar a nós?<br class='mobile'> Cadastre-se aqui</a>
  </div>
@endsection

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