@foreach($times as $time)
    <div class="swiper-slide">
        <div class="form-check">
            <input class="form-check-input" type="radio" name="reservation_time" value="{{$time}}" id="timeReserv{{$loop->iteration}}">
            <label class="form-check-label" for="timeReserv{{$loop->iteration}}">
                {{date('g:i a',strtotime($time))}}
            </label>
        </div>
    </div>
@endforeach

<script>
    // ------------ time_swiper slider -----------
    // var swiper = new Swiper('.contact-pg .time_swiper', {
    //     slidesPerView: 5,
    //     spaceBetween: 15,
    //     // centeredSlides: true,
    //     speed: 1500,
    //     navigation: {
    //         nextEl: ' .time_swiper .swiper-button-next',
    //         prevEl: ' .time_swiper .swiper-button-prev',
    //     },
    //     mousewheel: false,
    //     keyboard: false,
    //     allowTouchMove: true,
    //     slideToClickedSlide: false,
    //     preventClicksPropagation: true,
    //     preventClicks: true,
    //     noSwiping: true,
    //     autoplay: false,
    //     pagination: {
    //         el: ' .time_swiper .swiper-pagination',
    //         clickable: true
    //     },
    //     loop: false,
    //     breakpoints: {
    //         0: {
    //             slidesPerView: 1,
    //         },
    //         480: {
    //             slidesPerView: 2,
    //         },
    //         1200: {
    //             slidesPerView: 5,
    //         }
    //     }
    // });

</script>
