{% extends 'main_base.html.twig' %}
{# {% block title %}{{ sayfa.title }}{% endblock %} #}
{# {% block description %}{{ sayfa.description }}{% endblock %} #}
{% 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>
    {#    {% set banner = sayfa.blog.banner %} #}
    {#    {% set bannerPath = asset('uploads/blog/banner/') %} #}
    {#    {% if banner is null %} #}
    {#        {% set banner = 'blog-banner.png' %} #}
    {#        {% set bannerPath = asset('assets/main/img/') %} #}
    {#    {% endif %} #}

    <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_randevu'|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_randevu'|trans }}</a>
            </div>
        </div>
    </header>

    {% 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_randevu'|trans }}</a>
                        </div>
                        <div class="online-appointment-wrapper" id="online-randevu-form">
                            <form method="POST" id="onlineAppointmentPageForm" enctype="multipart/form-data">
                                <div class="online-appointment-content">
                                    <!-- Online Randevu Al -->
                                    <div class="online-appointment-line">
                                        <div class="online-appointment-line-header" data-aos="fade-right"
                                             data-aos-duration="700"
                                             data-aos-delay="100">
                                            <h2>{{ 'online_randevu_al'|trans }}</h2>
                                        </div>
                                        <div class="online-appointment-line-text-wrapper">
                                            <div class="online-appointment-line-text" data-aos="fade-right"
                                                 data-aos-duration="700"
                                                 data-aos-delay="300">
                                                <h3>{{ 'randevu'|trans({'%brand%': 'Dentmax'}) }} <span>*</span></h3>
                                            </div>
                                            <div class="online-appointment-line-inputs">
                                                <div class="talep-edilen-tedavi" data-aos="fade-right"
                                                     data-aos-duration="700"
                                                     data-aos-delay="300">
                                                    <select class="select-tedavi" name="klinik" id="klinik_sec">
                                                        <option selected=""
                                                                disabled="">{{ 'klinik_seciniz'|trans }}</option>
                                                        <option value="istanbul" name="klinik">İstanbul</option>
                                                    </select>
                                                    <i class="talep-edilen-tedavi-icon bx bx-sm bx-down-arrow-alt "></i>
                                                </div>

                                                <div class="talep-edilen-tedavi" data-aos="fade-right"
                                                     data-aos-duration="700"
                                                     data-aos-delay="400">
                                                    <select class="select-tedavi" name="doktor" id="doktor_sec">
                                                        <option selected=""
                                                                disabled="">{{ 'doktor_seciniz'|trans }}</option>
                                                        <option value="Fatih Kahraman" name="doktor">Fatih Kahraman
                                                        </option>
                                                    </select>
                                                    <!-- <i class="talep-edilen-tedavi-icon bx bx-chevron-down"></i> -->
                                                    <i class="talep-edilen-tedavi-icon bx bx-sm bx-down-arrow-alt "></i>
                                                </div>

                                                <div class="randevu-degisikligi-icin" data-aos="fade-right"
                                                     data-aos-duration="700"
                                                     data-aos-delay="500">
                                                    <span>{{ 'randevu_tarihi_seciniz'|trans }}</span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="online-appointment-line-datepicker-wrapper">
                                            <div class="online-appointment-line-datepicker">
                                                <div id="picker"></div>
                                                <div class="picker-date-and-time">
                                                    <p>
                                                    <h4>{{ 'secili_tarih'|trans }}:</h4> <span
                                                            id="selected-date"></span> <input
                                                            id="selected-date-input" type="hidden" name="tarih"
                                                            value=""></p>
                                                    <p>
                                                    <h4>{{ 'secili_zaman'|trans }}:</h4> <span
                                                            id="selected-time"></span> <input
                                                            id="selected-time-input" type="hidden" name="saat"
                                                            value=""></p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="online-appointment-line online-appointment-line-for-image">
                                        <div class="online-appointment-line-header" data-aos="fade-right"
                                             data-aos-duration="700"
                                             data-aos-delay="100">
                                            <h2>{{ 'hasta_bilgileri'|trans }}</h2>
                                        </div>
                                        <div class="online-appointment-line-text-wrapper">
                                            <div class="online-appointment-line-text" data-aos="fade-right"
                                                 data-aos-duration="700"
                                                 data-aos-delay="300">
                                                <h3>{{ 'hasta_hakkinda'|trans }} <span>*</span></h3>
                                            </div>
                                            <div class="online-appointment-line-inputs">
                                                <input type="text"
                                                       placeholder="{{ 'adiniz'|trans~' '~'soyadiniz'|trans }}"
                                                       name="adsoyad"
                                                       data-aos="fade-right" data-aos-duration="700"
                                                       data-aos-delay="400">
                                                <input type="text" placeholder="{{ 'telefon_numaraniz'|trans }}"
                                                       name="telno"
                                                       data-aos="fade-right" data-aos-duration="700"
                                                       data-aos-delay="500">
                                            </div>
                                        </div>
                                        <div class="online-appointment-line-text-wrapper">
                                            <div class="online-appointment-line-text" data-aos="fade-right"
                                                 data-aos-duration="700"
                                                 data-aos-delay="300">
                                                <h3>{{ 'tedavi_tarih_araligi'|trans }} <span>*</span></h3>
                                            </div>
                                            <div class="online-appointment-line-inputs">
                                                <div class="talep-edilen-tedavi" data-aos="fade-right"
                                                     data-aos-duration="700"
                                                     data-aos-delay="700">
                                                    <select class="select-tedavi" name="tedavi"
                                                            id="talep_edilen_tedavi">
                                                        <option selected disabled>{{ 'tedavi_secin'|trans }}</option>
                                                        <option value="Diş İmplantı Tedavisi">Diş İmplantı Tedavisi
                                                        </option>
                                                    </select>
                                                    <!-- <i class="talep-edilen-tedavi-icon bx bx-chevron-down"></i> -->
                                                    <i class="talep-edilen-tedavi-icon bx bx-sm bx-down-arrow-alt"></i>
                                                </div>

                                                <div class="online-appointment-textarea" data-aos="fade-right"
                                                     data-aos-duration="700" data-aos-delay="800">
                                            <textarea name="mesaj" id="mesaj"
                                                      placeholder="{{ 'iletmek_istediginiz_mesaj'|trans }}"></textarea>
                                                </div>
                                                <label class="choose-file" for="choose-file-input" data-aos="fade-right"
                                                       data-aos-duration="700" data-aos-delay="900">
                                                    <span>{{ 'fotograf_ekle'|trans }} (jpg,png,pdf)</span>
                                                    <input type="file" name="resim" id="choose-file-input">
                                                    <i class="fa-solid fa-arrow-up-from-bracket"></i>
                                                </label>
                                            </div>
                                        </div>
                                        <div class="online-appointment-btn" data-aos="fade-up" data-aos-duration="700"
                                             data-aos-delay="1000">
                                            <button class="{# online-appointment-send-btn #} turquoise-button"
                                                    type="submit">
                                                {{ 'gonder'|trans|upper }}
                                            </button>
                                        </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>
                            </form>
                        </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>AOS.init({once: true})</script>
    <script src="https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.js"></script>
    <script src="{{ asset('assets/main/js/card.js') }}"></script>
    <script>
        $(document).ready(function () {

            {% if durum == 1 %}
            $('.online-appointment-info-wrapper').addClass('active');
            $('.online-appointment-info-exit').click(function () {
                $('.online-appointment-info-wrapper').removeClass('active');
            });
            {% endif %}

            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');
                }
            });

        })
    </script>

    <!-- Date -->
    <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 type="text/javascript">
        (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];
                    var saatInput = document.getElementById("selected-time-input");
                    var tarihInput = document.getElementById("selected-date-input");
                    $('#selected-date').html(d);
                    $('#selected-time').html(t);
                    $('#selected-date-input').val(d);
                    $('#selected-time-input').val(t);
                    tarihInput.html = t;
                    saatInput.html = s;

                },
                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 %}