@extends('layouts.app')

@section('title', $empresa->nome_fantasia ? 'CoteFrete - Empresa Parceira: ' . $empresa->nome_fantasia : 'Empresa Parceira')

@section('meta')
<meta name="description" content="Conheça {{ $empresa->nome_fantasia ?? 'nossa empresa parceira' }}, parceira da CoteFrete. Encontre informações sobre produtos e serviços especializados para transportadoras e o ramo de transporte de cargas.">
<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="{{ $empresa->nome_fantasia ? 'CoteFrete - Empresa Parceira: ' . $empresa->nome_fantasia : 'Empresa Parceira | CoteFrete' }}">
<meta property="og:url" content="{{ request()->url() }}">
<meta property="og:description" content="Conheça {{ $empresa->nome_fantasia ?? 'nossa empresa parceira' }}, parceira da CoteFrete. Encontre informações sobre produtos e serviços especializados para transportadoras.">
<meta property="og:image" itemprop="image" content="{{ $empresa->img ? asset('assets/empresas-parceiras/' . $empresa->img) : 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')
<div class="container mt120">
  <div class="row">
    <div class="col-lg-12">
      <h6 class="black fs20">Conheça a empresa</h6>
      <h1 class="fs36 fs24m fwb black">{{ $empresa->nome_fantasia }}</h1>
    </div>
  </div>
</div>

<div class='container df-ac-jc mt20'>
  <div class='btn-cotar bg-blue bg-blue h50 w100 df-ac-jc'>
    <a class='df-ac-jc w100 h50' href="/cotacao">
      <span class='lh20 fwb white fs18 txt-center'>Cotar frete</span>
    </a>
  </div>
</div>

<div class='container mt120 mb50' style='margin-top: 30px;'>
  <div class='row'>
    <div class='retangulo-trans df-fdr-ac p20m bg-white w100'>
      <div class='img-trans bg-n-rep bp-center w100' style="background-image: url(/assets/empresas-parceiras/{{ $empresa->img }})"></div>
      <div class='info-trans'>
        <div>
          <p class='ml0m ml20 blue fs24 fwb'>
            {{ $empresa->nome_fantasia }}
          </p>
        </div>
        <div class='linha coluna-m pl20 pl0m' style="justify-content: normal; align-items: flex-start">
          <div class='col-md-8 coluna borda-dir w100m' style='align-items: flex-start'>
            <span class='fs18 fw600'>Informações Gerais:</span>
            <div class='df-fdr-ac black'>
              <a class='df-fdr-ac black cpt'>
                <img loading='lazy' src="/assets/img/geo.svg" style='width: 20px; margin-right: 5px' alt="Endereço empresa {{ $empresa->nome_fantasia }}">
                <p style='margin-left: 0; width: fit-content'>Endereço: {{ $empresa->endereco }}. {{ $empresa->cidade }}</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; margin-right: 5px' alt="Telefone empresa {{ $empresa->nome_fantasia }}">
                <p>Telefone: {{ $empresa->tel }}</p>
              </a>
            </div>
            @if($empresa->whats)
              <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-laranja.svg' style='width: 17px; margin-right: 5px' alt='WhatsApp da empresa {{ $empresa->nome_fantasia }}'>
                  <p>WhatsApp: {{ $empresa->whats }}</p>
                </a>
              </div>
            @endif
            <div class='df-fdr-ac black'>
              <a class='df-fdr-ac black cpt' href='mailto:{{ explode(",", $empresa->email)[0] }}'>
                <img loading='lazy' src="/assets/img/mail.svg" style='width: 17px; margin-right: 5px' alt="Email empresa {{ $empresa->nome_fantasia }}">
                <p>Email: {{ explode(",", $empresa->email)[0] }}</p>
              </a>
            </div>
            @if($empresa->site)
              <div class='df-fdr-ac black'>
                <a class='df-fdr-ac black cpt' href="https://{{ str_replace(['http://', 'https://'], '', $empresa->site) }}" target='_blank' rel="nofollow noopener">
                  <img loading='lazy' src="/assets/img/website.svg" style='width: 17px; margin-right: 5px' alt="Site empresa {{ $empresa->nome_fantasia }}">
                  <p>Site: Website</p>
                </a>
              </div>
            @endif
          </div>
          <div class='col-md-4 w100m'>
            <span class='fs18 fw600'>Redes sociais:</span>
            @if($empresa->instagram)
              <div class='df-fdr-ac black'>
                <a class='df-fdr-ac black cpt' href='https://www.instagram.com/{{ $empresa->instagram }}' target='_blank' rel="nofollow noopener">
                  <img loading='lazy' src='/assets/img/instagram-cor.svg' style='width: 17px; height: 17px; margin-right: 5px' alt='Instagram da empresa {{ $empresa->nome_fantasia }}'>
                  <p>Instagram: @{{ $empresa->instagram }}</p>
                </a>
              </div>
            @endif
            @if($empresa->facebook)
              <div class='df-fdr-ac black'>
                <a class='df-fdr-ac black cpt' href='https://www.facebook.com/{{ $empresa->facebook }}' target='_blank' rel="nofollow noopener">
                  <img loading='lazy' src='/assets/img/facebook-azul.svg' style='width: 17px; margin-right: 5px' alt='Facebook da empresa {{ $empresa->nome_fantasia }}'>
                  <p>Facebook: {{ $empresa->facebook }}</p>
                </a>
              </div>
            @endif
            @if($empresa->linkedin)
              <div class='df-fdr-ac black'>
                <a class='df-fdr-ac black cpt' href='https://www.linkedin.com/{{ $empresa->linkedin }}' target='_blank' rel="nofollow noopener">
                  <img loading='lazy' src='/assets/img/linkedin.svg' style='width: 17px; margin-right: 5px' alt='LinkedIn da empresa {{ $empresa->nome_fantasia }}'>
                  <p>Linkedin: {{ $empresa->linkedin }}</p>
                </a>
              </div>
            @endif
            @if($empresa->reclame)
              <div class='df-fdr-ac black'>
                <a class='df-fdr-ac black cpt' href='{{ $empresa->reclame }}' target='_blank' rel="nofollow noopener">
                  <img loading='lazy' src='/assets/img/reclame-aqui.webp' style='width: 17px; margin-right: 5px' alt='Reclame Aqui empresa {{ $empresa->nome_fantasia }}'>
                  <a class='df-fdr-ac black cpt' href='{{ $empresa->reclame }}' target='_blank' rel="nofollow noopener">Reclame Aqui</a>
                </a>
              </div>
            @endif
          </div>
        </div>
      </div>
    </div>

    @if($empresa->mapa)
      <div style='padding-top: 20px; padding-bottom: 15px; border-bottom: 1px solid #c2c2c2; border-top: 1px solid #c2c2c2'>
        <div style='padding-bottom: 10px'>
          <p class='fs24 fwb'>
            Onde Estamos
          </p>
        </div>
        {!! str_replace(['width="600"', 'height="450"', '"'], ['width="100%"', 'height="300px"', "'"], $empresa->mapa) !!}
      </div>
    @endif

    <div class='retangulo-trans df-fdr-ac p20m bg-white w100' style='border-bottom: none'>
      <div class='info-trans'>
        <div>
          <p class='fs24 fwb'>
            Sobre a empresa {{ $empresa->nome_fantasia }}
          </p>
        </div>
        <div class='w100 coluna'>
          <div class='w100'>
            @if($empresa->nome)
              <div>
                <p style='color: #111'><b>Razão Social:</b> {{ $empresa->nome }}</p>
              </div>
            @endif
            <div>
              <p style='color: #111'><b>CNPJ:</b> {{ $empresa->cnpj }}</p>
            </div>
            <div>
              <p style='color: #111'><b>Ramo de Atuação:</b> {{ $empresa->ramo }}</p>
            </div>
          </div>
          @if($empresa->carousel)
            <div class='container p0' style='margin: 30px 0;'>
              <div class='w100'>
                <div class='owl-carousel owl-theme'>
                  @foreach(explode('|', $empresa->carousel) as $image)
                    <div class='item'>
                      <div class='bg-owl bp-center bs-cover w100' style='background-image: url(/assets/empresas-parceiras/{{ $image }})'></div>
                    </div>
                  @endforeach
                </div>
              </div>
            </div>
          @endif
        </div>
        <br>
        <div>
          <p>{{ $empresa->descricao }}</p>
        </div>
      </div>
    </div>
  </div>
</div>

@push('styles')
<link rel="stylesheet" href="/owl/owlcarousel/assets/owl.carousel.min.css">
<link rel="stylesheet" href="/owl/owlcarousel/assets/owl.theme.default.min.css">
<link rel="stylesheet" href="{{ asset('assets/css/empresa-parceira.css') }}">
@endpush

<div class='container mb50' style='margin-top: 30px;'>
  <div class='row'>
    <div class='alinha-titulo mb40'>
      <h2 style='width: fit-content'>Outras empresas na CoteFrete</h2>
      <span class='w170m'>
        <a href="/empresas-parceiras/pagina-1" class='ver-todas fw600'>Ver todas
          <svg xmlns="http://www.w3.org/2000/svg" style='margin-left: 10px' width="16" height="16" fill="currentColor" class="bi bi-arrow-right-circle" viewBox="0 0 16 16">
            <path fill-rule="evenodd" d="M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8zm15 0A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM4.5 7.5a.5.5 0 0 0 0 1h5.793l-2.147 2.146a.5.5 0 0 0 .708.708l3-3a.5.5 0 0 0 0-.708l-3-3a.5.5 0 1 0-.708.708L10.293 7.5H4.5z"/>
          </svg>
        </a>
      </span>
    </div>
    @foreach($outrasEmpresas as $outraEmpresa)
      @php
        $nome_sem_acento = strtolower(str_replace(" ", "-", $outraEmpresa->nome_fantasia));
        $nome_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","","e","-", "-", "-", "", "-", "a"], $nome_sem_acento);
      @endphp
      <div class='col-md-12 coluna' style='align-items: flex-end'>
        @if($outraEmpresa->status == "Ativo")
          <img src='{{ asset("assets/img/premium.webp") }}' style='width: 60px; height: 60px; margin-top: -60px; position: relative; top: 56px; left: 1px' alt='Empresa Premium'>
        @endif
        <div class='cards mb20 p20 bg-white w100' style='padding-right: 0' data-nome='{{ $outraEmpresa->nome_fantasia ?: $outraEmpresa->nome }}'>
          <a href='/empresa-parceira/{{ $nome_sem_acento }}' class='logo-trans' style='background-image: url(/assets/empresas-parceiras/{{ $outraEmpresa->img }})'></a>
          <div class='start-mobile conteudo-card w100m linha coluna-m'>
            <div class='w70 w100m'>
              <div>
                <a href='/empresa-parceira/{{ $nome_sem_acento }}'>
                  <p class='blue txt-cap fwb fs20'>{{ $outraEmpresa->nome_fantasia ?: $outraEmpresa->nome }}</p>
                </a>
              </div>
              <div class='df-fdr-ac black'>
                <a class='df-fdr-ac black cpt' href='tel:+55{{ preg_replace('/[^0-9]/', '', $outraEmpresa->tel) }}'>
                  <img loading='lazy' src='/assets/img/telephone.svg' style='width: 17px; height: 17px; margin-right: 5px' alt='Telefone da empresa {{ $outraEmpresa->nome_fantasia ?: $outraEmpresa->nome }}'>
                  <p>{{ $outraEmpresa->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]/', '', $outraEmpresa->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 {{ $outraEmpresa->nome_fantasia ?: $outraEmpresa->nome }}'>
                  <p>{{ $outraEmpresa->whats }}</p>
                </a>
              </div>
              <div class='df-fdr-ac black'>
                <a class='df-fdr-ac black cpt' href='mailto:{{ explode(",", $outraEmpresa->email)[0] }}'>
                  <img loading='lazy' src='/assets/img/mail.svg' style='width: 17px; height: 17px; margin-right: 5px' alt='Email da empresa {{ $outraEmpresa->nome_fantasia ?: $outraEmpresa->nome }}'>
                  <p>E-mail</p>
                </a>
              </div>
              @if($outraEmpresa->site)
                <div class='df-fdr-ac black'>
                  <a class='df-fdr-ac black cpt' href="https://{{ str_replace(['http://', 'https://'], '', $outraEmpresa->site) }}" target='_blank' rel="nofollow noopener">
                    <img loading='lazy' src='/assets/img/website.svg' style='width: 17px; height: 17px; margin-right: 5px' alt='Site da empresa {{ $outraEmpresa->nome_fantasia ?: $outraEmpresa->nome }}'>
                    <p>Website</p>
                  </a>
                </div>
              @endif
              @if($outraEmpresa->instagram)
                <div class='df-fdr-ac black'>
                  <a class='df-fdr-ac black cpt' href='https://www.instagram.com/{{ $outraEmpresa->instagram }}' target='_blank' rel="nofollow noopener">
                    <img loading='lazy' src='/assets/img/instagram-cor.svg' style='width: 17px; height: 17px; margin-right: 5px' alt='Instagram da empresa {{ $outraEmpresa->nome_fantasia ?: $outraEmpresa->nome }}'>
                    <p>Instagram: @{{ $outraEmpresa->instagram }}</p>
                  </a>
                </div>
              @endif
              @if($outraEmpresa->linkedin)
                <div class='df-fdr-ac black'>
                  <a class='df-fdr-ac black cpt' href='https://www.linkedin.com/{{ $outraEmpresa->linkedin }}' target='_blank' rel="nofollow noopener">
                    <img loading='lazy' src='/assets/img/linkedin.svg' style='width: 17px; margin-right: 5px' alt='LinkedIn da empresa {{ $outraEmpresa->nome_fantasia ?: $outraEmpresa->nome }}'>
                    <p>Linkedin: {{ $outraEmpresa->linkedin }}</p>
                  </a>
                </div>
              @endif
            </div>
          </div>
        </div>
      </div>
    @endforeach
  </div>
</div>

@push('scripts')
<script src="{{ asset('assets/js/jquery.min.js') }}"></script>
<script async src="{{ asset('assets/js/custom.min.js') }}"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.6.0/js/bootstrap.min.js"></script>
<script src="/owl/owlcarousel/owl.carousel.min.js"></script>
<script src="{{ asset('assets/js/empresa-parceira.js') }}"></script>
@endpush
@endsection