@extends('layouts.app')

@section('title', 'Melhores empresas parceiras para transportadoras')

@section('meta')
<meta name="description" content="Conheça as melhores empresas parceiras para transportadoras. Encontre fornecedores de produtos e serviços especializados para o ramo de transporte de cargas no Brasil.">
<meta name="robots" content="index, follow">
<meta name="author" content="CoteFrete">
<link rel="canonical" href="{{ request()->url() }}" />
<meta property="og:type" content="website">
<meta property="og:title" content="Melhores Empresas Parceiras para Transportadoras | CoteFrete">
<meta property="og:url" content="{{ request()->url() }}">
<meta property="og:description" content="Conheça as melhores empresas parceiras para transportadoras. Encontre fornecedores de produtos e serviços especializados para o ramo de transporte de cargas no Brasil.">
<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">
@endsection

@section('content')
@php
  use App\Helpers\FuncoesHelper;
@endphp
<div class="container mt120">
  <div class="row">
    <div class="col-lg-12">
      <h6 class="black fs20">Busque por empresas que fornecem produtos para o ramo de transporte</h6>
      <h1 class="fs36 fs24m fwb black">Conheça nossas empresas parceiras</h1>
    </div>
  </div>
</div>

<div class='container df-ac-jc mt20'>
  <div class='btn-cotar bg-blue h50 w100 df-ac-jc'>
    <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 class='container mb50' style='margin-top: 30px;'>
  <div class='row df-ac-jc'>
    <div class='w100' style='padding-bottom: 15px'>
      <p>Informe o nome da empresa que deseja encontrar</p>
      <input class="form-contato mb20" type="text" id="buscar" placeholder="Pesquisa por nome" class="col-md-12">
    </div>
    <div id="todas_parceiras" class='coluna df-ac-jc'>
      @foreach($empresas as $empresa)
        @php
          $nome_sem_acento = FuncoesHelper::formatarTexto($empresa->nome_fantasia);
        @endphp
        <div class='w100 coluna' style='align-items: flex-end'>
          <div class='cards mb20 p20 bg-white w100' data-nome='{{ $empresa->nome_fantasia }}'>
            <a href='/empresa-parceira/{{ $nome_sem_acento }}' class='logo-trans' style='background-image: url(/assets/empresas-parceiras/{{ $empresa->img }})'></a>
            <div class='start-mobile conteudo-card w100m'>
              <div>
                <a href='/empresa-parceira/{{ $nome_sem_acento }}'>
                  <p class='blue txt-cap fwb fs20'>{{ $empresa->nome_fantasia }}</p>
                </a>
              </div>
              <div class='df-fdr-ac black'>
                <a class='df-fdr-ac black cpt' href='tel:+55{{ preg_replace('/[^0-9]/', '', $empresa->tel) }}'>
                  <img loading='lazy' src='/assets/img/telephone.svg' style='width: 17px; height: 17px; margin-right: 5px' alt='Telefone da Empresa Parceira {{ $empresa->nome_fantasia }}'>
                  <p>{{ $empresa->tel }}</p>
                </a>
              </div>
              <div class='df-fdr-ac black'>
                <a class='df-fdr-ac black cpt' href='https://api.whatsapp.com/send?lang=pt_BR&phone=56{{ preg_replace('/[^0-9]/', '', $empresa->whats) }}&text=Ol%C3%A1,%20vim%20atrav%C3%A9s%20do%20site%20CoteFrete!' target='_blank' rel="nofollow noopener">
                  <img loading='lazy' src='/assets/img/whatsapp.svg' style='width: 17px; height: 17px;margin-right: 5px' alt='WhatsApp da Empresa Parceira {{ $empresa->nome_fantasia }}'>
                  <p>{{ $empresa->whats }}</p>
                </a>
              </div>
              <div class='df-fdr-ac black'>
                @php
                  $email = explode(",", $empresa->email)[0];
                @endphp
                <a class='df-fdr-ac black cpt' href='mailto:{{ $email }}'>
                  <img loading='lazy' src='/assets/img/mail.svg' style='width: 17px; height: 17px; margin-right: 5px' alt='Email da Empresa Parceira {{ $empresa->nome_fantasia }}'>
                  <p>E-mail</p>
                </a>
              </div>
              <div class='df-fdr-ac black'>
                <a class='df-fdr-ac black cpt' @if($empresa->site) href="https://{{ str_replace(['http://', 'https://'], '', $empresa->site) }}" target='_blank' rel="nofollow noopener" @else disabled @endif>
                  <img loading='lazy' src='/assets/img/website.svg' style='width: 17px; height: 17px; margin-right: 5px' alt='Site da Empresa Parceira {{ $empresa->nome_fantasia }}'>
                  <p>{{ $empresa->site ? 'Website' : 'Não informado' }}</p>
                </a>
              </div>
            </div>
          </div>
        </div>
      @endforeach

      <div class="col-xs-12 col-sm-12 col-md-12">
        <ul id="paginacao" class="pagination txt-center">
          @for ($i = 1; $i <= $numPaginas; $i++)
            <li class='paginacao'><a class='cpt p0' href='/empresas-parceiras/pagina-{{ $i }}'>{{ $i }}</a></li>
          @endfor
        </ul>
      </div>
    </div>
    <div id="result" class='row'>
    </div>
  </div>
</div>

<div class='container df-ac-jc mb30'>
  <div class='btn-cotar bg-blue h50 w100 df-ac-jc'>
    <a class='df-ac-jc w100 h50' href="/">
      <span class='lh20 fwb white fs18 txt-center'>Gostaria de se juntar a nós?<br class='mobile'>Cadastre-se aqui</span>
    </a>
  </div>
</div>

@push('scripts')
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
<script>
  window.paginaAtual = '{{ $pagina }}';
</script>
<script src="{{ asset('assets/js/empresas-parceiras.js') }}"></script>
@endpush
@endsection