@extends('layouts.app')

@section('title', 'Encontre as melhores transportadoras para ' . ($servico ?? 'Serviços') . ' em ' . ($cidade ?? 'Cidade') . ' - ' . ($siglaEstado ?? 'UF'))

@section('meta')
<meta name="description" content="Escolha entre as melhores transportadoras para {{ $servico ?? 'Serviços' }} em {{ $cidade ?? 'Cidade' }} - {{ $siglaEstado ?? 'UF' }}" />
<meta name="robots" content="index, follow">
<meta property="og:type" content="website">
<meta property="og:title" content="CoteFrete - Transportadoras para {{ $servico ?? 'Serviços' }} em {{ $cidade ?? 'Cidade' }}" />
<meta property="og:url" content="{{ request()->url() }}" />
<meta property="og:description" content="Escolha entre as melhores transportadoras para {{ $servico ?? 'Serviços' }} em {{ $cidade ?? 'Cidade' }} - {{ $siglaEstado ?? 'UF' }}" />
<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() }}">
@include('partials.include-sitemap')
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "ItemList",
  "name": "Transportadoras para {{ $servico ?? 'Serviços' }} em {{ $cidade ?? 'Cidade' }} - {{ $siglaEstado ?? 'UF' }}",
  "description": "Lista de transportadoras para {{ $servico ?? 'Serviços' }} em {{ $cidade ?? 'Cidade' }} - {{ $siglaEstado ?? 'UF' }}",
  "url": "{{ request()->url() }}",
  "numberOfItems": "{{ isset($transportadoras) ? count($transportadoras) : 0 }}",
  "itemListElement": [
    {
      "@type": "ListItem",
      "position": 1,
      "item": {
        "@type": "Organization",
        "name": "Transportadoras CoteFrete"
      }
    }
  ]
}
</script>
@endsection

@section('content')
@include('botao-whatsapp')

<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="/transportadoras-servicos/{{ $linkServico ?? '' }}" class="black p0" style="text-decoration: none;">{{ $servico ?? 'Serviços' }}</a></li>
      <li style="color: #999;">></li>
      <li><a href="/transportadoras-servicos-estado/{{ $linkServico ?? '' }}/{{ $linkEstado ?? '' }}" class="black p0" style="text-decoration: none;">{{ $nomeEstado ?? 'Estado' }}</a></li>
      <li style="color: #999;">></li>
      <li aria-current="page" style="color: #666;">{{ $cidade ?? 'Cidade' }}</li>
    </ol>
  </nav>
  <div class="row">
    <div class="col-lg-12">
      <h1 class="fs36 fs24m fwb black">Cote com as melhores transportadoras para {{ $servicoSeo ?? 'Serviços' }} em {{ $cidade ?? 'Cidade' }} - {{ $siglaEstado ?? 'UF' }}</h1>
    </div>
  </div>
</div>
<div class='container mb30 mt20'>
  <div class='row'>
    <div class='col-lg-12'>
      <div class='coluna gap10'>
        <h6 class="w100" style='line-height: 25px'>
          {{ $nomeServicoSeo2 ?? 'Serviços' }} em {{ $cidade ?? 'Cidade' }} - {{ $siglaEstado ?? 'UF' }}. Se você está procurando caminhão ou carreto para {{ $servicoAlternativo ?? 'Serviços' }} em {{ $cidade ?? 'Cidade' }} - {{ $siglaEstado ?? 'UF' }}, podemos te ajudar a encontrar a empresa perfeita para o seu negócio.
        </h6>
        <h6 class="w100" style='line-height: 25px'>
          Para solicitar uma cotação de frete é só selecionar uma das empresas abaixo e clicar no botão de solicitar cotação. Após isso, basta preencher o formulário e aguardar a proposta de frete da transportadora selecionada por Email ou WhatsApp.
        </h6>
      </div>
    </div>
  </div>
</div>
<div class='container'>
  <div class='w100 linha' style='justify-content: flex-end'>
    <div class='btn-cotar 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 mt30 mb50'>
  <div class='w100'>
    <div id="todas_transportadoras">
      @foreach($transportadoras ?? [] as $dadosTransportadora)
        @include('partials.cards-transportadoras2', ['dados_transportadora' => $dadosTransportadora])
      @endforeach
    </div>
    <div id="result" class='row'>
    </div>
  </div>
</div>
<div class='container df-ac-jc mb30'>
  <div class='btn-cotar bg-blue h50 df-ac-jc w100'>
    <a class='df-ac-jc w100 h50' href="/transportadoras/pagina-1">
      <span class='lh20 fwb white fs18 txt-center'>Ver as transportadoras na CoteFrete</span></a>
  </div>
</div>
@endsection

@push('scripts')
<script src="{{ asset('assets/js/jquery.min.js') }}"></script>
<script>
  window.getTransportadorasRoute = '{{ route('get.transportadoras') }}';
  window.csrfToken = '{{ csrf_token() }}';
</script>
<script src="{{ asset('assets/js/transportadoras-servicos-cidade.js') }}"></script>
@endpush