{% 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;
        }

        .iti__selected-dial-code {
            color: #fff
        }

        .iti__selected-country {
            padding-left: 25px !important;
        }


    </style>
    <link rel="stylesheet"  href="{{ asset('assets/main/css/font.min.css') }}"/>
    <link rel="stylesheet"  href="{{ asset('assets/main/css/style.min.css') }}"/>
    <link rel="stylesheet"  href="{{ asset('assets/main/css/responsive.min.css') }}"/>
    <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">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
    <link href="https://cdn.jsdelivr.net/npm/sweetalert2@11.10.8/dist/sweetalert2.min.css" rel="stylesheet">
    <link rel="stylesheet"  href="{{ asset('assets/main/css/theme.min.css') }}">
    <link rel="stylesheet"  href="https://cdn.jsdelivr.net/npm/intl-tel-input@24.4.0/build/css/intlTelInput.css">
    <link rel="stylesheet"  href="{{ asset('assets/main/css/online-muayene.min.css') }}">
    <style>
        nav {
            background: none !important;
            border: none !important;
        }

        .mobile-dropdown-menu {
            top: 70px;
            border: none;
            display: block;

        }
        @media (max-width: 1180px) {
            header{
                display: none !important;
            }
        }
    </style>
{% 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">


                        <section class="section-oa online-appointment-page px-4" style="background-color:unset;">
                            {% set step = app.request.query.get('Step') %}
                            {% if step != 'AppointmentReNew' and entity is not null and entity.tamamlandi %}
                                <div class="container mt-5 pt-5 px-5">
                                    <div class="online-appointment-info-container">
                                        <div class="online-appointment-info-content">
                                            <div class="online-appointment-info-content-icon">
                                                <svg style="width: 90px;height:90px;" viewBox="0 0 100 100"
                                                     xmlns="http://www.w3.org/2000/svg">
                                                    <g clip-path="url(#clip0_59_5400)">
                                                        <path d="M50.255 100C43.5377 100 37.022 98.6888 30.8896 96.0866C24.969 93.5852 19.6435 89.9945 15.0745 85.4255C10.5055 80.8565 6.92489 75.5411 4.41343 69.6104C1.8112 63.478 0.5 56.9623 0.5 50.255C0.5 43.5477 1.8112 37.022 4.41343 30.8896C6.9148 24.969 10.5055 19.6435 15.0745 15.0745C19.6435 10.5055 24.9589 6.92489 30.8896 4.41343C37.022 1.8112 43.5377 0.5 50.255 0.5C56.9724 0.5 61.2691 1.40775 66.4736 3.20309C68.743 3.98981 69.9533 6.46092 69.1666 8.74039C68.3799 11.0199 65.9088 12.2201 63.6293 11.4334C59.3326 9.95074 54.8342 9.20436 50.245 9.20436C39.2813 9.20436 28.9732 13.4708 21.2271 21.2271C13.4708 28.9833 9.20436 39.2914 9.20436 50.245C9.20436 61.1985 13.4708 71.5167 21.2271 79.2628C28.9833 87.0191 39.2813 91.2856 50.245 91.2856C61.2086 91.2856 71.5167 87.0191 79.2628 79.2628C87.0191 71.5066 91.2856 61.1985 91.2856 50.245C91.2856 39.2914 90.5593 41.3086 89.1372 37.0825C88.3707 34.803 89.5911 32.3319 91.8706 31.5654C94.15 30.7988 96.6211 32.0193 97.3877 34.2987C99.1225 39.4225 100 44.7883 100 50.245C100 55.7016 98.6888 63.478 96.0866 69.6104C93.5852 75.531 89.9945 80.8565 85.4255 85.4255C80.8565 89.9945 75.5411 93.5751 69.6104 96.0866C63.478 98.6787 56.9623 100 50.245 100H50.255Z"
                                                              fill="#3BC451"></path>
                                                        <path d="M45.7566 73.5137C44.6068 73.5137 43.4973 73.0598 42.6803 72.2429L26.0079 55.5704C24.3034 53.8659 24.3034 51.1123 26.0079 49.4179C27.7125 47.7133 30.466 47.7133 32.1605 49.4179L45.1615 62.4189L83.7411 7.08624C85.1128 5.10935 87.826 4.6353 89.8029 6.00702C91.7798 7.37873 92.2538 10.0919 90.8821 12.0688L49.3271 71.6478C48.5908 72.7068 47.4208 73.3826 46.1399 73.4935C46.0088 73.5036 45.8877 73.5137 45.7566 73.5137Z"
                                                              fill="#3BC451"></path>
                                                    </g>
                                                    <defs>
                                                        <clippath id="clip0_59_5400">
                                                            <rect width="99.5" height="99.5" fill="white"
                                                                  transform="translate(0.5 0.5)"></rect>
                                                        </clippath>
                                                    </defs>
                                                </svg>
                                            </div>

                                            <div class="online-appointment-info-content-title"
                                                 style="color: var(--c-success);">
                                                Randevu Talebin Başarılı
                                            </div>
                                            <div class="online-appointment-info-content-text">
                                                Randevun başarıyla oluşturuldu. Seni bekliyoruz.
                                            </div>
                                            <div class="online-appointment-info-content-info">
                                                <div class="online-appointment-info-content-infoImage">
                                                    {% if entity.hekimAvatar is null %}
                                                        <img loading="lazy" src="{{ asset('assets/main/img/user.webp') }}"
                                                             alt="{{ entity.hekimAdi }}">
                                                    {% else %}
                                                        <img loading="lazy" src="{{ entity.hekimAvatar }}" alt="{{ entity.hekimAdi }}">
                                                    {% endif %}
                                                </div>
                                                <div class="online-appointment-info-content-infoClinic">
                                                    {{ entity.klinikAdi }}
                                                </div>
                                                <div class="online-appointment-info-content-infoDoctor">
                                                    {{ entity.hekimAdi }}
                                                </div>
                                                <div class="online-appointment-info-content-infoPNR">
                                                    PNR No: {{ entity.pnr }}
                                                </div>
                                                <div class="online-appointment-info-content-infoDate">
                                                    {# 27 May 2024 Pazartesi 18:00 #}
                                                    {{ entity.randevuTarihi|date('Y-m-d H:i') }}
                                                </div>
                                                <div class="online-appointment-info-content-infoPayment">
                                                    {{ entity.odemeSecenegi == 'clinic' ? 'Klinikte Ödenecek' : 'Online Ödendi' }}
                                                    <br>Toplam Tutar : {{ entity.odemeTutari }}
                                                </div>
                                            </div>
                                            <div class="online-appointment-info-content-button">
                                                <a href="{{ path('app_main_default') }}" class="btn btn--alternate">
                                                    <div class="px-3 text-dark">Ana Sayfaya Dön</div>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            {% else %}
                                <div class="container">
                                    <div class="section-oa-row">
                                        <div class="section-oa-row-left">
                                            <div class="section-oa-info">
                                                <div class="section-oa-info-content active">
                                                    <div class="section-oa-info-image"
                                                         style="width: 100%;opacity: 0.5;">
                                                        <img loading="lazy" id="logoSmile" src="{{ asset('assets/main/img/logoSmileTurkuaz.png') }}" alt="icon" style="max-width: 20%;">
                                                    </div>
                                                    <div class="section-oa-info-content-clinic">Maslak Diş Kliniği</div>
                                                    <div class="section-oa-info-content-doctor">
                                                        <div class="section-oa-info-content-doctor-name"></div>
                                                        <div class="section-oa-info-content-doctor-roles"
                                                             style="width: 50%;"></div>
                                                        <div class="section-oa-info-content-doctor-image hidden">
                                                            <img loading="lazy" src="{{ asset('assets/main/img/logo.png') }}" alt="">
                                                        </div>
                                                    </div>
                                                    <div class="section-oa-info-content-sd"></div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="section-oa-row-right">
                                            <h1>{{ 'online_randevu'|trans }}</h1>
                                            <div class="steps">
                                                <div class="step-item  {{ entity is null or step != 'AppointmentReNew' ? 'active' : '' }}">
                                                    01
                                                </div>

                                                <div class="step-item {{ entity is null ? '' : 'active' }}">02</div>
                                                <div class="step-item {{ entity is null ? '' : 'active' }} {{ step == 'AppointmentReNew' ? 'active' : '' }}">
                                                    03
                                                </div>
                                                <div class="step-item {{ entity is null ? '' : 'active' }}">04</div>
                                                <div class="step-item">05</div>
                                                <progress id="progress" value="0" max="100"></progress>
                                            </div>
                                            <p class="text-center">
                                                {{ 'randevu_olustur'|trans }}
                                                </p>
                                            <form class="section-oa-form" method="POST" autocomplete="off">
                                                <input type="hidden" name="ClinicID" value="">
                                                <input type="hidden" name="DoctorID" value="">
                                                <input type="hidden" name="SD" value="">
                                                <input type="hidden" name="ST" value="">
                                                {% if entity is not null and entity.tamamlandi %}
                                                    <input type="hidden" name="DataCheckerReNew" value="">
                                                {% endif %}
                                                {% if entity is null or step == 'AppointmentReNew' %}
                                                    <div class="section-oa-form-item {{ step != 'AppointmentReNew' ? 'active' : '' }}"
                                                         data-step="1">
                                                        <div class="select-dropdown select-dropdown--clinic">
                                                            <div class="select-dropdown-content">
                                                                <div class="select-dropdown-content-text">
                                                                    {{ 'klinik_seciniz'|trans }}
                                                                </div>
                                                                <div class="select-dropdown-content-icon">
                                                                   <i class="fa fa-chevron-down"></i>
                                                                 </div>
                                                            </div>
                                                            <div class="select-dropdown-content-data"></div>
                                                        </div>
                                                        <div class="mt-4 text-center">
                                                            <button type="button" onclick="Appointment.ReNewModal()" class="aHref txt--font600">
                                                                {{ 'randevu_degisiklik'|trans }}
                                                            </button>
                                                        </div>
                                                    </div>
                                                    <div class="section-oa-form-item" data-step="2">
                                                        <div class="select-dropdown select-dropdown--doctor">
                                                            <div class="select-dropdown-content">
                                                                <div class="select-dropdown-content-text">
                                                                    {{ 'doktor_seciniz'|trans }}
                                                                </div>
                                                                <div class="select-dropdown-content-icon">
                                                                    <img loading="lazy" src="{{ asset('assets/main/img/icons/tooth.png') }}"
                                                                         style="width:30px">
                                                                </div>
                                                            </div>
                                                            <div class="select-dropdown-content-data"></div>
                                                        </div>
                                                        <div class="section-oa-form-item-footer">
                                                            <div class="section-oa-form-item-footer-item prev-step-button"
                                                                 onclick="Appointment.formStepper(1)">
                                                                <button class="btn" type="button">
                                                                    <div class="btn-txt text-dark">
                                                                        {{ 'geri'|trans }} <i class="fa fa-chevron-left"></i>
                                                                    </div>
                                                                </button>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="section-oa-form-item {{ step == 'AppointmentReNew' ? 'active' : '' }}"
                                                         data-step="3">
                                                        <div class="doctor-hour-container">
                                                            <div class="doctor-hour-container-icon doctor-hour-container-icon-prev"
                                                                 onclick="Appointment.PrevDate()">
                                                                <i class="fa fa-chevron-left text-white"></i>
                                                            </div>
                                                            <div class="doctor-hour-container-icon doctor-hour-container-icon-next"
                                                                 onclick="Appointment.NextDate()">
                                                                <i class="fa fa-chevron-right text-white"></i>
                                                            </div>
                                                            <div class="row doctor-hour-container-content"></div>
                                                            <div class="section-oa-form-item-footer">
                                                                <div class="section-oa-form-item-footer-item prev-step-button"
                                                                     onclick="Appointment.formStepper(2)">
                                                                    <button class="btn" type="button">
                                                                        <div class="btn-txt text-dark">

                                                                            {{ 'geri'|trans }}<i class="fa fa-chevron-left"></i>
                                                                        </div>
                                                                    </button>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="section-oa-form-item" data-step="4">
                                                        <div class="row g-4 g-md-3 section-oa-patient-step">
                                                            <div>
                                                                <div class="input-item">
                                                                    <input type="text" name="PatientNumber" id="PatientNumber" placeholder="TC / Pasaport no" maxlength="11">
                                                                </div>
                                                            </div>
                                                            <div>
                                                                <div class="input-item">
                                                                    <input type="text" name="PatientFirstName" id="PatientFirstName" placeholder="{{ 'adiniz'|trans }}">
                                                                </div>
                                                            </div>
                                                            <div>
                                                                <div class="input-item">
                                                                    <input type="text" name="PatientLastName" id="PatientLastName" placeholder="{{ 'soyadiniz'|trans }}">
                                                                </div>
                                                            </div>
                                                            <div class="section-oa-patient-step__phone">
                                                                <div class="input-item input-item--phone">
                                                                    <input type="tel" class="phone" id="phone" autocomplete="off" placeholder="(  )">
                                                                </div>
                                                                <input type="hidden" name="ContactRegion" id="ContactRegion" value="90">
                                                                <input type="hidden" name="ContactMobile" id="ContactMobile">
                                                            </div>
                                                            <div>
                                                                <div class="input-item">
                                                                    <input type="text" name="ContactEmail" id="ContactEmail" placeholder="{{ 'eposta'|trans }} (*)">
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="section-oa-form-item-footer">
                                                            <div class="section-oa-form-item-footer-item prev-step-button"
                                                                 onclick="Appointment.formStepper(3)">
                                                                <button class="btn" type="button">
                                                                    <div class="btn-txt text-dark">
                                                                        {{ 'geri'|trans }} <i class="fa fa-chevron-left"></i>
                                                                    </div>
                                                                </button>
                                                            </div>
                                                            <div class="section-oa-form-item-footer-item next-step-button">
                                                                <button class="btn" type="button" id="FormGetKVKK"
                                                                        onclick="Appointment.FormGetKVKK()">
                                                                    <div class="btn-txt text-dark">
                                                                        {{ 'ileri'|trans }} <i class="fa fa-chevron-right"></i>
                                                                    </div>
                                                                </button>
                                                            </div>
                                                        </div>
                                                    </div>
                                                {% else %}

                                                    <div class="section-oa-form-item active" data-step="5">

                                                        <div class="row g-4 g-md-5">
                                                            <div class="radio-type-container">
                                                                <label for="clinicRadioType" class="radio-type-container-item radio">
                                                                    <input type="radio" name="PaymentType"
                                                                           id="clinicRadioType" value="clinic"
                                                                           onclick="$('.nextStep4').removeClass('disabled').removeAttr('disabled');$('#buttonText').html('İlerle');">
                                                                    <div class="radio-check-icon"></div>
                                                                    <div class="radio-content">
                                                                        <div class="radio-content-main-title pb-1">{{ 'newMeeting'|trans }} ({{ doctorRole|default }})</div>
                                                                        <div class="price-and-deposito-wrap d-flex gap-md-5 gap-sm-3 gap-3 pb-3 flex-wrap">
                                                                            <div class="radio-content-title">{{ 'price'|trans }}: {{ clinicPrice|default('') }} ₺</div>
                                                                            <div class="radio-content-deposito-text d-flex">
                                                                                <div class="radio-content-deposito-price ps-sm-2 ps-0 radio-content-title">
                                                                                    {{ 'deposit'|trans }} {{ depositPrice|default('') }} ₺ + {{ notDepositClinicPrice }} ₺ {{ 'klinikte_oderseniz'|trans }}
                                                                                </div>
                                                                            </div>
                                                                            <div class="radio-content-title">
                                                                                {{ 'clinicDuration'|trans }}
                                                                            </div>

                                                                        </div>
                                                                        <div class="radio-content-title radio-content-description hide">
                                                                            {{ 'clinicDescription'|trans }}
                                                                        </div>

                                                                    </div>
                                                                </label>
                                                                <label for="onlineRadioType" class="radio-type-container-item">
                                                                    <input type="radio" name="PaymentType"
                                                                           id="onlineRadioType" value="online"
                                                                           onclick="$('.nextStep4').removeClass('disabled').removeAttr('disabled');$('#buttonText').html('İlerle');">
                                                                    <div class="radio-check-icon"></div>
                                                                    <div class="radio-content">
                                                                        <div class="radio-content-title">{{ 'simdi_oderseniz'|trans }}: ({{ 'getDiscount'|trans }})</div>
                                                                        <div class="radio-content-main-title pb-1">{{ 'newMeeting'|trans }} ({{ doctorRole|default }})</div>
                                                                    <div class="price-and-deposito-wrap d-flex gap-md-5 gap-sm-3 gap-3 pb-3 flex-wrap">
                                                                            <div class=" radio-content-title">{{ 'price'|trans }}: {{ onlinePrice|default('') }} ₺</div>
                                                                            <div class="radio-content-deposito d-flex radio-content-title">
                                                                                <div class="radio-content-deposito-price ps-sm-2 ps-0 radio-content-title">
                                                                                    {{ 'deposit'|trans }} {{ onlinePrice|default('') }} ₺
                                                                                </div>
                                                                            </div>
                                                                            <div class="radio-content-title">
                                                                                {{ 'clinicDuration'|trans }}
                                                                            </div>
                                                                        </div>
                                                                        <div class="radio-content-title radio-content-description hide">
                                                                            {{ 'clinicDescription'|trans }}
                                                                        </div>
                                                                    </div>
                                                                </label>
                                                            </div>
                                                            <div class="section-oa-form-companycode">
                                                                <div class="section-oa-form-companycode-input">
                                                                    <div class="input-item">
                                                                        <input type="text" name="CompanyCode" value=""
                                                                               placeholder="{{ 'kurum_kodu'|trans }}">
                                                                    </div>
                                                                    <div class="button-item">
                                                                        <button class="btn" type="button"
                                                                                onclick="Appointment.CompanyCodeChecker()">
                                                                            <div class="btn-txt text-dark">
                                                                                <i class="fa fa-check"></i>
                                                                            </div>
                                                                        </button>
                                                                    </div>
                                                                </div>
                                                                <div class="section-oa-form-companycode-btn"
                                                                     onclick="$('.section-oa-form-companycode-input').addClass('d-flex')">
                                                                    <i class="fa fa-home"></i>
                                                                    {{ 'kurum_sigorta_kodu'|trans }}
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="section-oa-form-item-footer">
                                                            <div class="section-oa-form-item-footer-item next-step-button">
                                                                <button class="btn nextStep4 disabled" type="button"
                                                                        disabled="disabled"
                                                                        onclick="Appointment.PaymentTypeSubmit('onlineStep')">
                                                                    <div class="btn-txt text-dark">
                                                                        <span id="buttonText">{{ 'randevu_tamamla'|trans }}</span>
                                                                        <i class="fa fa-chevron-right"></i>
                                                                    </div>
                                                                </button>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="section-oa-form-item" data-step="6">

                                                        <div class="section-oa-form-payment__card row g-2 g-md-2">
                                                            <div class="col-12">
                                                                <div class="input-item">
                                                                    <input type="text" name="ccName" placeholder="{{ 'kart_uzerindeki_ad_soyad'|trans }}" required>
                                                                </div>
                                                            </div>
                                                            <div class="col-12">
                                                                <div class="input-item">
                                                                    <input type="text" name="ccNo" placeholder="{{ 'kart_numarasi'|trans }}" maxlength="16" required>
                                                                </div>
                                                            </div>
                                                            <div class="col-3">
                                                                <div class="input-item input-item--select">
                                                                    <select name="ccMonth" required>
                                                                        <option value="none" selected="" disabled="" hidden="">{{ 'ay'|trans }}</option>
                                                                        <option value="01">Ocak(01)</option>
                                                                        <option value="02">Şubat(02)</option>
                                                                        <option value="03">Mart(03)</option>
                                                                        <option value="04">Nisan(04)</option>
                                                                        <option value="05">May(05)</option>
                                                                        <option value="06">Haziran(06)</option>
                                                                        <option value="07">Temmuz(07)</option>
                                                                        <option value="08">Ağustos(08)</option>
                                                                        <option value="09">Eylül(09)</option>
                                                                        <option value="10">Ekim(10)</option>
                                                                        <option value="11">Kasım(11)</option>
                                                                        <option value="12">Aralık(12)</option>
                                                                    </select>
                                                                </div>
                                                            </div>
                                                            <div class="col-3">
                                                                <div class="input-item input-item--select ">
                                                                    <select name="ccYear" required>
                                                                        <option value="none" selected="" disabled="" hidden="">{{ 'yil'|trans }}</option>
                                                                        <option value="24">2024</option>
                                                                        <option value="25">2025</option>
                                                                        <option value="26">2026</option>
                                                                        <option value="27">2027</option>
                                                                        <option value="28">2028</option>
                                                                        <option value="29">2029</option>
                                                                        <option value="30">2030</option>
                                                                        <option value="31">2031</option>
                                                                        <option value="32">2032</option>
                                                                        <option value="33">2033</option>
                                                                        <option value="34">2034</option>
                                                                        <option value="35">2035</option>
                                                                        <option value="36">2036</option>
                                                                        <option value="37">2037</option>
                                                                        <option value="38">2038</option>
                                                                        <option value="39">2039</option>
                                                                        <option value="40">2040</option>
                                                                        <option value="41">2041</option>
                                                                        <option value="42">2042</option>
                                                                        <option value="43">2043</option>
                                                                        <option value="44">2044</option>
                                                                    </select>
                                                                </div>
                                                            </div>
                                                            <div class="col-6">
                                                                <div class="input-item">
                                                                    <input type="text" name="ccCvv" placeholder="CVV" required>
                                                                </div>
                                                            </div>

                                                            <div class="col-12 mt-4 px-4">
                                                                <label class="checkbox-label" for="kvkk">
                                                                    <input type="checkbox" name="kvkk" id="kvkk" required>
                                                                    <span class="checkbox-check-icon"></span>
                                                                    <span class="checkbox-text">
                                                                        {{ 'kisisel_vk'|trans|raw }}
                                                            </span>
                                                                </label>
                                                            </div>
                                                            <div class="col-12 mt-4 px-4">
                                                                <label class="checkbox-label" for="info">
                                                                    <input type="checkbox" name="info" id="info" required>
                                                                    <span class="checkbox-check-icon"></span>
                                                                    <span class="checkbox-text">
                                                                Hizmet sunumu için verdiğim bilgilerimin kullanılmasına izin veriyorum.
                                                            </span>
                                                                </label>
                                                            </div>
                                                        </div>
                                                        <div class="randevu_online_odeme"></div>
                                                        <div class="section-oa-form-item-footer">
                                                            <div class="section-oa-form-item-footer-item prev-step-button">
                                                                <button class="btn" type="button"
                                                                        onclick="Appointment.formStepper(5)">
                                                                    <div class="btn-txt text-dark">
                                                                        {{ 'geri'|trans }} <i class="fa fa-chevron-left"></i>
                                                                    </div>
                                                                </button>
                                                            </div>
                                                            <div class="section-oa-form-item-footer-item next-step-button">
                                                                <button class="btn" type="button"
                                                                        onclick="Appointment.PaymentTypeSubmit('onlineAjax')">
                                                                    <div class="btn-txt text-dark">
                                                                        {{ 'ileri'|trans }} <i class="fa fa-chevron-right"></i>
                                                                    </div>
                                                                </button>
                                                            </div>
                                                        </div>
                                                    </div>
                                                {% endif %}
                                            </form>

                                            <!-- KVKK Modal -->
                                            <div class="modal fade" id="GetKVKKModal" tabindex="-1" aria-labelledby="GetKVKKModalLabel" aria-hidden="true">
                                                <div class="modal-dialog modal-xl modal-dialog-centered">
                                                    <div class="modal-content">
                                                        <div class="modal-title">
                                                            {{ 'kvkk_kodu'|trans }}
                                                        </div>
                                                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                                                        <div class="modal-body text-center">
                                                            <div class="col-12 col-lg-12 text-start p-5">
                                                                <div class="input-item">
                                                                    <input type="text" name="SetCode" class="" placeholder="">
                                                                </div>
                                                            </div>
                                                            <button class="btn" type="button" id="FormSetKVKK" onclick="Appointment.FormSetKVKK()">
                                                                <div class="btn-txt text-dark txt--rem22 mt-3">{{ 'ileri'|trans }} <i class="fa fa-chevron-right"></i></div>
                                                            </button>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>

                                            <!-- ReNew Modal -->
                                            <div class="modal fade" id="ReNewModal" tabindex="-1"
                                                 aria-labelledby="ReNewModalLabel" style="display: none;"
                                                 aria-hidden="true">
                                                <div class="modal-dialog modal-xl modal-dialog-centered">
                                                    <div class="modal-content">
                                                        <div class="modal-body text-center">
                                                            <button type="button" class="btn-close"
                                                                    data-bs-dismiss="modal" aria-label="Close"></button>
                                                            <div class="modal-body-content">
                                                                <div class="col-12 col-lg-12 text-start p-5 mb-4">
                                                                    <div class="modal-title">
                                                                        {{ 'randevu_sorgula'|trans }}
                                                                    </div>
                                                                    <div class="">
                                                                        <label for="">PNR No</label>
                                                                        <div class="input-item">
                                                                            <input type="text" name="AppointmentPNR"
                                                                                   class="">
                                                                        </div>
                                                                    </div>
                                                                    <div class="mt-4">
                                                                        <label for=""> {{ 'kimlik_no'|trans }}</label>
                                                                        <div class="input-item">
                                                                            <input type="text" name="AppointmentCode"
                                                                                   class="">
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <button class="btn" type="button" id="FormSetKVKK"
                                                                        onclick="Appointment.GetAppointmentInfo(`Step2`)">
                                                                    <div class="btn-txt text-dark txt--rem22 mt-3">
                                                                        {{ 'ileri'|trans }}
                                                                        <i class="fa fa-chevron-right"></i>
                                                                    </div>
                                                                </button>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            {% endif %}
                        </section>
                    </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="{{ asset('assets/main/js/form.min.js') }}"></script>
    <script src="https://cdn.jsdelivr.net/npm/aos@2.3.4/dist/aos.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"
            integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz"
            crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11.10.8/dist/sweetalert2.all.min.js"></script>
    <script src="{{ asset('assets/main/js/card.js') }}"></script>

    <script src="{{ asset('assets/main/js/app.min.js') }}" type="text/javascript"></script>
    <script src="{{ asset('assets/main/js/online-appointment.js') }}" type="text/javascript"></script>
    <script src="https://cdn.jsdelivr.net/npm/intl-tel-input@24.4.0/build/js/intlTelInput.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 type="text/javascript">
        {% for tip, mesajlar in app.session.flashbag.all %}
        {% for mesaj in mesajlar %}
        Toast.Show("{{ mesaj|raw }}", '{{ tip }}', 10000);
        {% endfor %}
        {% endfor %}
    </script>
    <script type="text/javascript">
        Appointment.OnlineAppointment = '{{ path('app_main_dentsoft') }}';
        Appointment.ApiGetAppointmentInfo = '{{ path('app_main_dentsoft_appointment') }}';
        Appointment.ApiGetClinic = '{{ path('app_main_dentsoft') }}';
        Appointment.ApiGetDoctor = '{{ path('app_main_dentsoft_doctor_list') }}';
        Appointment.ApiGetDoctorHour = '{{ path('app_main_dentsoft_doctor_hour') }}';
        Appointment.ApiGetKVKK = '{{ path('app_main_dentsoft_kvkk') }}';
        Appointment.ApiSetKVKK = '{{ path('app_main_dentsoft_set_kvkk') }}';
        Appointment.ApiCompanyCodeChecker = '/api/CompanyCodeChecker';
        Appointment.ApiPaymentTypeSubmit = '{{ path('app_main_dentsoft_payment_submit') }}';
        Appointment.ApiSetReNew = '{{ path('app_main_dentsoft_appointment_modify') }}';
        Appointment.RangeCount = '3';
        Appointment.Lang = 'TR';
    </script>
    <script>
        AOS.init({once: true})

        $("#phone").on("keyup", function () {
            itival = $(this).val();
            itival = itival.replace(/[^0-9]/g, '');
            $(this).val(itival);
            $("#ContactMobile").val(itival)
        });
    </script>

    {% if app.request.query.get('Step') == 'AppointmentReNew' %}
        <script type="text/javascript">
            $(function () {
                setTimeout(function () {
                    Appointment.SelectClinic('{{ app.request.query.get('ClinicID') }}');
                }, 250);
                setTimeout(function () {
                    Appointment.SelectDoctor('{{ app.request.query.get('ClinicID') }}', '{{ app.request.query.get('DoctorID') }}');
                }, 350);
            });
        </script>
    {% endif %}

    <script>
        const phoneInput = document.querySelector("#phone");
        if (phoneInput) {
            window.intlTelInput(phoneInput, {
                separateDialCode: true,
                // initialDialCode: true,
                // americaMode: false,
                preferredCountries: ["tr", "us"],
                initialCountry: "tr",
                utilsScript: "/plugin/intl-tel-input/js/utils.js",
            });

            $(function () {
                $("iti__selected-country-primary").after('<div style="color: #fff" class="iti__selected-dial-code ps-3">+90</div>'); //.iti__selected-flag .iti__flag
            })

            $('.iti__country-list li').click(function () {
                $("#ContactRegion").val($(this).data('dial-code'));
                $(".iti__selected-dial-code").html('+' + $(this).data('dial-code'));
                $("#phone").val('');
                $("#ContactMobile").val('');
            })
        }

        $(document).ready(function () {
            $('#buttonText').html('İlerle');
            {% if durum == 1 %}
            $('.online-appointment-info-wrapper').addClass('active');
            $('.online-appointment-info-exit').click(function () {
                $('.online-appointment-info-wrapper').removeClass('active');
            });
            {% endif %}
            $('.radio-type-container-item input[type="radio"]').on('change', function() {
                $('.radio-type-container-item input[type="radio"]').each(function() {
                    const $description = $(this).closest('.radio-type-container-item').find('.radio-content-description');
                    if ($(this).is(':checked')) {
                        $description.removeClass('hide');
                    } else {
                        // Diğer radio butonları için ilgili div'leri gizlemek isterseniz
                        $description.addClass('hide');
                    }
                })
            });

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

        })

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

{# Sayfa Yuklenince #}
{# https://dentgroup.com.tr/api/GetClinic?LANG=TR #}

{# <div class="select-dropdown-title">#}
{#    İstanbul#}
{#</div>#}

{#<div class="select-dropdown-item" onclick="Appointment.SelectClinic(`dWRmZFNjSmRKSFBHOU1PL0dkYnZaQT09`)" data-text="Acarkent Diş Kliniği" data-value="dWRmZFNjSmRKSFBHOU1PL0dkYnZaQT09">#}
{#    Acarkent Diş Kliniği#}
{#</div>#}

{#<div class="select-dropdown-item" onclick="Appointment.SelectClinic(`M3IyS1FncFZDeTZPenNWWXR3R0lEQT09`)" data-text="Ataşehir Diş Kliniği" data-value="M3IyS1FncFZDeTZPenNWWXR3R0lEQT09">#}
{#    Ataşehir Diş Kliniği#}
{#</div>#}

{#<div class="select-dropdown-item" onclick="Appointment.SelectClinic(`dDMrNm12RTc2MmlYRmh3NG1DL0ZFUT09`)" data-text="Bağdat Caddesi Diş Kliniği" data-value="dDMrNm12RTc2MmlYRmh3NG1DL0ZFUT09">#}
{#    Bağdat Caddesi Diş Kliniği#}
{#</div>#}

{#<div class="select-dropdown-item" onclick="Appointment.SelectClinic(`bVd3Z3BmN21leEE3SWFuQWpzZmhzUT09`)" data-text="Bağdat Caddesi Kids Diş Kliniği" data-value="bVd3Z3BmN21leEE3SWFuQWpzZmhzUT09">#}
{#    Bağdat Caddesi Kids Diş Kliniği#}
{#</div>#}

{#<div class="select-dropdown-item" onclick="Appointment.SelectClinic(`L09UNW9zUS8wNXlHM2ZqeVBqSG15dz09`)" data-text="Bahçelievler Diş Kliniği" data-value="L09UNW9zUS8wNXlHM2ZqeVBqSG15dz09">#}
{#    Bahçelievler Diş Kliniği#}
{#</div>#}

{#<div class="select-dropdown-item" onclick="Appointment.SelectClinic(`eUhlY1F0d1VRSjJVMVNrdk56Q3RRQT09`)" data-text="Çekmeköy Diş Kliniği" data-value="eUhlY1F0d1VRSjJVMVNrdk56Q3RRQT09">#}
{#    Çekmeköy Diş Kliniği#}
{#</div>#}

{#<div class="select-dropdown-item" onclick="Appointment.SelectClinic(`YTdLbE11dFdqcnE0QjBCTEppaWpYUT09`)" data-text="Gaziosmanpaşa Diş Kliniği" data-value="YTdLbE11dFdqcnE0QjBCTEppaWpYUT09">#}
{#    Gaziosmanpaşa Diş Kliniği#}
{#</div>#}

{#<div class="select-dropdown-item" onclick="Appointment.SelectClinic(`UU1pOHBDcHdNSzdSUk1SZHlKWHF6dz09`)" data-text="Göztepe Diş Kliniği" data-value="UU1pOHBDcHdNSzdSUk1SZHlKWHF6dz09">#}
{#    Göztepe Diş Kliniği#}
{#</div>#}

{#<div class="select-dropdown-item" onclick="Appointment.SelectClinic(`b2UxSmtRbU1PT2w3MDIybUlqZkJGZz09`)" data-text="Koşuyolu Diş Kliniği" data-value="b2UxSmtRbU1PT2w3MDIybUlqZkJGZz09">#}
{#    Koşuyolu Diş Kliniği#}
{#</div>#}

{#<div class="select-dropdown-item" onclick="Appointment.SelectClinic(`RjZFb2xMSndpUllFemFLbVY5VzhVZz09`)" data-text="Maslak Diş Kliniği" data-value="RjZFb2xMSndpUllFemFLbVY5VzhVZz09">#}
{#    Maslak Diş Kliniği#}
{#</div>#}

{#<div class="select-dropdown-item" onclick="Appointment.SelectClinic(`ajArbHY0U3hOUFUzQi9pNkFFOWFuZz09`)" data-text="Nişantaşı Diş Kliniği" data-value="ajArbHY0U3hOUFUzQi9pNkFFOWFuZz09">#}
{#    Nişantaşı Diş Kliniği#}
{#</div>#}

{#<div class="select-dropdown-item" onclick="Appointment.SelectClinic(`NktDTGdIZ2hRL29VdDZxNE1FNzlXUT09`)" data-text="Yenibosna Diş Kliniği" data-value="NktDTGdIZ2hRL29VdDZxNE1FNzlXUT09">#}
{#    Yenibosna Diş Kliniği#}
{#</div>#}

{#<div class="select-dropdown-item" onclick="Appointment.SelectClinic(`cnJUY2hiNGJsSW1pUUlhenZPT045Zz09`)" data-text="Zekeriyaköy Diş Kliniği" data-value="cnJUY2hiNGJsSW1pUUlhenZPT045Zz09">#}
{#    Zekeriyaköy Diş Kliniği#}
{#</div>#}

{#<div class="select-dropdown-title">#}
{#    Diğer İller#}
{#</div>#}

{#<div class="select-dropdown-item" onclick="Appointment.SelectClinic(`dUtZNzl5RWF2d2JlYjJKQWNMaHFYZz09`)" data-text="Adana Çukurova Diş Kliniği" data-value="dUtZNzl5RWF2d2JlYjJKQWNMaHFYZz09">#}
{#    Adana Çukurova Diş Kliniği#}
{#</div>#}

{#<div class="select-dropdown-item" onclick="Appointment.SelectClinic(`Y1JrY09IR1h4S0l6SS90YkpJKzh6UT09`)" data-text="Antalya Konyaaltı Diş Kliniği" data-value="Y1JrY09IR1h4S0l6SS90YkpJKzh6UT09">#}
{#    Antalya Konyaaltı Diş Kliniği#}
{#</div>#}

{#<div class="select-dropdown-item" onclick="Appointment.SelectClinic(`WXRibzVFUlhva2Q0RVFWbnBxWDdLdz09`)" data-text="Antalya Lara Diş Kliniği" data-value="WXRibzVFUlhva2Q0RVFWbnBxWDdLdz09">#}
{#    Antalya Lara Diş Kliniği#}
{#</div>#}

{#<div class="select-dropdown-item" onclick="Appointment.SelectClinic(`b3FTQ3VWWVZWekZVb2pTbUFsR01Tdz09`)" data-text="Antalya Lara Kids Diş Kliniği" data-value="b3FTQ3VWWVZWekZVb2pTbUFsR01Tdz09">#}
{#    Antalya Lara Kids Diş Kliniği#}
{#</div>#}

{#<div class="select-dropdown-item" onclick="Appointment.SelectClinic(`cFlJdmNrSHU4M2hxU0FuUm15UlE5dz09`)" data-text="Aydın Efeler Diş Kliniği" data-value="cFlJdmNrSHU4M2hxU0FuUm15UlE5dz09">#}
{#    Aydın Efeler Diş Kliniği#}
{#</div>#}

{#<div class="select-dropdown-item" onclick="Appointment.SelectClinic(`UXU0MzBCZTVPYkF3Vm16bmZsUWxUUT09`)" data-text="Balıkesir Altıeylül Diş Kliniği" data-value="UXU0MzBCZTVPYkF3Vm16bmZsUWxUUT09">#}
{#    Balıkesir Altıeylül Diş Kliniği#}
{#</div>#}

{#<div class="select-dropdown-item" onclick="Appointment.SelectClinic(`SURPN21IaWlCRlY0aGFIVE92MTBoZz09`)" data-text="Bursa Çamlıca Diş Kliniği" data-value="SURPN21IaWlCRlY0aGFIVE92MTBoZz09">#}
{#    Bursa Çamlıca Diş Kliniği#}
{#</div>#}

{#<div class="select-dropdown-item" onclick="Appointment.SelectClinic(`L2Y1QXdRL2pic1FQRkgwVTlxSC9Rdz09`)" data-text="Gaziantep Şehitkamil Diş Kliniği" data-value="L2Y1QXdRL2pic1FQRkgwVTlxSC9Rdz09">#}
{#    Gaziantep Şehitkamil Diş Kliniği#}
{#</div>#}

{#<div class="select-dropdown-item" onclick="Appointment.SelectClinic(`Q0FGUVVTWTVtc3c2d2hrQjMvWW9rUT09`)" data-text="İzmir Bornova Diş Kliniği" data-value="Q0FGUVVTWTVtc3c2d2hrQjMvWW9rUT09">#}
{#    İzmir Bornova Diş Kliniği#}
{#</div>#}

{#<div class="select-dropdown-item" onclick="Appointment.SelectClinic(`ZVRlUnU0eEJPQ0dMY1NPR1dWVzJiUT09`)" data-text="İzmir Güzelbahçe Diş Kliniği" data-value="ZVRlUnU0eEJPQ0dMY1NPR1dWVzJiUT09">#}
{#    İzmir Güzelbahçe Diş Kliniği#}
{#</div>#}

{#<div class="select-dropdown-item" onclick="Appointment.SelectClinic(`QnozbmVINWtwNVBJTm02M3IvOTFNQT09`)" data-text="Kocaeli Başiskele Diş Kliniği" data-value="QnozbmVINWtwNVBJTm02M3IvOTFNQT09">#}
{#    Kocaeli Başiskele Diş Kliniği#}
{#</div>#}

{#<div class="select-dropdown-item" onclick="Appointment.SelectClinic(`cDFvZ0N4U1FPc1lrTjM0SzVvN24rQT09`)" data-text="Mersin Yenişehir Diş Kliniği" data-value="cDFvZ0N4U1FPc1lrTjM0SzVvN24rQT09">#}
{#    Mersin Yenişehir Diş Kliniği#}
{#</div>#}

{#<div class="select-dropdown-item" onclick="Appointment.SelectClinic(`Sk1iZm13QWVBVW1Ta0NjZWN0Y01iQT09`)" data-text="Muğla Bodrum Diş Kliniği" data-value="Sk1iZm13QWVBVW1Ta0NjZWN0Y01iQT09">#}
{#    Muğla Bodrum Diş Kliniği#}
{#</div> #}

{# Klinik Seçince #}
{# https://dentgroup.com.tr/api/GetDoctor?LANG=TR&ClinicID=dWRmZFNjSmRKSFBHOU1PL0dkYnZaQT09 #}

{# <div#}
{#        class="select-dropdown-item doctor"#}
{#        onclick="Appointment.SelectDoctor(`dWRmZFNjSmRKSFBHOU1PL0dkYnZaQT09`,`NlNJQVFjU2s5RFJENUJFbHo2Y2dNQT09`)"#}
{#        data-text="Aydemir Karaer"#}
{#        data-roles="Genel Diş Hekimi"#}
{#        data-image="/dg_doctor/8/1701372638_aydemir-karaer.png"#}
{#        data-value="NlNJQVFjU2s5RFJENUJFbHo2Y2dNQT09"#}
{#>#}
{#    <div class="row align-items-center">#}
{#        <div class="col-3 col-md-2">#}
{#            <img loading="lazy" width="100%" height="auto" src="/dg_doctor/8/1701372638_aydemir-karaer.png" alt="Aydemir Karaer">#}
{#        </div>#}
{#        <div class="col-9 col-md-10">#}
{#            <div class="txt--rem18 txt--font600 c-primary">#}
{#                Aydemir Karaer#}
{#            </div>#}
{#            <div class="txt--rem18 txt--font400 c-primary">#}
{#                Genel Diş Hekimi#}
{#            </div>#}

{#        </div>#}
{#    </div>#}
{#</div>#}

{#<div#}
{#        class="select-dropdown-item doctor"#}
{#        onclick="Appointment.SelectDoctor(`dWRmZFNjSmRKSFBHOU1PL0dkYnZaQT09`,`dDhZQzVVdEZaZERGVGZvWUJ6VzJxUT09`)"#}
{#        data-text="Pelin Cuhruk Karaer"#}
{#        data-roles="Genel Diş Hekimi"#}
{#        data-image="/uploads/Document/image/1920-1708345392-0.png"#}
{#        data-value="dDhZQzVVdEZaZERGVGZvWUJ6VzJxUT09"#}
{#>#}
{#    <div class="row align-items-center">#}
{#        <div class="col-3 col-md-2">#}
{#            <img loading="lazy" width="100%" height="auto" src="/uploads/Document/image/1920-1708345392-0.png" alt="Pelin Cuhruk Karaer">#}
{#        </div>#}
{#        <div class="col-9 col-md-10">#}
{#            <div class="txt--rem18 txt--font600 c-primary">#}
{#                Pelin Cuhruk Karaer#}
{#            </div>#}
{#            <div class="txt--rem18 txt--font400 c-primary">#}
{#                Genel Diş Hekimi#}
{#            </div>#}

{#        </div>#}
{#    </div>#}
{#</div>#}

{#<div#}
{#        class="select-dropdown-item doctor"#}
{#        onclick="Appointment.SelectDoctor(`dWRmZFNjSmRKSFBHOU1PL0dkYnZaQT09`,`K2hIWmRRejhTRUx2QnkxSWpzb2pVdz09`)"#}
{#        data-text="Esra İrem Yiğit"#}
{#        data-roles="Endodonti Uzmanı"#}
{#        data-image="/dg_doctor/10/1701374281_esra-i-rem-yi-g-it.png"#}
{#        data-value="K2hIWmRRejhTRUx2QnkxSWpzb2pVdz09"#}
{#>#}
{#    <div class="row align-items-center">#}
{#        <div class="col-3 col-md-2">#}
{#            <img loading="lazy" width="100%" height="auto" src="/dg_doctor/10/1701374281_esra-i-rem-yi-g-it.png" alt="Esra İrem Yiğit">#}
{#        </div>#}
{#        <div class="col-9 col-md-10">#}
{#            <div class="txt--rem18 txt--font600 c-primary">#}
{#                Esra İrem Yiğit#}
{#            </div>#}
{#            <div class="txt--rem18 txt--font400 c-primary">#}
{#                Endodonti Uzmanı#}
{#            </div>#}

{#        </div>#}
{#    </div>#}
{#</div> #}

{# Doktor Seçince - 1 #}
{# https://dentgroup.com.tr/api/GetDoctorHour?LANG=TR&ClinicID=dWRmZFNjSmRKSFBHOU1PL0dkYnZaQT09&DoctorID=NlNJQVFjU2s5RFJENUJFbHo2Y2dNQT09 #}

{# <div class="page-content">#}
{#    <p>Bu hekimden randevu almak için klinikle iletişime geçebilirsiniz</p>#}
{#    <p>&nbsp;</p>#}
{#    <p><strong>Klinik</strong><br>Acarkent Diş Kliniği</p>#}
{#    <p>&nbsp;</p>#}

{#    <p><strong>Adres</strong><br>Acarkent Mah. Acarkent Sitesi 9. Cad. No: 3/3<br>Beykoz / İstanbul</p>#}
{#    <p>&nbsp;</p>#}

{#    <p><strong>Çağrı Merkezi</strong><br>#}
{#        <a href="tel:444 88 21">444 88 21</a></p>#}
{#    <p>&nbsp;</p>#}

{#    <p><strong>E-posta</strong><br>#}
{#        <a href="mailto:acarkent@dentgroup.com.tr">acarkent@dentgroup.com.tr</a></p>#}
{#    <p>&nbsp;</p>#}

{#    <p><strong>Klinik İletişim</strong><br>#}
{#        <a href="tel:0216 706 26 12">0216 706 26 12</a></p>#}
{#    <p>&nbsp;</p>#}

{#    <p><strong>Klinik İletişim (Whatsapp)</strong><br>#}
{#        <a href="https://api.whatsapp.com/send?phone=02167062612">0216 706 26 12</a></p>#}
{#    <p>&nbsp;</p>#}

{#    <p><strong>Çalışma Gün ve Saatleri</strong><br>Pazartesi – Cuma 09:00 – 19:00<br>Cumartesi 09:00 – 16:00</p>#}
{#    <p>&nbsp;</p>#}

{#    <p><strong>Konuşulan Diller</strong><br>Türkçe, İngilizce</p>#}
{#    <p>&nbsp;</p>#}
{#</div> #}

{# Doktor Seçince - 2 #}
{# https://dentgroup.com.tr/api/GetDoctorHour?LANG=TR&ClinicID=M3IyS1FncFZDeTZPenNWWXR3R0lEQT09&DoctorID=UDVJUXJONUt1eTFRSkNiVnFFK1Jhdz09 #}

{# <div class="doctor-hour-container-item col-2">#}
{#    <div class="doctor-hour-container-item-title">#}
{#        07<br>May<br>Sal#}
{#    </div>#}
{#    <div class="doctor-hour-container-item-hours">#}

{#        <div  class="doctor-hour-container-item-hours-item disabled" data-sd="2024-05-07" data-st="08:00" data-value="07 May Salı 08:00">#}
{#            Kapalı#}
{#        </div>#}

{#        <div  class="doctor-hour-container-item-hours-item disabled" data-sd="2024-05-07" data-st="09:00" data-value="07 May Salı 09:00">#}
{#            Kapalı#}
{#        </div>#}

{#        <div  class="doctor-hour-container-item-hours-item disabled" data-sd="2024-05-07" data-st="10:00" data-value="07 May Salı 10:00">#}
{#            Kapalı#}
{#        </div>#}

{#        <div  class="doctor-hour-container-item-hours-item disabled" data-sd="2024-05-07" data-st="11:00" data-value="07 May Salı 11:00">#}
{#            Kapalı#}
{#        </div>#}

{#        <div  class="doctor-hour-container-item-hours-item disabled" data-sd="2024-05-07" data-st="12:00" data-value="07 May Salı 12:00">#}
{#            Kapalı#}
{#        </div>#}

{#        <div  class="doctor-hour-container-item-hours-item disabled" data-sd="2024-05-07" data-st="13:00" data-value="07 May Salı 13:00">#}
{#            Kapalı#}
{#        </div>#}

{#        <div  class="doctor-hour-container-item-hours-item disabled" data-sd="2024-05-07" data-st="14:00" data-value="07 May Salı 14:00">#}
{#            Kapalı#}
{#        </div>#}

{#        <div  class="doctor-hour-container-item-hours-item disabled" data-sd="2024-05-07" data-st="15:00" data-value="07 May Salı 15:00">#}
{#            Kapalı#}
{#        </div>#}

{#        <div  class="doctor-hour-container-item-hours-item disabled" data-sd="2024-05-07" data-st="16:00" data-value="07 May Salı 16:00">#}
{#            Kapalı#}
{#        </div>#}

{#        <div  class="doctor-hour-container-item-hours-item disabled" data-sd="2024-05-07" data-st="17:00" data-value="07 May Salı 17:00">#}
{#            Kapalı#}
{#        </div>#}

{#        <div  class="doctor-hour-container-item-hours-item disabled" data-sd="2024-05-07" data-st="18:00" data-value="07 May Salı 18:00">#}
{#            Kapalı#}
{#        </div>#}

{#        <div  class="doctor-hour-container-item-hours-item disabled" data-sd="2024-05-07" data-st="19:00" data-value="07 May Salı 19:00">#}
{#            Kapalı#}
{#        </div>#}

{#    </div>#}
{#</div>#}

{#<div class="doctor-hour-container-item col-2">#}
{#    <div class="doctor-hour-container-item-title">#}
{#        08<br>May<br>Çar#}
{#    </div>#}
{#    <div class="doctor-hour-container-item-hours">#}

{#        <div  class="doctor-hour-container-item-hours-item disabled" data-sd="2024-05-08" data-st="09:30" data-value="08 May Çarşamba 09:30">#}
{#            09:30 (Dolu)#}
{#        </div>#}

{#        <div  class="doctor-hour-container-item-hours-item disabled" data-sd="2024-05-08" data-st="10:30" data-value="08 May Çarşamba 10:30">#}
{#            10:30 (Dolu)#}
{#        </div>#}

{#        <div  class="doctor-hour-container-item-hours-item disabled" data-sd="2024-05-08" data-st="11:30" data-value="08 May Çarşamba 11:30">#}
{#            11:30 (Dolu)#}
{#        </div>#}

{#        <div  class="doctor-hour-container-item-hours-item disabled" data-sd="2024-05-08" data-st="12:30" data-value="08 May Çarşamba 12:30">#}
{#            12:30 (Dolu)#}
{#        </div>#}

{#        <div  class="doctor-hour-container-item-hours-item disabled" data-sd="2024-05-08" data-st="13:30" data-value="08 May Çarşamba 13:30">#}
{#            13:30 (Dolu)#}
{#        </div>#}

{#        <div  class="doctor-hour-container-item-hours-item disabled" data-sd="2024-05-08" data-st="14:30" data-value="08 May Çarşamba 14:30">#}
{#            14:30 (Dolu)#}
{#        </div>#}

{#        <div  class="doctor-hour-container-item-hours-item disabled" data-sd="2024-05-08" data-st="15:30" data-value="08 May Çarşamba 15:30">#}
{#            15:30 (Dolu)#}
{#        </div>#}

{#        <div  class="doctor-hour-container-item-hours-item disabled" data-sd="2024-05-08" data-st="16:30" data-value="08 May Çarşamba 16:30">#}
{#            16:30 (Dolu)#}
{#        </div>#}

{#    </div>#}
{#</div>#}

{#<div class="doctor-hour-container-item col-2">#}
{#    <div class="doctor-hour-container-item-title">#}
{#        09<br>May<br>Per#}
{#    </div>#}
{#    <div class="doctor-hour-container-item-hours">#}

{#        <div  class="doctor-hour-container-item-hours-item disabled" data-sd="2024-05-09" data-st="09:30" data-value="09 May Perşembe 09:30">#}
{#            09:30 (Dolu)#}
{#        </div>#}

{#        <div  class="doctor-hour-container-item-hours-item disabled" data-sd="2024-05-09" data-st="10:30" data-value="09 May Perşembe 10:30">#}
{#            10:30 (Dolu)#}
{#        </div>#}

{#        <div  class="doctor-hour-container-item-hours-item disabled" data-sd="2024-05-09" data-st="11:30" data-value="09 May Perşembe 11:30">#}
{#            11:30 (Dolu)#}
{#        </div>#}

{#        <div  class="doctor-hour-container-item-hours-item disabled" data-sd="2024-05-09" data-st="12:30" data-value="09 May Perşembe 12:30">#}
{#            12:30 (Dolu)#}
{#        </div>#}

{#        <div  class="doctor-hour-container-item-hours-item disabled" data-sd="2024-05-09" data-st="13:30" data-value="09 May Perşembe 13:30">#}
{#            13:30 (Dolu)#}
{#        </div>#}

{#        <div  class="doctor-hour-container-item-hours-item disabled" data-sd="2024-05-09" data-st="14:30" data-value="09 May Perşembe 14:30">#}
{#            14:30 (Dolu)#}
{#        </div>#}

{#        <div  class="doctor-hour-container-item-hours-item disabled" data-sd="2024-05-09" data-st="15:30" data-value="09 May Perşembe 15:30">#}
{#            15:30 (Dolu)#}
{#        </div>#}

{#        <div  class="doctor-hour-container-item-hours-item disabled" data-sd="2024-05-09" data-st="16:30" data-value="09 May Perşembe 16:30">#}
{#            16:30 (Dolu)#}
{#        </div>#}

{#    </div>#}
{#</div>#}

{#<div class="doctor-hour-container-item col-2">#}
{#    <div class="doctor-hour-container-item-title">#}
{#        10<br>May<br>Cum#}
{#    </div>#}
{#    <div class="doctor-hour-container-item-hours">#}

{#        <div  class="doctor-hour-container-item-hours-item disabled" data-sd="2024-05-10" data-st="08:00" data-value="10 May Cuma 08:00">#}
{#            Kapalı#}
{#        </div>#}

{#        <div  class="doctor-hour-container-item-hours-item disabled" data-sd="2024-05-10" data-st="09:00" data-value="10 May Cuma 09:00">#}
{#            Kapalı#}
{#        </div>#}

{#        <div  class="doctor-hour-container-item-hours-item disabled" data-sd="2024-05-10" data-st="10:00" data-value="10 May Cuma 10:00">#}
{#            Kapalı#}
{#        </div>#}

{#        <div  class="doctor-hour-container-item-hours-item disabled" data-sd="2024-05-10" data-st="11:00" data-value="10 May Cuma 11:00">#}
{#            Kapalı#}
{#        </div>#}

{#        <div  class="doctor-hour-container-item-hours-item disabled" data-sd="2024-05-10" data-st="12:00" data-value="10 May Cuma 12:00">#}
{#            Kapalı#}
{#        </div>#}

{#        <div  class="doctor-hour-container-item-hours-item disabled" data-sd="2024-05-10" data-st="13:00" data-value="10 May Cuma 13:00">#}
{#            Kapalı#}
{#        </div>#}

{#        <div  class="doctor-hour-container-item-hours-item disabled" data-sd="2024-05-10" data-st="14:00" data-value="10 May Cuma 14:00">#}
{#            Kapalı#}
{#        </div>#}

{#        <div  class="doctor-hour-container-item-hours-item disabled" data-sd="2024-05-10" data-st="15:00" data-value="10 May Cuma 15:00">#}
{#            Kapalı#}
{#        </div>#}

{#        <div  class="doctor-hour-container-item-hours-item disabled" data-sd="2024-05-10" data-st="16:00" data-value="10 May Cuma 16:00">#}
{#            Kapalı#}
{#        </div>#}

{#        <div  class="doctor-hour-container-item-hours-item disabled" data-sd="2024-05-10" data-st="17:00" data-value="10 May Cuma 17:00">#}
{#            Kapalı#}
{#        </div>#}

{#        <div  class="doctor-hour-container-item-hours-item disabled" data-sd="2024-05-10" data-st="18:00" data-value="10 May Cuma 18:00">#}
{#            Kapalı#}
{#        </div>#}

{#        <div  class="doctor-hour-container-item-hours-item disabled" data-sd="2024-05-10" data-st="19:00" data-value="10 May Cuma 19:00">#}
{#            Kapalı#}
{#        </div>#}

{#    </div>#}
{#</div>#}

{#<div class="doctor-hour-container-item col-2">#}
{#    <div class="doctor-hour-container-item-title">#}
{#        11<br>May<br>Cts#}
{#    </div>#}
{#    <div class="doctor-hour-container-item-hours">#}

{#        <div  class="doctor-hour-container-item-hours-item disabled" data-sd="2024-05-11" data-st="09:30" data-value="11 May Cumartesi 09:30">#}
{#            09:30 (Dolu)#}
{#        </div>#}

{#        <div  class="doctor-hour-container-item-hours-item disabled" data-sd="2024-05-11" data-st="10:30" data-value="11 May Cumartesi 10:30">#}
{#            10:30 (Dolu)#}
{#        </div>#}

{#        <div  class="doctor-hour-container-item-hours-item disabled" data-sd="2024-05-11" data-st="11:30" data-value="11 May Cumartesi 11:30">#}
{#            11:30 (Dolu)#}
{#        </div>#}

{#        <div  class="doctor-hour-container-item-hours-item disabled" data-sd="2024-05-11" data-st="12:30" data-value="11 May Cumartesi 12:30">#}
{#            12:30 (Dolu)#}
{#        </div>#}

{#        <div  class="doctor-hour-container-item-hours-item disabled" data-sd="2024-05-11" data-st="13:30" data-value="11 May Cumartesi 13:30">#}
{#            13:30 (Dolu)#}
{#        </div>#}

{#        <div  class="doctor-hour-container-item-hours-item disabled" data-sd="2024-05-11" data-st="14:30" data-value="11 May Cumartesi 14:30">#}
{#            14:30 (Dolu)#}
{#        </div>#}

{#        <div  class="doctor-hour-container-item-hours-item disabled" data-sd="2024-05-11" data-st="15:30" data-value="11 May Cumartesi 15:30">#}
{#            15:30 (Dolu)#}
{#        </div>#}

{#        <div  class="doctor-hour-container-item-hours-item disabled" data-sd="2024-05-11" data-st="16:30" data-value="11 May Cumartesi 16:30">#}
{#            16:30 (Dolu)#}
{#        </div>#}

{#    </div>#}
{#</div>#}

{#<div class="doctor-hour-container-item col-2">#}
{#    <div class="doctor-hour-container-item-title">#}
{#        12<br>May<br>Pzr#}
{#    </div>#}
{#    <div class="doctor-hour-container-item-hours">#}

{#        <div  class="doctor-hour-container-item-hours-item disabled" data-sd="2024-05-12" data-st="08:00" data-value="12 May Pazar 08:00">#}
{#            Kapalı#}
{#        </div>#}

{#        <div  class="doctor-hour-container-item-hours-item disabled" data-sd="2024-05-12" data-st="09:00" data-value="12 May Pazar 09:00">#}
{#            Kapalı#}
{#        </div>#}

{#        <div  class="doctor-hour-container-item-hours-item disabled" data-sd="2024-05-12" data-st="10:00" data-value="12 May Pazar 10:00">#}
{#            Kapalı#}
{#        </div>#}

{#        <div  class="doctor-hour-container-item-hours-item disabled" data-sd="2024-05-12" data-st="11:00" data-value="12 May Pazar 11:00">#}
{#            Kapalı#}
{#        </div>#}

{#        <div  class="doctor-hour-container-item-hours-item disabled" data-sd="2024-05-12" data-st="12:00" data-value="12 May Pazar 12:00">#}
{#            Kapalı#}
{#        </div>#}

{#        <div  class="doctor-hour-container-item-hours-item disabled" data-sd="2024-05-12" data-st="13:00" data-value="12 May Pazar 13:00">#}
{#            Kapalı#}
{#        </div>#}

{#        <div  class="doctor-hour-container-item-hours-item disabled" data-sd="2024-05-12" data-st="14:00" data-value="12 May Pazar 14:00">#}
{#            Kapalı#}
{#        </div>#}

{#        <div  class="doctor-hour-container-item-hours-item disabled" data-sd="2024-05-12" data-st="15:00" data-value="12 May Pazar 15:00">#}
{#            Kapalı#}
{#        </div>#}

{#        <div  class="doctor-hour-container-item-hours-item disabled" data-sd="2024-05-12" data-st="16:00" data-value="12 May Pazar 16:00">#}
{#            Kapalı#}
{#        </div>#}

{#    </div>#}
{#</div> #}

{# Form Doldurunca #}
{# https://dentgroup.com.tr/api/GetKVKK #}
{# true #}