@extends('layouts.app')

@php
use App\Helpers\FuncoesHelper;
@endphp

@section('title', 'Melhores Fretes de ' . ($nome_estado_origem ?? 'Estado Origem') . ' para ' . ($nome_estado_destino ?? 'Estado Destino') . ' - Página ' . ($pagina ?? '1'))

@section('meta')
    <meta name="description" content="Procurando por fretes entre {{ $nome_estado_origem }} e {{ $nome_estado_destino }}? Faça cotação de frete online sem cadastro com transportadoras verificadas. Com {{ number_format($totalRotas, 0, ',', '.') }} rotas disponíveis, economize tempo e dinheiro encontrando a transportadora certa para suas necessidades de transporte. Receba várias ofertas de cotação de frete diretamente em seu email ou WhatsApp. Cote agora! - Página {{ $pagina }}">
    <meta name="robots" content="index, follow">
    <link rel="canonical" href="{{ request()->url() }}" />
    @include('partials.include-sitemap')
@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="/frete-por-estado" class="black p0" style="text-decoration: none;">Frete por Estado</a></li>
                <li style="color: #999;">></li>
                <li aria-current="page" style="color: #666;">{{ $nome_estado_origem }} para {{ $nome_estado_destino }}</li>
            </ol>
        </nav>
        <div class="row">
            <div class="col-lg-12">
                <h1 class="fs36 fs24m fwb black">Cotação de Frete de {{ $nome_estado_origem }} para {{ $nome_estado_destino }}</h1>
                <h6 class='w100 mt20' style='line-height: 25px;'>
                    Obtenha cotações rápidas e econômicas para fretes de {{ $nome_estado_origem }} para {{ $nome_estado_destino }}.
                    Economize tempo e dinheiro com nossa plataforma de transporte eficiente.
                    Com {{ number_format($totalRotas, 0, ',', '.') }} rotas disponíveis, você pode encontrar a melhor opção para suas necessidades de transporte de {{ $nome_estado_origem }} para {{ $nome_estado_destino }}.<br><br>
                    Nossa plataforma simplifica o processo de obtenção de cotações, permitindo que você receba várias ofertas diretamente em seu email e/ou WhatsApp.
                    Assim, não é mais necessário contatar cada transportadora individualmente.
                    Aproveite nossa variedade de rotas e cote agora mesmo!
                </h6>
            </div>
        </div>
    </div>

    <div class="container mt30 mb50">
        <div class="row">
            @foreach($rotas as $rota)
                @php
                    $origem = mb_strtolower(str_replace(" ", "-", str_replace(" - ", " ", $rota->origem)));
                    $origem_sem_acento = str_replace(
                        ["ã","á","à","â","ä","é","è","ê","ë","í","ì","î","ï","ó","ò","ô","ö","õ","ú","ù","û","ü","ç","´","'"],
                        ["a","a","a","a","a","e","e","e","e","i","i","i","i","o","o","o","o","o","u","u","u","u","c","","-"],
                        $origem
                    );
                    $origem_encoded = urlencode($origem_sem_acento);

                    $destino = mb_strtolower(str_replace(" ", "-", str_replace(" - ", " ", $rota->destino)));
                    $destino_sem_acento = str_replace(
                        ["ã","á","à","â","ä","é","è","ê","ë","í","ì","î","ï","ó","ò","ô","ö","õ","ú","ù","û","ü","ç","´","'"],
                        ["a","a","a","a","a","e","e","e","e","i","i","i","i","o","o","o","o","o","u","u","u","u","c","","-"],
                        $destino
                    );
                    $destino_encoded = urlencode($destino_sem_acento);
                @endphp
                <a href='/cotacao/transporte-de-{{ $origem_encoded }}-para-{{ $destino_encoded }}' class='col-md-2'>
                    <div class='linha retangulo b-blue blue retangulo-full txt-center fw600'>
                        <span class='fs12 fs10m'>Frete de {{ $rota->origem }} para {{ $rota->destino }}</span>
                    </div>
                </a>
            @endforeach

            <div class="col-xs-12 col-sm-12 col-md-12">
                <ul id="paginacao" data-pagina='{{ $pagina }}' class="pagination txt-center">
                    @php
                        $penultima = $totalPaginas - 1;
                        $antipenultima = $totalPaginas - 2;
                        $metade_paginas = ceil($totalPaginas/2);
                        $tres_ultimos = $totalPaginas - 3;
                        $pagina_anterior = $pagina - 1;
                        $pagina_seguinte = $pagina + 1;
                        $primeiro_dots = ceil($pagina/2);
                        $segundo_dots = ceil(($totalPaginas - $pagina)/2) + $pagina;
                    @endphp

                    @if($totalPaginas <= 6)
                        @for ($i = 1; $i <= $totalPaginas; $i++)
                            <li class='paginacao'><a class='cpt p0' href='/frete-entre-estados/frete-de-{{ FuncoesHelper::formatarTexto($nome_estado_origem) }}-para-{{ FuncoesHelper::formatarTexto($nome_estado_destino) }}/pagina-{{ $i }}'>{{ $i }}</a></li>
                        @endfor
                    @elseif ($pagina >= 4 && $pagina < $antipenultima)
                        <li class='paginacao'><a class='cpt p0' href='/frete-entre-estados/frete-de-{{ FuncoesHelper::formatarTexto($nome_estado_origem) }}-para-{{ FuncoesHelper::formatarTexto($nome_estado_destino) }}/pagina-1'>1</a></li>
                        <li class='paginacao'><a class='cpt p0' href='/frete-entre-estados/frete-de-{{ FuncoesHelper::formatarTexto($nome_estado_origem) }}-para-{{ FuncoesHelper::formatarTexto($nome_estado_destino) }}/pagina-{{ $primeiro_dots }}'>...</a></li>
                        <li class='paginacao'><a class='cpt p0' href='/frete-entre-estados/frete-de-{{ FuncoesHelper::formatarTexto($nome_estado_origem) }}-para-{{ FuncoesHelper::formatarTexto($nome_estado_destino) }}/pagina-{{ $pagina_anterior }}'>{{ $pagina_anterior }}</a></li>
                        <li class='paginacao'><a class='cpt p0' href='/frete-entre-estados/frete-de-{{ FuncoesHelper::formatarTexto($nome_estado_origem) }}-para-{{ FuncoesHelper::formatarTexto($nome_estado_destino) }}/pagina-{{ $pagina }}'>{{ $pagina }}</a></li>
                        <li class='paginacao'><a class='cpt p0' href='/frete-entre-estados/frete-de-{{ FuncoesHelper::formatarTexto($nome_estado_origem) }}-para-{{ FuncoesHelper::formatarTexto($nome_estado_destino) }}/pagina-{{ $pagina_seguinte }}'>{{ $pagina_seguinte }}</a></li>
                        <li class='paginacao'><a class='cpt p0' href='/frete-entre-estados/frete-de-{{ FuncoesHelper::formatarTexto($nome_estado_origem) }}-para-{{ FuncoesHelper::formatarTexto($nome_estado_destino) }}/pagina-{{ $segundo_dots }}'>...</a></li>
                        <li class='paginacao'><a class='cpt p0' href='/frete-entre-estados/frete-de-{{ FuncoesHelper::formatarTexto($nome_estado_origem) }}-para-{{ FuncoesHelper::formatarTexto($nome_estado_destino) }}/pagina-{{ $totalPaginas }}'>{{ $totalPaginas }}</a></li>
                    @elseif ($pagina >= $antipenultima)
                        <li class='paginacao'><a class='cpt p0' href='/frete-entre-estados/frete-de-{{ FuncoesHelper::formatarTexto($nome_estado_origem) }}-para-{{ FuncoesHelper::formatarTexto($nome_estado_destino) }}/pagina-1'>1</a></li>
                        <li class='paginacao'><a class='cpt p0' href='/frete-entre-estados/frete-de-{{ FuncoesHelper::formatarTexto($nome_estado_origem) }}-para-{{ FuncoesHelper::formatarTexto($nome_estado_destino) }}/pagina-{{ $metade_paginas }}'>...</a></li>
                        <li class='paginacao'><a class='cpt p0' href='/frete-entre-estados/frete-de-{{ FuncoesHelper::formatarTexto($nome_estado_origem) }}-para-{{ FuncoesHelper::formatarTexto($nome_estado_destino) }}/pagina-{{ $tres_ultimos }}'>{{ $tres_ultimos }}</a></li>
                        <li class='paginacao'><a class='cpt p0' href='/frete-entre-estados/frete-de-{{ FuncoesHelper::formatarTexto($nome_estado_origem) }}-para-{{ FuncoesHelper::formatarTexto($nome_estado_destino) }}/pagina-{{ $antipenultima }}'>{{ $antipenultima }}</a></li>
                        <li class='paginacao'><a class='cpt p0' href='/frete-entre-estados/frete-de-{{ FuncoesHelper::formatarTexto($nome_estado_origem) }}-para-{{ FuncoesHelper::formatarTexto($nome_estado_destino) }}/pagina-{{ $penultima }}'>{{ $penultima }}</a></li>
                        <li class='paginacao'><a class='cpt p0' href='/frete-entre-estados/frete-de-{{ FuncoesHelper::formatarTexto($nome_estado_origem) }}-para-{{ FuncoesHelper::formatarTexto($nome_estado_destino) }}/pagina-{{ $totalPaginas }}'>{{ $totalPaginas }}</a></li>
                    @else
                        <li class='paginacao'><a class='cpt p0' href='/frete-entre-estados/frete-de-{{ FuncoesHelper::formatarTexto($nome_estado_origem) }}-para-{{ FuncoesHelper::formatarTexto($nome_estado_destino) }}/pagina-1'>1</a></li>
                        <li class='paginacao'><a class='cpt p0' href='/frete-entre-estados/frete-de-{{ FuncoesHelper::formatarTexto($nome_estado_origem) }}-para-{{ FuncoesHelper::formatarTexto($nome_estado_origem) }}/pagina-2'>2</a></li>
                        <li class='paginacao'><a class='cpt p0' href='/frete-entre-estados/frete-de-{{ FuncoesHelper::formatarTexto($nome_estado_origem) }}-para-{{ FuncoesHelper::formatarTexto($nome_estado_origem) }}/pagina-3'>3</a></li>
                        <li class='paginacao'><a class='cpt p0' href='/frete-entre-estados/frete-de-{{ FuncoesHelper::formatarTexto($nome_estado_origem) }}-para-{{ FuncoesHelper::formatarTexto($nome_estado_destino) }}/pagina-4'>4</a></li>
                        <li class='paginacao'><a class='cpt p0' href='/frete-entre-estados/frete-de-{{ FuncoesHelper::formatarTexto($nome_estado_origem) }}-para-{{ FuncoesHelper::formatarTexto($nome_estado_destino) }}/pagina-{{ $metade_paginas }}'>...</a></li>
                        <li class='paginacao'><a class='cpt p0' href='/frete-entre-estados/frete-de-{{ FuncoesHelper::formatarTexto($nome_estado_origem) }}-para-{{ FuncoesHelper::formatarTexto($nome_estado_destino) }}/pagina-{{ $totalPaginas }}'>{{ $totalPaginas }}</a></li>
                    @endif
                </ul>
            </div>
        </div>
    </div>

    <div class='container mb50'>
        <div class='row'>
            <div class='col-lg-12'>
                <h2 class="fs24 fs20m fwb black mb40 txt-center">Fretes de {{ $nome_estado_origem }} para {{ $nome_estado_destino }} | Encontre os melhores fretes para {{ $nome_estado_destino }}</h2>
                
                <div class='row mt30'>
                    <div class='col-md-4 mb30'>
                        <div class='cards bg-white' style='border-radius: 10px; box-shadow: 0 3px 10px rgba(0,0,0,0.1); height: 100%; text-align: center; padding: 35px 25px; display: flex; flex-direction: column;'>
                            <div style='font-size: 48px; color: #324673; margin-bottom: 20px;'>🚚</div>
                            <div>
                                <h3 class="fs18 fwb black" style='margin-bottom: 20px; margin-top: 0;'>Fretes de {{ $nome_estado_origem }}</h3>
                                <p class="fs15" style='line-height: 26px; color: #666; margin: 0;'>Encontre as melhores transportadoras de {{ $nome_estado_origem }} especializadas em <strong>fretes para {{ $nome_estado_destino }}</strong>. Compare preços e serviços em um único lugar.</p>
                            </div>
                        </div>
                    </div>
                    
                    <div class='col-md-4 mb30'>
                        <div class='cards bg-white' style='border-radius: 10px; box-shadow: 0 3px 10px rgba(0,0,0,0.1); height: 100%; text-align: center; padding: 35px 25px; display: flex; flex-direction: column;'>
                            <div style='font-size: 48px; color: #324673; margin-bottom: 20px;'>📍</div>
                            <div>
                                <h3 class="fs18 fwb black" style='margin-bottom: 20px; margin-top: 0;'>Fretes para {{ $nome_estado_destino }}</h3>
                                <p class="fs15" style='line-height: 26px; color: #666; margin: 0;'>Receba múltiplas cotações de <strong>fretes para {{ $nome_estado_destino }}</strong> de transportadoras verificadas. Economize tempo e dinheiro.</p>
                            </div>
                        </div>
                    </div>
                    
                    <div class='col-md-4 mb30'>
                        <div class='cards bg-white' style='border-radius: 10px; box-shadow: 0 3px 10px rgba(0,0,0,0.1); height: 100%; text-align: center; padding: 35px 25px; display: flex; flex-direction: column;'>
                            <div style='font-size: 48px; color: #324673; margin-bottom: 20px;'>⚡</div>
                            <div>
                                <h3 class="fs18 fwb black" style='margin-bottom: 20px; margin-top: 0;'>Cotação Rápida</h3>
                                <p class="fs15" style='line-height: 26px; color: #666; margin: 0;'>Faça cotação de <strong>fretes de {{ $nome_estado_origem }} para {{ $nome_estado_destino }}</strong> em segundos. Receba ofertas diretamente no seu WhatsApp ou email.</p>
                            </div>
                        </div>
                    </div>
                </div>
                
                <div class='row mt30'>
                    <div class='col-md-6 mb30'>
                        <div class='cards bg-white' style='border-radius: 10px; box-shadow: 0 3px 10px rgba(0,0,0,0.1); height: 100%; border-left: 4px solid #324673; padding: 30px; display: flex; flex-direction: column;'>
                            <div>
                                <h3 class="fs20 fwb black" style='margin-bottom: 20px; margin-top: 0;'>Processo Simples</h3>
                                <p class="fs16" style='line-height: 28px; color: #333; margin: 0;'>Nosso processo de cotação é simples e fácil de usar. Basta selecionar a rota de {{ $nome_estado_origem }} para {{ $nome_estado_destino }} desejada e preencher alguns detalhes básicos sobre suas necessidades de transporte. Em pouco tempo, você receberá várias cotações de nossas transportadoras em {{ $nome_estado_origem }}, permitindo que você escolha a opção de <strong>frete para {{ $nome_estado_destino }}</strong> mais adequada para suas necessidades e orçamento.</p>
                            </div>
                        </div>
                    </div>
                    
                    <div class='col-md-6 mb30'>
                        <div class='cards bg-white' style='border-radius: 10px; box-shadow: 0 3px 10px rgba(0,0,0,0.1); height: 100%; border-left: 4px solid #f26e35; padding: 30px; display: flex; flex-direction: column;'>
                            <div>
                                <h3 class="fs20 fwb black" style='margin-bottom: 20px; margin-top: 0;'>Economize Tempo</h3>
                                <p class="fs16" style='line-height: 28px; color: #333; margin: 0;'>Não perca mais tempo procurando por transportadoras individuais. Use nossa plataforma de rotas entre {{ $nome_estado_origem }} e {{ $nome_estado_destino }} e obtenha as melhores cotações para <strong>fretes de {{ $nome_estado_origem }} para {{ $nome_estado_destino }}</strong>. Compare preços e serviços em um único lugar e feche o negócio hoje mesmo!</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </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/frete-entre-estados.js') }}"></script>
@endpush