<?php if (isset($component)) { $__componentOriginal663168764e84b179f6ae40fec2a00491 = $component; } ?>
<?php if (isset($attributes)) { $__attributesOriginal663168764e84b179f6ae40fec2a00491 = $attributes; } ?>
<?php $component = App\View\Components\Frontoffice\FrontLayout::resolve([] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? (array) $attributes->getIterator() : [])); ?>
<?php $component->withName('frontoffice.front-layout'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag && $constructor = (new ReflectionClass(App\View\Components\Frontoffice\FrontLayout::class))->getConstructor()): ?>
<?php $attributes = $attributes->except(collect($constructor->getParameters())->map->getName()->all()); ?>
<?php endif; ?>
<?php $component->withAttributes([]); ?>

    <div class="no-bottom no-top" id="content">
        <div id="top"></div>

        <section id="section-hero" aria-label="section" class="jarallax">
            <img src="<?php echo e(asset('website/images/background/1.jpg')); ?>" class="jarallax-img" alt="">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-lg-12 text-light">
                        <div class="spacer-double"></div>
                        <div class="spacer-double"></div>
                        <h1 class="mb-2" style="font-size: 51px;">Vous cherchez un <span
                                class="id-color theme-btn-cl-orange">véhicule</span> ? Vous êtes au bon endroit.</h1>
                        <div class="spacer-single"></div>
                    </div>

                    <div class="col-lg-12">
                        <div class="spacer-single sm-hide"></div>
                        <div class="p-4 rounded-3 shadow-soft" data-bgcolor="#ffffff">
                            
                            <form method="post" action="<?php echo e(route('search.car')); ?>">
                                <?php echo csrf_field(); ?>
                                <div class="form-row row">
                                    <div class="form-group col-md-4">
                                        <label for="inputState">Type de véhicule</label>
                                        <select id="inputState" class="form-control js-example-basic-single"
                                            name="type_id">
                                            <?php $__empty_1 = true; $__currentLoopData = $types; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $type): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); $__empty_1 = false; ?>
                                                <option value="<?php echo e($type->id); ?>"><?php echo e($type->name); ?></option>
                                            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); if ($__empty_1): ?>
                                            <?php endif; ?>
                                        </select>
                                    </div>
                                    <div class="form-group col-md-4">
                                        <label for="start">Date de prise</label>
                                        <input class="form-control" id="start"
                                            placeholder="Choisir la date de depart">
                                    </div>
                                    <div class="form-group col-md-4">
                                        <label for="end">Date de retour</label>
                                        <input class="form-control" id="end" placeholder="Choisir la date de fin">
                                    </div>
                                </div>

                                <button type="submit"
                                    class="btn btn-dark w-100 mt-3 theme-btn-bg-orange">Rechercher</button>
                            </form>
                        </div>
                    </div>

                    

                    

                </div>
            </div>
        </section>


        <section id="section-cars">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-lg-6 offset-lg-3 text-center">
                        <h2>Notre selection <span class="theme-btn-cl-blue">Range Rover</span></h2>
                        <p>Sit labore et officia eiusmod tempor officia eiusmod dolor exercitation nulla dolore ut id
                            velit et ut anim.</p>
                        <div class="spacer-20"></div>
                    </div>

                    <div class="clearfix"></div>

                    <?php $__empty_1 = true; $__currentLoopData = $rangeRoverCars; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $rangeRoverCar): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); $__empty_1 = false; ?>
                        <?php
                            $images = $rangeRoverCar->images;
                        ?>
                        <div class="col-lg-4">
                            <div class="de-item mb30">
                                <div class="d-img">
                                    <img src="<?php echo e(asset('storage/' . $images[0]->image_path)); ?>" class="img-fluid"
                                        alt="">
                                </div>
                                <div class="d-info">
                                    <div class="d-text">
                                        <h4><?php echo e(mb_strtoupper($rangeRoverCar->brand->name) . ' ' . mb_strtoupper($rangeRoverCar->modele->name)); ?>


                                            <div class="d-item_like">
                                                <i class="fa fa-heart"></i><span>21</span>
                                            </div>
                                            <div class="d-atr-group">
                                                <span class="d-atr"><img src="website/images/icons/1.svg"
                                                        alt=""><?php echo e($rangeRoverCar->number_of_places); ?></span>
                                                <span class="d-atr d-none"><img src="website/images/icons/2.svg"
                                                        alt="">2</span>
                                                <span class="d-atr"><img src="website/images/icons/3.svg"
                                                        alt=""><?php echo e($rangeRoverCar->number_of_doors); ?></span>
                                                <span class="d-atr d-none"><img src="website/images/icons/4.svg"
                                                        alt="">SUV</span>
                                            </div>
                                            <div class="d-price">
                                                Prix par jour
                                                <span><?php echo e(number_format($rangeRoverCar->price, 0, ',', ' ') . ' XOF'); ?></span>
                                                <a class="btn-main theme-btn-bg-orange"
                                                    href="<?php echo e(route('car.details', $rangeRoverCar->id)); ?>">Consulter</a>
                                            </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); if ($__empty_1): ?>
                    <?php endif; ?>


                </div>
            </div>
        </section>

        <section class="text-light jarallax" aria-label="section">
            <img src="<?php echo e(asset('website/images/background/3.jpg')); ?>" alt="" class="jarallax-img">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12 text-light">
                        <div class="container-timeline">
                            <ul>
                                <li>
                                    <h4>Choisir un véhicule</h4>
                                    <p class="text-justify">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed
                                        do eiusmod tempor
                                        incididunt ut</p>
                                </li>
                                <li>
                                    <h4>Lieu & date</h4>
                                    <p class="text-justify">Duis aute irure dolor in reprehenderit in voluptate velit
                                        esse cillum dolore eu
                                        fugiat nulla</p>
                                </li>
                                <li>
                                    <h4>Faire la demande de réservation</h4>
                                    <p class="text-justify">Ut enim ad minim veniam, quis nostrud exercitation ullamco
                                        laboris </p>
                                </li>
                                <li>
                                    <h4>Asseyez-vous &amp ; détendez-vous</h4>
                                    <p class="text-justify">Ut enim ad minim veniam, quis nostrud exercitation ullamco
                                        laboris </p>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </section>


        

        <section aria-label="section">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-lg-6 offset-lg-3 text-center">
                        <h2>Nos caractéristiques</h2>
                        <p>Dolor esse sint officia est voluptate et qui deserunt et est eiusmod cillum mollit sunt nulla
                            cillum sit ut culpa ullamco.</p>
                        <div class="spacer-20"></div>
                    </div>
                    <div class="clearfix"></div>
                    <div class="col-lg-3">
                        <div class="box-icon s2 p-small mb20 wow fadeInRight" data-wow-delay=".5s">
                            <i class="fa bg-color fa-trophy"></i>
                            <div class="d-inner text-justify">
                                <h4>Des services de premier ordre</h4>
                                Est dolore ut laboris eu enim eu veniam nostrud esse laborum duis consequat nostrud id
                            </div>
                        </div>
                        <div class="box-icon s2 p-small mb20 wow fadeInL fadeInRight" data-wow-delay=".75s">
                            <i class="fa bg-color fa-road"></i>
                            <div class="d-inner text-justify">
                                <h4>Assistance routière 24/7</h4>
                                Est dolore ut laboris eu enim eu veniam nostrud esse laborum duis consequat nostrud id
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-6">
                        <img src="<?php echo e(asset('website/images/misc/car.png')); ?>" alt=""
                            class="img-fluid wow fadeInUp">
                    </div>

                    <div class="col-lg-3">
                        <div class="box-icon s2 d-invert p-small mb20 wow fadeInL fadeInLeft" data-wow-delay="1s">
                            <i class="fa bg-color fa-tag"></i>
                            <div class="d-inner text-justify">
                                <h4>La qualité à moindre coût</h4>
                                Est dolore ut laboris eu enim eu veniam nostrud esse laborum duis consequat nostrud id
                            </div>
                        </div>
                        <div class="box-icon s2 d-invert p-small mb20 wow fadeInL fadeInLeft" data-wow-delay="1.25s">
                            <i class="fa bg-color fa-map-pin"></i>
                            <div class="d-inner text-justify">
                                <h4>Prise en charge et dépôt gratuits</h4>
                                Est dolore ut laboris eu enim eu veniam nostrud esse laborum duis consequat nostrud id
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>


        <section class="text-light jarallax">
            <img src="<?php echo e(asset('website/images/background/2.jpg')); ?>" class="jarallax-img" alt="">
            <div class="container">

                <div class="spacer-double"></div>
                <div class="row text-center">
                    <div class="col-md-3 col-sm-6 mb-sm-30">
                        <div class="de_count transparent text-light wow fadeInUp">
                            <h3 class="timer" data-to="15425" data-speed="3000">0</h3>
                            Heures de travail
                        </div>
                    </div>
                    <div class="col-md-3 col-sm-6 mb-sm-30">
                        <div class="de_count transparent text-light wow fadeInUp">
                            <h3 class="timer" data-to="8745" data-speed="3000">0</h3>
                            Clients pris en charge
                        </div>
                    </div>
                    <div class="col-md-3 col-sm-6 mb-sm-30">
                        <div class="de_count transparent text-light wow fadeInUp">
                            <h3 class="timer" data-to="235" data-speed="3000">0</h3>
                            Prix remportés
                        </div>
                    </div>
                    <div class="col-md-3 col-sm-6 mb-sm-30">
                        <div class="de_count transparent text-light wow fadeInUp">
                            <h3 class="timer" data-to="15" data-speed="3000">0</h3>
                            Années d'expérience
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <section id="section-car">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-lg-6 offset-lg-3 text-center">
                        <h2>Notre flotte de <span class="theme-btn-cl-blue">véhicules</span></h2>
                        <p>Sit labore et officia eiusmod tempor officia eiusmod dolor exercitation nulla dolore ut id
                            velit et ut anim.</p>
                        <div class="spacer-20"></div>
                    </div>

                    <div id="items-carousel" class="owl-carousel wow fadeIn">


                        

                        <?php $__empty_1 = true; $__currentLoopData = $cars; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $car): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); $__empty_1 = false; ?>
                            <?php
                                $images = $car->images->toArray();
                                $path = $images[0]['image_path'];
                            ?>
                            <div class="col-lg-12">
                                <div class="de-item mb30">
                                    <div class="d-img">
                                        <img src="<?php echo e(asset('car_images/' .  $path)); ?>" class="img-fluid"
                                            alt="">
                                    </div>
                                    <div class="d-info">
                                        <div class="d-text">
                                            <h4><?php echo e(mb_strtoupper($car->brand->name) . ' ' . mb_strtoupper($car->modele->name)); ?>

                                            </h4>
                                            <div class="d-item_like">
                                                <i class="fa fa-heart"></i><span>74</span>
                                            </div>
                                            <div class="d-atr-group">
                                                <span class="d-atr"><img src="website/images/icons/1.svg"
                                                        alt=""><?php echo e($car->number_of_places); ?></span>
                                                <span class="d-atr d-none"><img src="website/images/icons/2.svg"
                                                        alt="">2</span>
                                                <span class="d-atr"><img src="website/images/icons/3.svg"
                                                        alt=""><?php echo e($car->number_of_doors); ?></span>
                                                <span class="d-atr d-none"><img src="website/images/icons/4.svg"
                                                        alt="">SUV</span>
                                            </div>
                                            <div class="d-price">
                                                Prix par jour
                                                <span><?php echo e(number_format($car->price, 0, ',', ' ') . ' XOF'); ?></span>
                                                <a class="btn-main text-white"
                                                    href="<?php echo e(route('car.details', $car->id)); ?>">Consulter</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); if ($__empty_1): ?>
                        <?php endif; ?>

                    </div>

                </div>
            </div>
        </section>

        <section id="section-call-to-action" class="pt60 pb60 text-light theme-btn-bg-orange">
            <div class="container">
                <div class="row">
                    <div class="col-lg-6 offset-lg-1">
                        <h2 class="s2" style="font-size: 33px;line-height: 40px;">Appellez-nous pour plus
                            d'informations. Le service clientèle de Rentaly est là pour vous aider à tout moment.</h2>
                    </div>

                    <div class="col-lg-5 text-lg-center text-sm-center">
                        <div class="phone-num-big ">
                            <i class="fa fa-phone"></i>
                            <span class="pnb-text">
                                Contactez-nous
                            </span>
                            <span class="pnb-num">
                                + 225 07 01 255 450
                            </span>
                        </div>
                        <a href="#" class="btn-main theme-btn-bg-orange">Contact Us</a>
                    </div>
                </div>
            </div>
        </section>










        <section aria-label="section" class="pt40 pb40 text-light" data-bgcolor="#181818">
            <div class="wow fadeInRight d-flex">
                <div class="de-marquee-list">
                    <div class="d-item">
                        <?php $__empty_1 = true; $__currentLoopData = $brands; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $brand): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); $__empty_1 = false; ?>
                            <span class="item-txt"><?php echo e(ucfirst($brand->name)); ?></span>
                            <span class="d-item-display">
                                <i class="d-item-dot"></i>
                            </span>
                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); if ($__empty_1): ?>
                        <?php endif; ?>
                    </div>
                </div>
            </div>
        </section>

    </div>

     <?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__attributesOriginal663168764e84b179f6ae40fec2a00491)): ?>
<?php $attributes = $__attributesOriginal663168764e84b179f6ae40fec2a00491; ?>
<?php unset($__attributesOriginal663168764e84b179f6ae40fec2a00491); ?>
<?php endif; ?>
<?php if (isset($__componentOriginal663168764e84b179f6ae40fec2a00491)): ?>
<?php $component = $__componentOriginal663168764e84b179f6ae40fec2a00491; ?>
<?php unset($__componentOriginal663168764e84b179f6ae40fec2a00491); ?>
<?php endif; ?>
<?php /**PATH /Users/xselservices/Herd/baby-rent/resources/views/frontoffice/home.blade.php ENDPATH**/ ?>