{% extends "base.html.twig" %}

{% block stylesheets %}
    <link rel="stylesheet" href="{{ asset('styles/pages/contact.css') }}">
{% endblock %}

{% set locations = [
    {
        name: "DENİPOL - MERKEZ",
        address: "Merkezefendi Mh. 226/21 Sk. No:156 Merkezefendi / Denizli",
        phone: "444 30 87",
        treatmentPhone: "0 258 295 30 87",
        fax: "0 258 999 16 40",
        mail: "info@denipol.com.tr"
    },
    {
        name: "DENİPOL - MERKEZ",
        address: "Merkezefendi Mh. 226/21 Sk. No:156 Merkezefendi / Denizli",
        phone: "444 30 87",
        treatmentPhone: "0 258 295 30 87",
        fax: "0 258 999 16 40",
        mail: "info@denipol.com.tr"
    }
] %}

{% set introPrimaryContent %}
    <h2 class="text-title">Denipol <mark>İLETİŞİM FORMU</mark></h2>
    <span>Denipol Hastanesi ekibi, sizlere en hızlı ve etkili hizmeti sunmak, tüm soru ve taleplerinizi kısa sürede yanıtlamak için her zaman hazırdır. Hastanemizi ziyaret edebilir, telefon hatlarımızdan bize ulaşabilir, e-posta adreslerimiz üzerinden iletişime geçebilir ya da İletişim Formu’nu doldurarak bizimle kolayca iletişim kurabilirsiniz. En kısa sürede tarafınıza dönüş sağlanacaktır.</span>
{% endset %}

{% block body %}
    <div class="section-wrapper pad-left pad-right">
        <div class="section-content sided-section">
            <div class="secondary-side text-side">
                <div class="container foreground padded">
                    {% include "components/_breadcrumb.html.twig" with {title: "İletişim"} %}
                    <h1 class="text-title">Denipol <mark>İletişim</mark></h1>
                    <span class="text-title-small" style="font-weight: 500;margin: 60px 0 0">İletişim ve Ulaşım Bilgileri</span>
                    {% for index, location in locations %}
                        <div class="location-item-wrapper"{{ (index == 0) ? "  data-band='YOL TARİFİ' data-band-center" }}>
                            <div class="location-item">
                                <div class="location-name">{{ location.name }}</div>
                                <div class="location-address"><img src="{{ asset('img/icon/pin-red.svg') }}">{{ location.address }}</div>
                                <div class="location-phone flex"><img src="{{ asset('img/icon/phone-red.svg') }}">{{ location.phone }}<span><b>RANDEVU :</b>{{ location.treatmentPhone }}</span></div>
                                <div class="location-fax"><img src="{{ asset('img/icon/fax-red.svg') }}"><b>FAX:</b> {{ location.fax }}</div>
                                <div class="location-mail"><img src="{{ asset('img/icon/mail-red.svg') }}">{{ location.mail  }}</div>
                            </div>
                        </div>
                    {% endfor %}
                </div>
            </div>
            <div class="primary-side padded">
                {% include "components/_text-container.html.twig" with {options: {
                    title: "Denipol <mark>İletişim Formu</mark>",
                    description: "Denipol Hastanesi ekibi, sizlere en hızlı ve etkili hizmeti sunmak, tüm soru ve taleplerinizi kısa sürede yanıtlamak için her zaman hazırdır. Hastanemizi ziyaret edebilir, telefon hatlarımızdan bize ulaşabilir, e-posta adreslerimiz üzerinden iletişime geçebilir ya da İletişim Formu’nu doldurarak bizimle kolayca iletişim kurabilirsiniz. En kısa sürede tarafınıza dönüş sağlanacaktır.",
                    style: "padding-top: 100px"
                }} %}
                <form action="">
                    <div class="inputs">
                        <input name="name" type="text" placeholder="İSİM *">
                        <input name="surname" type="text" placeholder="SOY İSİM *">
                        <input name="phone" type="tel" placeholder="TELEFON *">
                        <input name="mail" type="email" placeholder="E-POSTA *">
                        <textarea placeholder="MESAJ *"></textarea>
                    </div>
                    <div class="checkbox-item">
                        <input type="checkbox" id="privacy" name="privacy" value="accept">
                        <label for="privacy">Verdiğim kişisel veri ve iletişim bilgilerimin, …………………………………… (bundan sonra …………………………………… olarak anılacaktır) tarafından, 6698 sayılı Kişisel Verilerin Korunması Kanunu kapsamında Aydınlatma Metninde belirtilen amaçlar doğrultusunda işlenmesine ve aktarılmasına açık rıza verdiğimi kabul ve beyan ederim.</label>
                    </div>
                    <div class="checkbox-item">
                        <input type="checkbox" id="newsletter" name="newsletter" value="accept">
                        <label for="newsletter">Ayrıca …………………………………… tarafından bilgilendirme, duyuru, etkinlik, anket, tanıtım ve benzeri iletişim çalışmaları kapsamında tarafıma ticari elektronik ileti (arama, SMS, e-posta vb.) gönderilmesini kabul ediyorum.</label>
                    </div>
                    <button type="submit"><span>GÖNDER</span></button>
                </form>
            </div>
        </div>
    </div>

{% endblock %}