<?php require_once('__header.php'); ?>
    <script src="js/modernizr.custom.js"></script>
    <style>
        #map .marker {
            background: #FFF !important;
            width: 300px;
            /*	height: 100px;*/
            position: relative;
            z-index: 2234234234;
            margin-left: 50px;
            margin-top: -95px;
            padding: 20px;
            font-family: gt;
            font-size: 12pt;
            line-height: 16pt;
        }

        #map .marker p {
            padding-left: 30px;
        }

        #map .marker:before {
            -ms-transform: rotate(45deg);
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            width: 12px;
            height: 12px;
            content: "";
            background: #FFF;
            position: absolute;
            margin-top: 70px;
            margin-left: 20px;
            top: 0;
            left: -24px;
        }

        #map .marker p.address:before, #map .marker p.phone:before {
            content: "A";
            position: absolute;
            color: #dfefff;
            font-size: 36pt;
            font-family: b;
            z-index: -1;
            margin-left: -15px;
        }

        #map .marker p.phone:before {
            content: "P";
        }
    </style>
    <div class="wrap">
        <div class="grid"></div>
        <h1 class="title absolute white"><?php echo $page->title; ?></h1>

        <div class="map">
            <div id="map" data-lat="40.376330" data-lng="49.841291" data-marker="1"></div>
            <div class="marker-text">
                <p class="address"><?php echo _x('AZ1010, Baku Samed Vurgun 34, 15th floor, Baku, Azerbaijan', '-'); ?></p>

                <p class="email"><?php echo _x('office@siar.az', '-'); ?></p>

                <p class="phone"><?php echo _x('+994 12 447 29 34', '-'); ?></p>
            </div>
        </div>
        <div class="container responsive contacts">
            <div class="content-content">
                <h1><?php echo _x('Get in touch', '-'); ?></h1>

                <form action="<?php echo $page->url; ?>" method="post">
                    <div class="form_success">
                        <?php echo _x('Congratulations! Mail has been sent!'); ?>
                    </div>
                    <div class="column">

                        <div class="row grid-items">
                            <div class="column width-6">
                                <label>
                                    <?php echo _x('Name', '-'); ?>
                                    <input type="text" name="name" placeholder="<?php echo _x('Name', '-'); ?>"/>
                                </label>
                            </div>
                            <div class="column width-6">
                                <label>
                                    <?php echo _x('Price', '-'); ?>
                                    <input type="text" name="price" placeholder="<?php echo _x('Price', '-'); ?>"/>
                                </label>
                            </div>
                        </div>
                        <div class="row grid-items">
                            <div class="column width-6">
                                <label>
                                    <?php echo _x('Anytime', '-'); ?>
                                    <input type="text" name="time" value="" placeholder="<?php echo _x('Anytime', '-'); ?>"/>
                                </label>
                            </div>
                            <div class="column width-6">
                                <label>
                                    <?php echo _x('Email', '-'); ?>
                                    <input type="text" name="email" value="" placeholder="<?php echo _x('Email', '-'); ?>"/>
                                </label>
                            </div>
                        </div>
                        <?php /*
  id="nl-form" class="nl-form"
                        Hello I am
                        <input type="text" name="name" value="" placeholder="name"/> please get back to me about
                        <input type="text" name="price" value="" placeholder="your subscription pricing"/>
                        <select>
                            <option value="1" selected></option>
                            <option value="2">offer</option>
                            <option value="3">other</option>
                        </select>.
                        You can reach me
                        <input type="text" name="time" value="" placeholder="anytime"/>
                        via
                        <input type="text" name="email" value="" placeholder="email"/>.
                        Looking forward to hearing from you soon*/ ?>
                        <div class="nl-overlay"></div>
                        <?php echo $CSRF_STR; ?>
                        <input type="hidden" name="action" value="contacts"/>
                        <button class="bigger">Get in touch</button>
                    </div>
                </form>
                <div></div>
            </div>
            <?php /*
            <script src="js/nlform.js"></script>
            <script>
                //var nlform = new NLForm(document.getElementById('nl-form'));
            </script>
 */ ?>
<?php require_once('__footer.php'); ?>