ldc-boutique-cnc-sable/integration/tunnel-3.php

<?php require_once('header.php'); ?>


<div class="main">


    <?php require_once('partials/breadcrumb.php'); ?>

    <div class="hero-banner">
        <div class="hero-banner__wrapper wrapper">
            <img src="img/hero_login.jpg" />
        </div>
    </div>

    <?php
    $activestep = 3;
    require_once('partials/tunnelstepper.php');
    ?>

    <div class="wrapper">
        <h1 class="title">Choisissez où et quand retirer votre commande</h1>
        <div class="section section_white">
            <div class="wrapper-inner">
                <div class="form__row">
                    <div class="point-relay">
                        <h2 class="title title_xs">1. Choisissez votre point de retrait</h2>

                        <form class="point-relay__form form">
                            <input class="form__input" type="text" placeholder="Rechercher une adresse">
                            <button class="btn btn_blue">OK</button>
                            <button class="btn">
                                <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34px" height="34px">
                                    <path fill-rule="evenodd" stroke="rgb(255, 255, 255)" stroke-width="2px" stroke-linecap="butt" stroke-linejoin="miter" fill="none" d="M16.500,5.000 C22.851,5.000 28.000,10.149 28.000,16.500 C28.000,22.851 22.851,28.000 16.500,28.000 C10.149,28.000 5.000,22.851 5.000,16.500 C5.000,10.149 10.149,5.000 16.500,5.000 Z" />
                                    <path fill-rule="evenodd" fill="rgb(255, 255, 255)" d="M-0.000,17.000 L-0.000,16.000 L10.000,16.000 L10.000,17.000 L-0.000,17.000 Z" />
                                    <path fill-rule="evenodd" fill="rgb(255, 255, 255)" d="M23.000,17.000 L23.000,16.000 L33.000,16.000 L33.000,17.000 L23.000,17.000 Z" />
                                    <path fill-rule="evenodd" fill="rgb(255, 255, 255)" d="M16.000,10.000 L16.000,-0.000 L17.000,-0.000 L17.000,10.000 L16.000,10.000 Z" />
                                    <path fill-rule="evenodd" fill="rgb(255, 255, 255)" d="M16.000,33.000 L16.000,23.000 L17.000,23.000 L17.000,33.000 L16.000,33.000 Z" />
                                    <path fill-rule="evenodd" stroke="rgb(255, 255, 255)" stroke-width="1px" stroke-linecap="butt" stroke-linejoin="miter" fill="none" d="M16.000,16.000 L17.000,16.000 L16.000,16.000 Z" />
                                </svg>
                            </button>
                        </form>

                    </div>
                    <div class="datetime-collect">
                        <h2 class="title title_xs">2. Choisissez le jour et l'heure du retrait de votre commande</h2>
<?php

$availCreneaux = array();
$availCreneaux['06/03/2021'][] = '09:00';
$availCreneaux['06/03/2021'][] = '09:15';
$availCreneaux['07/03/2021'][] = '09:00';
$availCreneaux['07/03/2021'][] = '09:15';
$availCreneaux['07/03/2021'][] = '09:30';
$availCreneaux['03/03/2021'][] = '09:00';
$availCreneaux['03/03/2021'][] = '09:15';
$availCreneaux['03/03/2021'][] = '09:30';
$availCreneaux['03/03/2021'][] = '09:45';
$availCreneaux['03/03/2021'][] = '10:00';
$availCreneaux['03/03/2021'][] = '10:15';
$availCreneaux['04/03/2021'][] = '09:00';
$availCreneaux['04/03/2021'][] = '09:15';
$availCreneaux['04/03/2021'][] = '09:30';
$availCreneaux['05/03/2021'][] = '09:00';
$availCreneaux['05/03/2021'][] = '09:15';
$availCreneaux['05/03/2021'][] = '09:30';
$availCreneaux['05/03/2021'][] = '10:00';
$availCreneaux['05/03/2021'][] = '11:15';
$availCreneaux['05/03/2021'][] = '11:30';

$jsonCreneaux = json_encode($availCreneaux,JSON_UNESCAPED_SLASHES);
?>

                        <timeslot-picker show-only-availables dbavailablecreneaux='<?php echo $jsonCreneaux ?>'></timeslot-picker>

                        <div class="form__field">
                            <input type="checkbox" id="cgv"><label for="cgv">J’ai lu et j’accepte les conditions générales de vente.</label>
                        </div>

                    </div>
                </div>
                <?php require_once('partials/tunnelactions.php'); ?>
            </div>
        </div>
    </div>


</div>
<?php require_once('footer.php'); ?>