@extends('layouts.app')

@section('seoheader')
    {!! $seo ?? '' !!}

    <link rel="stylesheet" href="{{ secure_asset('css/distributor.css?v=1.1.1.1') }}">
@endsection

@section('content')



    @include('utils.preloader')

    @include('layouts.header')


    <div class="breadcrumb-area">
        <div class="container-fluid custom-container">
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="{{ route('web') }}">Inicio</a></li>
                    <li class="breadcrumb-item"><a href="{{ route('distributor') }}">Catálogo</a></li>
                    <li class="breadcrumb-item active">Venta Corporativa</li>
                </ol>
            </nav>
        </div>
    </div>


    <div class="container-fluid custom-container">

        <div class="row justify-content-center">
            <div class="col-md-12">
                <img class="rounded-2" src="{{ $data->op1 ?? '' }}"  width="100%">
            </div>
            <div class="col-md-12 text-center mt-4">
                <h2 class="font-weight-bold">NUESTROS ASESORES</h2>
            </div>

            @foreach ($data->temp1s as $t)
                <div class="col-md-3 mt-4">
                    <div class="card-dbt rounded-2">
                        <div class="additional">
                          <div class="user-card text-center pt-5">
                            <img src="{{ $t->op4 }}" alt="{{ $t->op1 }}">
                          </div>
                        </div>
                        <div class="general">
                            <h3 class="title"><span>{{ $t->op1 }}</span></h3>
                            <p class="attr"><i class="fas fa-envelope"></i> <a href="mailto:{{ $t->op2 }}">{{ $t->op2 }}</a></p>
                            <p class="attr"><i class="fab fa-whatsapp"></i> <a href="https://wa.me/{{ str_replace(' ','',$t->op3) }}?text=Hola, me pueden ayudar">{{ $t->op3 }}</a></p>
                        </div>
                    </div>
                </div>
            @endforeach
        </div>

        <div class="row mt-5">
            <div class="col-md-12 text-center mt-4">
                <h2 class="font-weight-bold">MARCAS</h2>
            </div>
            <div class="col-md-12">
                <div class="list-brand-top">
                    @foreach ($brands as $b)
                        <div class="col">
                            <div class="single-brand">
                                <a href="{{ route('catalogo', ['marca' => $b->b_description]) }}" title="{{ $b->b_description }}" target="_blank" rel="noopener noreferrer">
                                    <img class="rounded-2" src="{{ $b->b_url }}" alt="{{ $b->b_description }}">
                                </a>
                            </div>
                        </div>
                    @endforeach
                </div>
            </div>
        </div>


        <div class="row mt-5">
            <div class="col-md-12 text-center mt-4">
                <h2 class="font-weight-bold">NUESTROS CLIENTES</h2>
            </div>
            <div class="col-md-12">
                <div class="list-brand-top">
                    @foreach ($data->temp2s as $t)
                        <div class="col">
                            <div class="single-brand">
                                <a title="{{ $t->op2 }}">
                                    <img class="rounded-2" src="{{ $t->op1 }}" alt="{{ $t->op2 }}">
                                </a>
                            </div>
                        </div>
                    @endforeach
                </div>
            </div>
        </div>





    </div>

    @include('layouts.newsletter')

    @include('layouts.footer')

    @include('utils.backtop')

@endsection