<?
require($_SERVER["DOCUMENT_ROOT"]."/bitrix/header.php");
$APPLICATION->SetAdditionalCSS("style.css");
$APPLICATION->SetTitle("Контакты");

?>
    <!-- Breadcrumbs -->
    <div class="breadcrumbs">
        <div class="container">
            <div class="row">
                <div class="col-xs-12">
                    <ul>
                        <li class="home"> <a title="Go to Home Page" href="/">Головна</a>»</li>
                        <li><strong>Контакти</strong></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- Breadcrumbs End -->

    <!-- Main Container -->
    <section class="main-container col1-layout">
        <div class="main container">
            <div class="row">
                <section class="col-main col-sm-12">
                    <div id="contact" class="page-content page-contact">
                        <div class="page-title">
                            <h2>Контакти</h2>
                        </div>
                        <div id="message-box-conact"></div>
                        <div class="row">
                            <div class="col-xs-12 col-sm-6" id="contact_form_map"><br>
                                <h3 class="">Ми завжди раді вам!</h3>
<!--                                <p>Lorem ipsum dolor sit amet onsectetuer adipiscing elit. Mauris fermentum dictum magna. Sed laoreet aliquam leo. Ut tellus dolor dapibus eget. Mauris tincidunt aliquam lectus sed vestibulum. Vestibulum bibendum suscipit mattis.</p>-->
                                <br>
                                <iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d2542.651855623082!2d30.4532563!3d50.4103255!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x40d4c93677229925%3A0xeb6d03203b979900!2zMThCLCDRg9C7LiDQndCw0YDQvtC00L3QvtCz0L4g0J7Qv9C-0LvRh9C10L3QuNGPLCAxONCRLCDQmtC40LXQsiwgMDIwMDA!5e0!3m2!1sru!2sua!4v1622550809909!5m2!1sru!2sua" width="550" height="450" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
                                <br/>
                                <ul class="store_info">
                                    <li><i class="fa fa-home"></i><a target="_blank" rel="noopener noreferrer" href="https://goo.gl/maps/YS5dYZNmJLk"> Вул. Народного Ополчення, 18б 03151, м. Київ, Україна</a></li>
                                    <li><i class="fa fa-phone"></i><span><a href="tel:<? $APPLICATION->IncludeComponent("bitrix:main.include", "", Array(
                                                "AREA_FILE_SHOW" => "file",
                                                "PATH" => SITE_DIR . '/include/header/main_phone_number.php'
                                            ));
                                            ?>"> <? $APPLICATION->IncludeComponent("bitrix:main.include", "", Array(
                                                "AREA_FILE_SHOW" => "file",
                                                "PATH" => SITE_DIR . '/include/header/main_phone_number.php'
                                            ));
                                            ?></a></span></li>
                                    <li><i class="fa fa-envelope"></i>Email: <span><a href="mailto:info@клімат.com">info@клімат.com</a></span></li>
                                </ul>
                            </div>
                            <div class="col-sm-6">
                                <br>
                                <h3 class="">Форма для звернень</h3>
                                <div class="contact-form-box">
                                    <div class="form-selector">
                                        <label>Прізвище та ім'я</label>
                                        <input type="text" class="form-control input-sm" id="person_call_name_t2" />
                                    </div>
                                    
                                    <div class="form-selector">
                                        <label>Мобільний</label>
                                        <input type="text" class="form-control input-sm" id="person_call_mobile_t2" />
                                    </div>

                                    <div class="form-selector">
                                        <button id="person_call_submit_t2" class="button"><i class="icon-paper-plane icons" style="color: #ffc300!important;"></i>&nbsp; <span>Відправити </span></button>
                                        &nbsp; </div>
                                </div>
                                <script>
                                    $(function () {
//        console.debug("rdy");

                                        $("#person_call_submit_t2").click(function () {
//            console.debug("clicked");

                                            var name = $("#person_call_name_t2").val();
                                            var phone = $("#person_call_mobile_t2").val();

                                            jQuery.get("/ajax/call_me.php?name=" + name + "&phone=" + phone + "&type=2", function (data) {
                                                alert(name + ". Большое Спасибо вам за обращение. Мы вам сейчас же перезвоним!");
                                            });


                                        });

                                    })
                                </script>
                            </div>
                        </div>
                    </div>
                </section>
            </div>
        </div>
    </section>
    <!-- Main Container End -->

    <!-- service section -->
<?$APPLICATION->IncludeComponent(
    "bitrix:main.include",
    "",
    Array(
        "AREA_FILE_SHOW" => "file",
        "PATH" => SITE_DIR.'/include/pages/main/service_sec.php'
    )
);?><?require($_SERVER["DOCUMENT_ROOT"]."/bitrix/footer.php");?>