

<?php $__env->startSection('contenido'); ?>

<style>
    section.datos-proveedor {
        min-height: 650px;
    }

    .proveedor {
        padding-top: 100px;
        margin-bottom: 30px;
    }

    .banner {
        height: 400px;
        width: 250px;
        position: absolute;
        right: 20px;
        top: 20px;
        -webkit-box-shadow: -20px -20px 0px 1px rgba(0,0,0,0.3);
        -moz-box-shadow: -20px -20px 0px 1px rgba(0,0,0,0.3);
        box-shadow: -20px -20px 0px 1px rgba(0,0,0,0.3);
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
        z-index: -2;
    }

    .letra-e {
        width: 350px;
        position: absolute;
        top: 30px;
        left: -30px;
        opacity: 0.6;
        z-index: -3;
    }

    .datos {
        padding: 20px 10px;
    }

    .mira-proveedor {
        width: 32%;
        position: absolute;
        left: 45%;
        top: -40px;
        z-index: -1;
    }

    .logo-proveedor {
        position: relative;
        width: 50%;
        z-index: 100;
        margin-right: 50%;
        margin-bottom: 30px; 
    }
    .logo-proveedor img {
        width: 100%;
    }

    .tipo-proveedor {
        /* margin-bottom: 30px; */
        display: inline;
        text-transform: lowercase;
        color: white;
        font-size: 25px;
        position: relative;
        letter-spacing: 4px;
    }
    .tipo-proveedor::before {
        z-index: -1;
        position: absolute;
        right: -12px;
        content: '';
        /* display: inline; */
        background: #222;
        width: calc(100% + 80px);
        height: 40px;
    }

    .nombre-proveedor {
        margin-top: 10px;
        font-weight: bold;
        letter-spacing: 10px;
        font-size: 80px;
    }
    .descripcion-proveedor {
        color: white;
        font-size: 18px;
    }
</style>

<section class="datos-proveedor">
    <div class="container">
        <div class="row proveedor">
            <div class="col-lg-5">
                <a class="atras" href="<?php echo e(route('web.proveedores')); ?>">
                    <i class="fas fa-arrow-circle-left"></i>
                </a>
                <img class="letra-e" src="<?php echo e(asset('img/letra-e.png')); ?>" alt="">
                <div class="banner" style="background: url('<?php echo e(asset($proveedor->tipos_proveedor->banner)); ?>');"></div>
            </div>
            <div class="col-lg-7">
                <div class="datos">
                    <div class="logo-proveedor">
                        <img src="<?php echo e(asset($proveedor->logo)); ?>" alt="">
                    </div>
                    <img class="mira-proveedor" src="<?php echo e(asset('img/mira.png')); ?>" alt="">
                    <span class="tipo-proveedor"><?php echo e($proveedor->tipos_proveedor->nombre); ?></span>
                    <h1 class="nombre-proveedor"><?php echo e($proveedor->nombre); ?></h1>
                    <div class="descripcion-proveedor"><?php echo $proveedor->descripcion; ?></div>
                </div>
            </div>
        </div>
    </div>
</section>

<style>
section.contacto-proveedor {
    background: #222;
    padding-top: 30px;
    padding-bottom: 30px;
}

.icono-contacto {
    font-size: 30px;
    color: #aaa;
    margin-bottom: 20px;
    display: block;
}
.texto-contacto {
    color: white;
    
}

.mapa-proveedor {
    /* height: 200px; */
    padding-top: 30px;
}
.mapa-proveedor iframe {
    height: 200px;
}
</style>

<section class="contacto-proveedor">
    <div class="container">
        <div class="row justify-content-center">

            <?php if($proveedor->direccion != null): ?>
                <div class="col-lg-3 text-center">
                    <i class="icono-contacto fas fa-map-marker-alt"></i>
                    <span class="texto-contacto"><?php echo e($proveedor->direccion); ?></span>
                </div>
            <?php endif; ?>

            <?php if($proveedor->direccion != null): ?>
                <div class="col-lg-3 text-center">
                    <i class="icono-contacto fas fa-phone"></i>
                    <span class="texto-contacto"><?php echo e($proveedor->telefono); ?></span>
                </div>
            <?php endif; ?>

            <?php if($proveedor->email != null): ?>
                <div class="col-lg-3 text-center">
                    <i class="icono-contacto fas fa-envelope"></i>
                    <span class="texto-contacto"><?php echo e($proveedor->email); ?></span>
                </div>
            <?php endif; ?>

            <?php if($proveedor->web != null): ?>
                <div class="col-lg-3 text-center">
                    <i class="icono-contacto fas fa-globe-americas"></i>
                    <span class="texto-contacto"><?php echo e($proveedor->web); ?></span>
                </div>
            <?php endif; ?>
        </div>

        <?php if($proveedor->mapa != null): ?>
            <div class="row">
                <div class="col">
                    <div class="mapa-proveedor">
                        <?php echo $proveedor->mapa; ?>

                    </div>
                </div>
            </div>
        <?php endif; ?>
    </div>
</section>

<style>
    section.novedades-proveedor {
        padding-top: 30px;
        padding-bottom: 40px;
    }
</style>

<?php if(count($proveedor->novedades) > 0): ?>
<section class="novedades-proveedor">
    <div class="container">
        <div class="row">
            <div class="col text-center">
                <a href="<?php echo e(route('web.novedades')); ?>">
                    <div class="titulo">
                        <span class="numero">0.9</span>
                        <span class="texto">novedades</span>
                    </div>
                </a>
            </div>
        </div>
        <div class="row">
            <div class="col">
                <div class="novedades">
                    <?php $__currentLoopData = $proveedor->novedades; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $novedad): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                        <a href="<?php echo e(route('web.novedades.show', $novedad->id)); ?>" style="text-decoration: none;">
                            <div class="card h-100 text-white m-3">
                                <?php if($novedad->imagen != null): ?>
                                    <img src="<?php echo e(asset($novedad->imagen)); ?>" class="card-img-top" alt="...">
                                <?php endif; ?>
                                <div class="card-body">
                                    <h5 class="card-title"><?php echo e($novedad->titulo); ?></h5>
                                    <?php if($novedad->imagen == null): ?>
                                        <p class="card-text"><?php echo e($novedad->copete); ?></p>
                                    <?php endif; ?>
                                </div>
                                <div class="card-footer">
                                    <p class="card-text"><small class="text-muted"><?php echo e($novedad->updated_at->diffForHumans()); ?></small></p>
                                </div>
                            </div>
                        </a>
                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                </div>
            </div>
        </div>
    </div>
</section>
<?php endif; ?>

<style>
    section.ofertas-proveedor {
        padding-top: 30px;
        padding-bottom: 40px;
    }
    div.ofertas div {
        height: 400px;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
</style>

<?php if(count($proveedor->ofertas) > 0): ?>
<section class="ofertas-proveedor">
    <div class="container">
        <div class="row">
            <div class="col">
                <div class="ofertas">
                    <?php $__currentLoopData = $proveedor->ofertas; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $oferta): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                        <div style="background-image: url(<?php echo e(asset($oferta->imagen)); ?>);"></div>
                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                    
                </div>
            </div>
        </div>
    </div>
</section>
<?php endif; ?>


<style>
    section.equipos-proveedor {
        padding-top: 30px;
        padding-bottom: 40px;
        background: #333;
    }
</style>

<section class="equipos-proveedor">
    <div class="container">
        <div class="row">
            <div class="col text-center">
                <a href="<?php echo e(route('web.novedades')); ?>">
                    <div class="titulo">
                        <span class="numero">0.6</span>
                        <span class="texto">equipos</span>
                    </div>
                </a>
            </div>
        </div>
        <?php $__currentLoopData = $proveedor->equipos; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $equipo): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
        <div class="row mt-4">
            <div class="col-lg-10 offset-lg-1">
                <a href="<?php echo e(route('web.equipos.show', $equipo->id)); ?>" style="text-decoration: none;">
                    <div class="card text-white" style="border: none; border-radius: 0; background: #222;">
                        <div class="row no-gutters">
                            <?php if($equipo->imagen != null): ?>
                            <div class="col-md-4" style="display: flex; justify-content: center; background: #222;">
                                <img src="<?php echo e(asset($equipo->imagen)); ?>" class="card-img-top" alt="" style="border-radius: 0; margin: auto;">
                            </div>
                            
                            <?php endif; ?>
                            <?php if($equipo->imagen != null): ?>
                            <div class="col-md-8">
                            <?php else: ?>
                            <div class="col-md-12">
                            <?php endif; ?>
                                <div class="card-body">
                                    <span class="badge badge-danger mb-2" style="font-size: 14px; font-weight: 400;"><?php echo e($equipo->tipos_equipo->nombre); ?></span>

                                    <?php if($equipo->alquiler): ?>
                                        <span class="badge badge-secondary">Alquiler</span>
                                    <?php endif; ?>
                                    <?php if($equipo->venta): ?>
                                        <span class="badge badge-secondary">Venta</span>
                                    <?php endif; ?>

                                    <h2 class="card-title"><?php echo e($equipo->nombre); ?></h2>
                                    <p class="card-text"><?php echo $equipo->descripcion; ?></p>
                                </div>
                            </div>
                        </div>
                    </div>
                </a>
            </div>
        </div>
        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
    </div>
</section>

<style>
    section.youtube-proveedor {
        background: #222;
        padding-top: 40px;
        padding-bottom: 30px;
    }
</style>

<?php if($proveedor->youtube != null): ?>
    <section class="youtube-proveedor">
        <div class="container">
            <div class="row">
                <div class="col">
                    <div class="video">
                        <?php echo $proveedor->youtube; ?>

                    </div>
                </div>
            </div>
        </div>
    </section>
<?php endif; ?>



<style>
    ul.slick-dots {
        bottom: -40px;
    }
    .slick-dots li button::before {
        color: red;
        font-size: 15px;
    }
    .slick-dots li.slick-active button:before {
        color: red;
    }
    .slick-dotted {
        margin-bottom: 50px !important;
    }
</style>






<div class="container mt-3 mb-5 text-white" hidden>
    <div class="row">
        <div class="col-lg-4">
            <div class="card card-body">
                <h3>Contacto</h3>
                <div class="row contacto">
                    <div class="col-2">
                        <div class="circulo">
                            <i class="fas fa-map-marker-alt"></i>
                        </div>
                    </div>
                    <div class="col-10">
                        <span><?php echo e($proveedor->direccion); ?></span>
                    </div>
                </div>
                <div class="row contacto">
                    <div class="col-2">
                        <div class="circulo">
                            <i class="fas fa-phone"></i>
                        </div>
                    </div>
                    <div class="col-10">
                        <span><?php echo e($proveedor->telefono); ?></span>
                    </div>
                </div>
                <div class="row contacto">
                    <div class="col-2">
                        <div class="circulo">
                            <i class="fas fa-envelope"></i>
                        </div>
                    </div>
                    <div class="col-10">
                        <span><?php echo e($proveedor->email); ?></span>
                    </div>
                </div>
                <div class="row contacto">
                    <div class="col-2">
                        <div class="circulo">
                            <i class="fas fa-globe-americas"></i>
                        </div>
                    </div>
                    <div class="col-10">
                        <span><?php echo e($proveedor->web); ?></span>
                    </div>
                </div>
                <div class="row pt-4">
                    <div class="col">
                        <style>
                            iframe {
                                width: 100% !important;
                            }
                        </style>
                        <?php if($proveedor->mapa != null): ?>
                            <?php echo $proveedor->mapa; ?>

                        <?php endif; ?>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-lg-8">
            <div class="row mb-4">
                <div class="col">
                    <div class="card card-body">
                        <h3>Ofertas</h3>

                        <?php $__currentLoopData = $proveedor->ofertas; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $oferta): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                            <img src="<?php echo e(asset($oferta->imagen)); ?>" alt="">
                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                    </div>
                </div>
            </div>
            <div class="row mb-4">
                <div class="col">
                    <div class="card card-body">
                        <h3>Novedades</h3>
                        <div class="p-4">
                            <ul>
                                <?php $__currentLoopData = $proveedor->novedades; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $novedad): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                    <li><?php echo e($novedad->titulo); ?></li>
                                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            
        </div>
    </div>
</div>
    
<?php $__env->stopSection(); ?>

<?php $__env->startSection('scripts'); ?>
    <script>
        $('.ofertas').slick({
            dots: true,
            infinite: true,
            speed: 300,
            slidesToShow: 1,
            // autoplay: true,
            // autoplaySpeed: 3000,
        });

        $('.novedades').slick({
            infinite: false,
            slidesToShow: 3,
            // autoplay: true,
            // autoplaySpeed: 2000,
        });  
    </script>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('layouts.web', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH C:\xampp\htdocs\costear\resources\views/web/proveedores/show.blade.php ENDPATH**/ ?>