<!-- BANNER -->
<section class="" style="padding-top: 160px; padding-bottom: 40px;
background: url('<?= base_url(); ?>themes/<?= $theme; ?>/bluesky/images/contact-banner.jpg') no-repeat; background-size: cover; background-position: center;"> 
    <div class="container">
        <div class="banner-content">
            <h2></h2>
            <p></p>
        </div>
    </div>
</section>
<!-- END-BANNER -->

<!-- CONTACT -->
<section class="section-contact">
    <div class="container">
        <div class="contact">
            <div class="row">
                <div class="col-md-6 col-lg-5">
                    <?= $page->body_text; ?>
                </div>
                <div class="col-md-6 col-lg-6 col-lg-offset-1">
                    <div class="contact-form">
<?= form_open_multipart('contact/business_enquiry_confirmation', array('id' => 'form_contact_c')); ?>
    <div class="row">
        <div class="col-sm-12">
            <?php if ($this->session->flashdata('success')): ?>
                <?= $this->session->flashdata('success'); ?>
            <?php endif; ?>
        </div>
        <div class="col-sm-6">
            <input type="text" class="field-text" name="inp_name" id="inp_name" placeholder="<?= ucwords(lang('name')); ?>*">
            <?= '<span style="font-size:10px;">' . form_error('inp_name') . '</span>';
                 ?>
        </div>
        <div class="col-sm-6">
            <input type="email" class="field-text" name="inp_email" id="inp_email" placeholder="<?= ucwords(lang('email_address')); ?>*">
            <?= '<span style="font-size:10px;">' . form_error('inp_email') . '</span>';
             ?>
        </div>
        <div class="col-sm-6">
            <input type="text" class="field-text" name="inp_phone" id="inp_phone" placeholder="<?= ucwords(lang('phone_numb')); ?>*">
            <?= '<span style="font-size:10px;">' . form_error('inp_phone') . '</span>';
                 ?>
        </div>
        <div class="col-sm-6">
            <input type="text" class="field-text" name="subject" placeholder="Subject">
        </div>
        <div class="col-sm-12">
            <textarea cols="30" rows="10" name="message" class="field-textarea" placeholder="Write what do you want"></textarea>
        </div>
        <!-- <div class="col-sm-7">
            <?= $recaptcha_html;?>
            <?= '<span style="font-size:10px;" id="captcha">' . form_error('g-recaptcha-response'). '</span>'; ?>
        </div> -->
        <div class="col-sm-5">
            <input style="display: none;" id="sbm_hidden" type="submit" name="business_enquiry_confirmation" value="business_enquiry_confirmation"> 
            <a class="btn btn-room" href="javascript:void(0);" id="btn_contactc" class="">SEND</a>  
            <script> 
                var form = document.querySelector('#form_contact_c'); 

                var submit_form_btn = document.querySelector('#btn_contactc');

                submit_form_btn.addEventListener('click', function () {
                    if (form.checkValidity()) {
                        form.querySelector('input#sbm_hidden[type="submit"]').click();
                    }
                    else {
                        form.querySelector('input#sbm_hidden[type="submit"]').click();
                    }
                }, false); 

            </script>
        </div>
    </div>
<?= form_close(); ?>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- END / CONTACT -->
<!-- MAP -->
<div class="section-map">
    <iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d15955.54792291932!2d116.8274847!3d-1.2380083!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0xb6cd90d9eb4023bc!2sBlue+Sky+Hotel+Balikpapan!5e0!3m2!1sen!2sid!4v1566448306392!5m2!1sen!2sid" width="100%" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>
<!-- <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3966.2523920106646!2d106.82416411450237!3d-6.230420262749768!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x2e69f3eefffffff9%3A0xf2b7fabd2f371e46!2sBlue+Sky+Group!5e0!3m2!1sid!2sid!4v1561602148823!5m2!1sid!2sid"  height="470" frameborder="0" style="border:0" allowfullscreen></iframe> -->
</div>
<!-- END / MAP -->