{% extends 'main_base.html.twig' %}
{% block pageStyle %}
    
    <style>
        #loader-container {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: #40e0d0 !important;
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            z-index: 9999;
            transition: top 1s ease-out;
            column-gap: 1%;
        }

        #loader {
            width: 100px;
            height: 100px;
        }

        #loader-container img:first-child {
            width: 3%;
            height: auto;
        }

        #loader-container img {
            width: 15%;
            height: auto;
        }

        @media (max-width: 992px) {
            #loader-container img:first-child {
                width: 8%;
                height: auto;
            }

            #loader-container img {
                width: 40%;
                height: auto;
            }
        }

        #loader-container.hidden {
            transition: 0.6s ease-in;
            opacity: 0;
            visibility: hidden;
        }

    </style>
    <link rel="stylesheet"  href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css"/>
    <link rel="stylesheet"  href="https://cdn.jsdelivr.net/npm/aos@2.3.4/dist/aos.min.css"/>

    <link rel="stylesheet"  href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"/>
    <link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
{% endblock %}
{% block content %}
    <div id="loader-container">
        <img loading="lazy" src="{{ asset('assets/main/img/logoSmile.png') }}" alt="Loading...">
        <img loading="lazy" src="{{ asset('assets/main/img/dentmaxLogotxt.svg') }}" alt="Loading...">
    </div>
    {% block banner %}
        <header>
            <div class="header-img">
                <img loading="lazy" src="{{ asset('assets/main/img/dentmax-basindan.webp') }}" alt="Dentmax Basından">
            </div>
            <div class="header-content">
                <h1 data-aos="fade-right" data-aos-duration="800" data-aos-delay="200">{{ 'online_odeme'|trans }}</h1>
                {#<p data-aos="fade-in" data-aos-duration="800" data-aos-delay="500">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>#}
            </div>
            <div class="header-invisalign">
                <img loading="lazy" src="{{ asset('assets/main/img/icons/dentMax.webp') }}" alt="Dentmax invisailgn"
                     data-aos="fade-in" data-aos-duration="800" data-aos-delay="600">
            </div>
            <div class="header-document-path">
                <strong class="path-title">{{ 'online_hizmetler'|trans({'%starttag%': '', '%endtag%': ''})|upper }}</strong>
                <div class="content-router-links-path">
                    <a href="{{ path('app_main_default') }}">{{ 'anasayfa'|trans }} /</a>
                    <a href="javascript:void(0)">{{ 'online_hizmetler'|trans({'%starttag%': '', '%endtag%': ''}) }}
                        /</a>
                    <a href="javascript:void(0)">{{ 'online_odeme'|trans }}</a>
                </div>
            </div>
        </header>
    {% endblock %}
    {% block container %}
        <div class="wrapper">
            {% block navbar %}
                {{ render(controller('App\\Controller\\Main\\DefaultController::header', {request: app.request})) }}
            {% endblock %}
            <div class="content">
                <div class="global-content">
                    <div class="content-wrapper content-wrapper-document">
                        <div class="content-wrapper-links-path">
                            <a href="{{ path('app_main_default') }}">{{ 'anasayfa'|trans }} /</a>
                            <a href="javascript:void(0)">
                                {{ 'online_hizmetler'|trans({'%starttag%': '', '%endtag%': ''}) }} /
                            </a>
                            <a href="javascript:void(0)">{{ 'online_odeme'|trans }}</a>
                        </div>
                        <div class="online-appointment-wrapper">
                            <div id="onlineAppointmentPageForm">
                                <div class="online-appointment-content">
                                    <div id="kredikart_form" class="online-appointment-line">
                                        <div class="online-appointment-line-header aos-init aos-animate"
                                             data-aos="fade-right"
                                             data-aos-duration="1000" data-aos-delay="100">
                                            <h2>{{ 'odeme_bilgileri'|trans }}</h2>
                                        </div>
                                        <div class="online-appointment-line-text-wrapper">
                                            <div class="online-appointment-line-text aos-init aos-animate"
                                                 data-aos="fade-right"
                                                 data-aos-duration="1000" data-aos-delay="300">
                                                <h3>{{ 'odeme_kart_bilgileri'|trans }} <span>*</span></h3>
                                            </div>
                                            <div class="online-appointment-line-inputs">
                                                <input type="text" placeholder="{{ 'kart_uzerindeki_isim'|trans }}" name="kart_isim"
                                                       id="kart_isim" required="required" data-aos="fade-right"
                                                       data-aos-duration="1000" data-aos-delay="400"
                                                       class="aos-init aos-animate">
                                                <input type="text" placeholder="{{ 'kart_numarasi'|trans }}" name="kart_no"
                                                       id="kart_no"
                                                       required="required" data-aos="fade-right"
                                                       data-aos-duration="1000"
                                                       data-aos-delay="500" class="aos-init aos-animate">
                                                <div class="son_kullanma_tarihi">
                                                    <input type="text"
                                                           class="son_kullanma_tarihi_input aos-init aos-animate"
                                                           placeholder="{{ 'ay'|trans }}" name="kart_ay" id="kart_ay"
                                                           required="required"
                                                           data-aos="fade-right" data-aos-duration="1000"
                                                           data-aos-delay="600">
                                                    <input type="text"
                                                           class="son_kullanma_tarihi_input aos-init aos-animate"
                                                           placeholder="{{ 'yil'|trans }}" name="kart_yil" id="kart_yil"
                                                           required="required"
                                                           data-aos="fade-right" data-aos-duration="1000"
                                                           data-aos-delay="700">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="online-appointment-line-text-wrapper">
                                            <div class="online-appointment-line-text online-appointment-line-text-empty aos-init aos-animate"
                                                 data-aos="fade-right" data-aos-duration="1000" data-aos-delay="300">
                                                <h3><span></span></h3>
                                            </div>
                                            <div class="online-appointment-line-inputs">
                                                <input type="text" placeholder="{{ 'guvenlik_kodu'|trans }}" name="kart_cvv"
                                                       id="kart_cvv"
                                                       required="required" data-aos="fade-right"
                                                       data-aos-duration="1000"
                                                       data-aos-delay="800" class="aos-init aos-animate">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="online-date-dental-img">
                                        <img loading="lazy" src="{{ asset('assets/main/img/dentmax-dis-sagligi.png') }}"
                                             alt="Dentmax Diş">
                                    </div>
                                </div>
                                <div class="inspection-fee">
                                    <p data-aos="fade-left" data-aos-duration="500" data-aos-delay="200">
                                        {{ 'muayene_bedeli_bilgi'|trans|raw }}
                                    </p>
                                    <h3 data-aos="fade-up" data-aos-duration="500" data-aos-delay="500"
                                        class="inspection-fee-count">1.250.O0 TL.</h3>
                                    <p data-aos="fade-up" data-aos-duration="500" data-aos-delay="500"
                                       class="inspection-kdv">{{ 'kdv_dahil'|trans|upper }}</p>
                                </div>
                                <div class="payment-options" id="payment-wrapper">
                                    <div class="payment-options-header">
                                        <h2 data-aos="fade-right" data-aos-duration="1000" data-aos-delay="100">
                                            {{ 'taksit_secenekleri'|trans }}
                                        </h2>
                                        <h3 data-aos="fade-left" data-aos-duration="1000" data-aos-delay="100">KUVEYT
                                            TÜRK CC - KUVEYT TÜRK</h3>
                                    </div>
                                    <div class="payment-options-wrapper">
                                        <!-- installment card -->
                                        <div class="payment-options-card-wrapper" data-aos="fade-right"
                                             data-aos-duration="1000" data-aos-delay="300">
                                            <div class="payment-options-card">
                                                <div class="kredi_kart_div">
                                                    <div class="card-wrapper"></div>
                                                </div>
                                            </div>
                                        </div>
                                        <!-- installment  -->
                                        <div class="payment-options-installment" data-aos="fade-left"
                                             data-aos-duration="1000" data-aos-delay="300">
                                            <div class="payment-options-installment-form">
                                                <!-- installment options header -->
                                                <div class="payment-options-installment-header">
                                                    <p></p>
                                                    <p>{{ 'taksit_sayisi'|trans|upper }}</p>
                                                    <p>{{ 'taksit_tutari'|trans|upper }}</p>
                                                    <p>{{ 'taksit_tutari'|trans|upper }}</p>
                                                </div>
                                                <!-- installment options  -->
                                                <div class="payment-options-installment-options">
                                                    <input type="radio" name="installment-options" id="taksit-1">
                                                    <label for="taksit-1">1 {{ 'taksit'|trans|upper }}</label>
                                                    <label for="taksit-1">6,600.00 TL</label>
                                                    <label for="taksit-1">6,600.00 TL</label>
                                                </div>
                                                <div class="payment-options-installment-options">
                                                    <input type="radio" name="installment-options" id="taksit-2">
                                                    <label for="taksit-2">2 {{ 'taksit'|trans|upper }}</label>
                                                    <label for="taksit-2">6,600.00 TL</label>
                                                    <label for="taksit-2">6,600.00 TL</label>
                                                </div>
                                                <div class="payment-options-installment-options">
                                                    <input type="radio" name="installment-options" id="taksit-3">
                                                    <label for="taksit-3">3 {{ 'taksit'|trans|upper }}</label>
                                                    <label for="taksit-3">6,600.00 TL</label>
                                                    <label for="taksit-3">6,600.00 TL</label>
                                                </div>
                                                <div class="payment-options-installment-options">
                                                    <input type="radio" name="installment-options" id="taksit-4">
                                                    <label for="taksit-4">4 {{ 'taksit'|trans|upper }}</label>
                                                    <label for="taksit-4">6,600.00 TL</label>
                                                    <label for="taksit-4">6,600.00 TL</label>
                                                </div>
                                                <div class="payment-options-installment-options">
                                                    <input type="radio" name="installment-options" id="taksit-5">
                                                    <label for="taksit-5">5 {{ 'taksit'|trans|upper }}</label>
                                                    <label for="taksit-5">6,600.00 TL</label>
                                                    <label for="taksit-5">6,600.00 TL</label>
                                                </div>
                                                <div class="payment-options-installment-options">
                                                    <input type="radio" name="installment-options" id="taksit-6">
                                                    <label for="taksit-6">6 {{ 'taksit'|trans|upper }}</label>
                                                    <label for="taksit-6">6,600.00 TL</label>
                                                    <label for="taksit-6">6,600.00 TL</label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="onlineAppointment-btn" data-aos="fade-up" data-aos-duration="1000"
                                         data-aos-delay="300">
                                        <button type="button" class="turquoise-button" id="odeme-yap">{{ 'odeme_yap'|trans|upper }}</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    {% endblock %}
{% endblock %}
{% block pageScript %}
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/aos@2.3.4/dist/aos.min.js"></script>
    <script src="{{ asset('assets/main/js/card.js') }}"></script>
    <script src="https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
    <script type="text/javascript" src="{{ asset('assets/main/js/mark-your-calendar.js') }}"></script>
    <script>
        AOS.init({once: true})
        $(document).ready(function () {
            var card = new Card({
                form: '#kredikart_form', // *required*
                container: '.card-wrapper', // *required*

                formSelectors: {
                    numberInput: 'input#kart_no', // optional — default input[name="number"]
                    expiryInput: 'input#kart_ay, input#kart_yil', // optional — default input[name="expiry"]
                    cvcInput: 'input#kart_cvv', // optional — default input[name="cvc"]
                    nameInput: 'input#kart_isim' // optional - defaults input[name="name"]
                },
                placeholders: {
                    name: 'AD SOYAD'
                }
            });


            // Her bir talep-edilen-tedavi öğesi için click olayını ele alalım
            $('.talep-edilen-tedavi').on('click', function () {
                var icon = $(this).find('.talep-edilen-tedavi-icon');
                // Tıklanan öğenin altındaki talep-edilen-tedavi-icon elemanına etki et
                if (icon.hasClass('active')) {
                    icon.removeClass('active');
                } else {
                    // Tüm ikonları pasif hale getir
                    $('.talep-edilen-tedavi-icon').removeClass('active');
                    icon.addClass('active');
                }
            });

            // Sayfa herhangi bir yerine tıklandığında, tüm ikonları kapat
            $(document).on('click', function (event) {
                if (!$('.talep-edilen-tedavi').is(event.target) && $('.talep-edilen-tedavi').has(event.target).length === 0) {
                    $('.talep-edilen-tedavi-icon').removeClass('active');
                }
            });

        })

        $('#kart_no').keydown(function () {

            var value = $(this).val();
            value = value.replace(" ", "");

            if (value !== '') {
                if (value.length >= 6) {
                    $.ajax({
                        url: "{{ path('ajax_taksit_getir') }}",
                        type: 'POST',
                        data: {'cardno': value},
                        success: function (data) {
                            console.log(data);
                        }
                    });
                }
            } else {
                $(".installmentContainer").html('');
                binQueryCardNo = "";
            }
        });


    <!-- Date -->

        (function ($) {
            $('#picker').markyourcalendar({
                availability: [
                    ['09:00', '09:30 ', '10:00 ', '10:30 ', '11:00 ', '11:30 ', '12:00 ', '12:30 ', '13:00 ', '13:30 ', '14:00 ', '14:30 ', '15:00 ', '15:30 ', '16:00 ', '16:30 ', '17:00 ', '17:30 ', '18:00 ', '18:30'],
                    ['09:00', '09:30 ', '10:00 ', '10:30 ', '11:00 ', '11:30 ', '12:00 ', '12:30 ', '13:00 ', '13:30 ', '14:00 ', '14:30 ', '15:00 ', '15:30 ', '16:00 ', '16:30 ', '17:00 ', '17:30 ', '18:00 ', '18:30'],
                    ['09:00', '09:30 ', '10:00 ', '10:30 ', '11:00 ', '11:30 ', '12:00 ', '12:30 ', '13:00 ', '13:30 ', '14:00 ', '14:30 ', '15:00 ', '15:30 ', '16:00 ', '16:30 ', '17:00 ', '17:30 ', '18:00 ', '18:30'],
                    ['09:00', '09:30 ', '10:00 ', '10:30 ', '11:00 ', '11:30 ', '12:00 ', '12:30 ', '13:00 ', '13:30 ', '14:00 ', '14:30 ', '15:00 ', '15:30 ', '16:00 ', '16:30 ', '17:00 ', '17:30 ', '18:00 ', '18:30'],
                    ['09:00', '09:30 ', '10:00 ', '10:30 ', '11:00 ', '11:30 ', '12:00 ', '12:30 ', '13:00 ', '13:30 ', '14:00 ', '14:30 ', '15:00 ', '15:30 ', '16:00 ', '16:30 ', '17:00 ', '17:30 ', '18:00 ', '18:30'],
                    ['09:00', '09:30 ', '10:00 ', '10:30 ', '11:00 ', '11:30 ', '12:00 ', '12:30 ', '13:00 ', '13:30 ', '14:00 ', '14:30 ', '15:00 ', '15:30 ', '16:00 ', '16:30 ', '17:00 ', '17:30 ', '18:00 ', '18:30'],
                    ['09:00', '09:30 ', '10:00 ', '10:30 ', '11:00 ', '11:30 ', '12:00 ', '12:30 ', '13:00 ', '13:30 ', '14:00 ', '14:30 ', '15:00 ', '15:30 ', '16:00 ', '16:30 ', '17:00 ', '17:30 ', '18:00 ', '18:30'],
                    ['09:00', '09:30 ', '10:00 ', '10:30 ', '11:00 ', '11:30 ', '12:00 ', '12:30 ', '13:00 ', '13:30 ', '14:00 ', '14:30 ', '15:00 ', '15:30 ', '16:00 ', '16:30 ', '17:00 ', '17:30 ', '18:00 ', '18:30']
                ],
                // startDate: new Date("2023-12-04"),
                startDate: new Date(new Date().setUTCHours(0, 0, 0, 0)),
                onClick: function (ev, data) {
                    // data is a list of datetimes
                    var d = data[0].split(' ')[0];
                    var t = data[0].split(' ')[1];
                    $('#selected-date').html(d);
                    $('#selected-time').html(t);
                },
                onClickNavigator: function (ev, instance) {
                    var arr = [
                        [
                            ['09:00', '09:30 ', '10:00 ', '10:30 ', '11:00 ', '11:30 ', '12:00 ', '12:30 ', '13:00 ', '13:30 ', '14:00 ', '14:30 ', '15:00 ', '15:30 ', '16:00 ', '16:30 ', '17:00 ', '17:30 ', '18:00 ', '18:30'],
                            ['09:00', '09:30 ', '10:00 ', '10:30 ', '11:00 ', '11:30 ', '12:00 ', '12:30 ', '13:00 ', '13:30 ', '14:00 ', '14:30 ', '15:00 ', '15:30 ', '16:00 ', '16:30 ', '17:00 ', '17:30 ', '18:00 ', '18:30'],
                            ['09:00', '09:30 ', '10:00 ', '10:30 ', '11:00 ', '11:30 ', '12:00 ', '12:30 ', '13:00 ', '13:30 ', '14:00 ', '14:30 ', '15:00 ', '15:30 ', '16:00 ', '16:30 ', '17:00 ', '17:30 ', '18:00 ', '18:30'],
                            ['09:00', '09:30 ', '10:00 ', '10:30 ', '11:00 ', '11:30 ', '12:00 ', '12:30 ', '13:00 ', '13:30 ', '14:00 ', '14:30 ', '15:00 ', '15:30 ', '16:00 ', '16:30 ', '17:00 ', '17:30 ', '18:00 ', '18:30'],
                            ['09:00', '09:30 ', '10:00 ', '10:30 ', '11:00 ', '11:30 ', '12:00 ', '12:30 ', '13:00 ', '13:30 ', '14:00 ', '14:30 ', '15:00 ', '15:30 ', '16:00 ', '16:30 ', '17:00 ', '17:30 ', '18:00 ', '18:30'],
                            ['09:00', '09:30 ', '10:00 ', '10:30 ', '11:00 ', '11:30 ', '12:00 ', '12:30 ', '13:00 ', '13:30 ', '14:00 ', '14:30 ', '15:00 ', '15:30 ', '16:00 ', '16:30 ', '17:00 ', '17:30 ', '18:00 ', '18:30'],
                            ['09:00', '09:30 ', '10:00 ', '10:30 ', '11:00 ', '11:30 ', '12:00 ', '12:30 ', '13:00 ', '13:30 ', '14:00 ', '14:30 ', '15:00 ', '15:30 ', '16:00 ', '16:30 ', '17:00 ', '17:30 ', '18:00 ', '18:30']
                        ],
                        [
                            ['09:00', '09:30 ', '10:00 ', '10:30 ', '11:00 ', '11:30 ', '12:00 ', '12:30 ', '13:00 ', '13:30 ', '14:00 ', '14:30 ', '15:00 ', '15:30 ', '16:00 ', '16:30 ', '17:00 ', '17:30 ', '18:00 ', '18:30'],
                            ['09:00', '09:30 ', '10:00 ', '10:30 ', '11:00 ', '11:30 ', '12:00 ', '12:30 ', '13:00 ', '13:30 ', '14:00 ', '14:30 ', '15:00 ', '15:30 ', '16:00 ', '16:30 ', '17:00 ', '17:30 ', '18:00 ', '18:30'],
                            ['09:00', '09:30 ', '10:00 ', '10:30 ', '11:00 ', '11:30 ', '12:00 ', '12:30 ', '13:00 ', '13:30 ', '14:00 ', '14:30 ', '15:00 ', '15:30 ', '16:00 ', '16:30 ', '17:00 ', '17:30 ', '18:00 ', '18:30'],
                            ['09:00', '09:30 ', '10:00 ', '10:30 ', '11:00 ', '11:30 ', '12:00 ', '12:30 ', '13:00 ', '13:30 ', '14:00 ', '14:30 ', '15:00 ', '15:30 ', '16:00 ', '16:30 ', '17:00 ', '17:30 ', '18:00 ', '18:30'],
                            ['09:00', '09:30 ', '10:00 ', '10:30 ', '11:00 ', '11:30 ', '12:00 ', '12:30 ', '13:00 ', '13:30 ', '14:00 ', '14:30 ', '15:00 ', '15:30 ', '16:00 ', '16:30 ', '17:00 ', '17:30 ', '18:00 ', '18:30'],
                            ['09:00', '09:30 ', '10:00 ', '10:30 ', '11:00 ', '11:30 ', '12:00 ', '12:30 ', '13:00 ', '13:30 ', '14:00 ', '14:30 ', '15:00 ', '15:30 ', '16:00 ', '16:30 ', '17:00 ', '17:30 ', '18:00 ', '18:30'],
                            ['09:00', '09:30 ', '10:00 ', '10:30 ', '11:00 ', '11:30 ', '12:00 ', '12:30 ', '13:00 ', '13:30 ', '14:00 ', '14:30 ', '15:00 ', '15:30 ', '16:00 ', '16:30 ', '17:00 ', '17:30 ', '18:00 ', '18:30']
                        ],
                        [
                            ['09:00', '09:30 ', '10:00 ', '10:30 ', '11:00 ', '11:30 ', '12:00 ', '12:30 ', '13:00 ', '13:30 ', '14:00 ', '14:30 ', '15:00 ', '15:30 ', '16:00 ', '16:30 ', '17:00 ', '17:30 ', '18:00 ', '18:30'],
                            ['09:00', '09:30 ', '10:00 ', '10:30 ', '11:00 ', '11:30 ', '12:00 ', '12:30 ', '13:00 ', '13:30 ', '14:00 ', '14:30 ', '15:00 ', '15:30 ', '16:00 ', '16:30 ', '17:00 ', '17:30 ', '18:00 ', '18:30'],
                            ['09:00', '09:30 ', '10:00 ', '10:30 ', '11:00 ', '11:30 ', '12:00 ', '12:30 ', '13:00 ', '13:30 ', '14:00 ', '14:30 ', '15:00 ', '15:30 ', '16:00 ', '16:30 ', '17:00 ', '17:30 ', '18:00 ', '18:30'],
                            ['09:00', '09:30 ', '10:00 ', '10:30 ', '11:00 ', '11:30 ', '12:00 ', '12:30 ', '13:00 ', '13:30 ', '14:00 ', '14:30 ', '15:00 ', '15:30 ', '16:00 ', '16:30 ', '17:00 ', '17:30 ', '18:00 ', '18:30'],
                            ['09:00', '09:30 ', '10:00 ', '10:30 ', '11:00 ', '11:30 ', '12:00 ', '12:30 ', '13:00 ', '13:30 ', '14:00 ', '14:30 ', '15:00 ', '15:30 ', '16:00 ', '16:30 ', '17:00 ', '17:30 ', '18:00 ', '18:30'],
                            ['09:00', '09:30 ', '10:00 ', '10:30 ', '11:00 ', '11:30 ', '12:00 ', '12:30 ', '13:00 ', '13:30 ', '14:00 ', '14:30 ', '15:00 ', '15:30 ', '16:00 ', '16:30 ', '17:00 ', '17:30 ', '18:00 ', '18:30'],
                            ['09:00', '09:30 ', '10:00 ', '10:30 ', '11:00 ', '11:30 ', '12:00 ', '12:30 ', '13:00 ', '13:30 ', '14:00 ', '14:30 ', '15:00 ', '15:30 ', '16:00 ', '16:30 ', '17:00 ', '17:30 ', '18:00 ', '18:30']
                        ],
                        [
                            ['09:00', '09:30 ', '10:00 ', '10:30 ', '11:00 ', '11:30 ', '12:00 ', '12:30 ', '13:00 ', '13:30 ', '14:00 ', '14:30 ', '15:00 ', '15:30 ', '16:00 ', '16:30 ', '17:00 ', '17:30 ', '18:00 ', '18:30'],
                            ['09:00', '09:30 ', '10:00 ', '10:30 ', '11:00 ', '11:30 ', '12:00 ', '12:30 ', '13:00 ', '13:30 ', '14:00 ', '14:30 ', '15:00 ', '15:30 ', '16:00 ', '16:30 ', '17:00 ', '17:30 ', '18:00 ', '18:30'],
                            ['09:00', '09:30 ', '10:00 ', '10:30 ', '11:00 ', '11:30 ', '12:00 ', '12:30 ', '13:00 ', '13:30 ', '14:00 ', '14:30 ', '15:00 ', '15:30 ', '16:00 ', '16:30 ', '17:00 ', '17:30 ', '18:00 ', '18:30'],
                            ['09:00', '09:30 ', '10:00 ', '10:30 ', '11:00 ', '11:30 ', '12:00 ', '12:30 ', '13:00 ', '13:30 ', '14:00 ', '14:30 ', '15:00 ', '15:30 ', '16:00 ', '16:30 ', '17:00 ', '17:30 ', '18:00 ', '18:30'],
                            ['09:00', '09:30 ', '10:00 ', '10:30 ', '11:00 ', '11:30 ', '12:00 ', '12:30 ', '13:00 ', '13:30 ', '14:00 ', '14:30 ', '15:00 ', '15:30 ', '16:00 ', '16:30 ', '17:00 ', '17:30 ', '18:00 ', '18:30'],
                            ['09:00', '09:30 ', '10:00 ', '10:30 ', '11:00 ', '11:30 ', '12:00 ', '12:30 ', '13:00 ', '13:30 ', '14:00 ', '14:30 ', '15:00 ', '15:30 ', '16:00 ', '16:30 ', '17:00 ', '17:30 ', '18:00 ', '18:30'],
                            ['09:00', '09:30 ', '10:00 ', '10:30 ', '11:00 ', '11:30 ', '12:00 ', '12:30 ', '13:00 ', '13:30 ', '14:00 ', '14:30 ', '15:00 ', '15:30 ', '16:00 ', '16:30 ', '17:00 ', '17:30 ', '18:00 ', '18:30']
                        ],
                        [
                            ['09:00', '09:30 ', '10:00 ', '10:30 ', '11:00 ', '11:30 ', '12:00 ', '12:30 ', '13:00 ', '13:30 ', '14:00 ', '14:30 ', '15:00 ', '15:30 ', '16:00 ', '16:30 ', '17:00 ', '17:30 ', '18:00 ', '18:30'],
                            ['09:00', '09:30 ', '10:00 ', '10:30 ', '11:00 ', '11:30 ', '12:00 ', '12:30 ', '13:00 ', '13:30 ', '14:00 ', '14:30 ', '15:00 ', '15:30 ', '16:00 ', '16:30 ', '17:00 ', '17:30 ', '18:00 ', '18:30'],
                            ['09:00', '09:30 ', '10:00 ', '10:30 ', '11:00 ', '11:30 ', '12:00 ', '12:30 ', '13:00 ', '13:30 ', '14:00 ', '14:30 ', '15:00 ', '15:30 ', '16:00 ', '16:30 ', '17:00 ', '17:30 ', '18:00 ', '18:30'],
                            ['09:00', '09:30 ', '10:00 ', '10:30 ', '11:00 ', '11:30 ', '12:00 ', '12:30 ', '13:00 ', '13:30 ', '14:00 ', '14:30 ', '15:00 ', '15:30 ', '16:00 ', '16:30 ', '17:00 ', '17:30 ', '18:00 ', '18:30'],
                            ['09:00', '09:30 ', '10:00 ', '10:30 ', '11:00 ', '11:30 ', '12:00 ', '12:30 ', '13:00 ', '13:30 ', '14:00 ', '14:30 ', '15:00 ', '15:30 ', '16:00 ', '16:30 ', '17:00 ', '17:30 ', '18:00 ', '18:30'],
                            ['09:00', '09:30 ', '10:00 ', '10:30 ', '11:00 ', '11:30 ', '12:00 ', '12:30 ', '13:00 ', '13:30 ', '14:00 ', '14:30 ', '15:00 ', '15:30 ', '16:00 ', '16:30 ', '17:00 ', '17:30 ', '18:00 ', '18:30'],
                            ['09:00', '09:30 ', '10:00 ', '10:30 ', '11:00 ', '11:30 ', '12:00 ', '12:30 ', '13:00 ', '13:30 ', '14:00 ', '14:30 ', '15:00 ', '15:30 ', '16:00 ', '16:30 ', '17:00 ', '17:30 ', '18:00 ', '18:30']
                        ],
                        [
                            ['09:00', '09:30 ', '10:00 ', '10:30 ', '11:00 ', '11:30 ', '12:00 ', '12:30 ', '13:00 ', '13:30 ', '14:00 ', '14:30 ', '15:00 ', '15:30 ', '16:00 ', '16:30 ', '17:00 ', '17:30 ', '18:00 ', '18:30'],
                            ['09:00', '09:30 ', '10:00 ', '10:30 ', '11:00 ', '11:30 ', '12:00 ', '12:30 ', '13:00 ', '13:30 ', '14:00 ', '14:30 ', '15:00 ', '15:30 ', '16:00 ', '16:30 ', '17:00 ', '17:30 ', '18:00 ', '18:30'],
                            ['09:00', '09:30 ', '10:00 ', '10:30 ', '11:00 ', '11:30 ', '12:00 ', '12:30 ', '13:00 ', '13:30 ', '14:00 ', '14:30 ', '15:00 ', '15:30 ', '16:00 ', '16:30 ', '17:00 ', '17:30 ', '18:00 ', '18:30'],
                            ['09:00', '09:30 ', '10:00 ', '10:30 ', '11:00 ', '11:30 ', '12:00 ', '12:30 ', '13:00 ', '13:30 ', '14:00 ', '14:30 ', '15:00 ', '15:30 ', '16:00 ', '16:30 ', '17:00 ', '17:30 ', '18:00 ', '18:30'],
                            ['09:00', '09:30 ', '10:00 ', '10:30 ', '11:00 ', '11:30 ', '12:00 ', '12:30 ', '13:00 ', '13:30 ', '14:00 ', '14:30 ', '15:00 ', '15:30 ', '16:00 ', '16:30 ', '17:00 ', '17:30 ', '18:00 ', '18:30'],
                            ['09:00', '09:30 ', '10:00 ', '10:30 ', '11:00 ', '11:30 ', '12:00 ', '12:30 ', '13:00 ', '13:30 ', '14:00 ', '14:30 ', '15:00 ', '15:30 ', '16:00 ', '16:30 ', '17:00 ', '17:30 ', '18:00 ', '18:30'],
                            ['09:00', '09:30 ', '10:00 ', '10:30 ', '11:00 ', '11:30 ', '12:00 ', '12:30 ', '13:00 ', '13:30 ', '14:00 ', '14:30 ', '15:00 ', '15:30 ', '16:00 ', '16:30 ', '17:00 ', '17:30 ', '18:00 ', '18:30']
                        ],
                        [
                            ['09:00', '09:30 ', '10:00 ', '10:30 ', '11:00 ', '11:30 ', '12:00 ', '12:30 ', '13:00 ', '13:30 ', '14:00 ', '14:30 ', '15:00 ', '15:30 ', '16:00 ', '16:30 ', '17:00 ', '17:30 ', '18:00 ', '18:30'],
                            ['09:00', '09:30 ', '10:00 ', '10:30 ', '11:00 ', '11:30 ', '12:00 ', '12:30 ', '13:00 ', '13:30 ', '14:00 ', '14:30 ', '15:00 ', '15:30 ', '16:00 ', '16:30 ', '17:00 ', '17:30 ', '18:00 ', '18:30'],
                            ['09:00', '09:30 ', '10:00 ', '10:30 ', '11:00 ', '11:30 ', '12:00 ', '12:30 ', '13:00 ', '13:30 ', '14:00 ', '14:30 ', '15:00 ', '15:30 ', '16:00 ', '16:30 ', '17:00 ', '17:30 ', '18:00 ', '18:30'],
                            ['09:00', '09:30 ', '10:00 ', '10:30 ', '11:00 ', '11:30 ', '12:00 ', '12:30 ', '13:00 ', '13:30 ', '14:00 ', '14:30 ', '15:00 ', '15:30 ', '16:00 ', '16:30 ', '17:00 ', '17:30 ', '18:00 ', '18:30'],
                            ['09:00', '09:30 ', '10:00 ', '10:30 ', '11:00 ', '11:30 ', '12:00 ', '12:30 ', '13:00 ', '13:30 ', '14:00 ', '14:30 ', '15:00 ', '15:30 ', '16:00 ', '16:30 ', '17:00 ', '17:30 ', '18:00 ', '18:30'],
                            ['09:00', '09:30 ', '10:00 ', '10:30 ', '11:00 ', '11:30 ', '12:00 ', '12:30 ', '13:00 ', '13:30 ', '14:00 ', '14:30 ', '15:00 ', '15:30 ', '16:00 ', '16:30 ', '17:00 ', '17:30 ', '18:00 ', '18:30'],
                            ['09:00', '09:30 ', '10:00 ', '10:30 ', '11:00 ', '11:30 ', '12:00 ', '12:30 ', '13:00 ', '13:30 ', '14:00 ', '14:30 ', '15:00 ', '15:30 ', '16:00 ', '16:30 ', '17:00 ', '17:30 ', '18:00 ', '18:30']
                        ]
                    ]
                    var rn = Math.floor(Math.random() * 10) % 7;
                    instance.setAvailability(arr[rn]);
                }
            });
        })(jQuery);
    </script>
{% endblock %}