<?php $contact = $this->db->select('*')->from('configuration')->where('id_configuration',1)->get()->row(); ?>
<!--  breadcrumb start  -->
<div class="breadcrumb-area contact-breadcrumb-bg" style="background-image: url(<?=base_url('uploads/'.$contact->background_home)?>);">
    <div class="container">
    <div class="row">
        <div class="col-lg-7">
            <div class="breadcrumb-txt">
                <h1><?= $contact->contact_message?></h1>
                <nav aria-label="breadcrumb">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="<?= base_url()?>">Home</a></li>
                    <li class="breadcrumb-item active" aria-current="page">Contact</li>
                </ol>
                </nav>
            </div>
        </div>
    </div>
    </div>
    <div class="breadcrumb-overlay"></div>
</div>
<!--  breadcrumb end  -->


<!--   contact section start    -->
<div class="contact-section">
    <div class="container">
    <?= $this->session->flashdata('success'); //to display success message ?> 
    <!--  contact infos start  -->
    <br>
    <h2 class="subtitle"><?= $contact->browser_title?></h2>
    <p style="font-size:18px;"><?= $contact->page_title4?></p>
    <div class="contact-infos">
        <div class="row no-gutters">
            <div class="col-lg-12 single-info-col">
                <div class="single-info wow fadeInRight" data-wow-duration="1s">
                    <div class="info-txt" style="text-align: center;">
                        <p><b>HEAD OFFICE JAKARTA</b></p>
                        <?= $contact->company_address?>
                        <p>Phone : <?= $contact->phone?><br />
                        Email:<br />
                        <?= $contact->from_email?><br />jonathan.khalilov@ptbos.biz</p>
                    </div>
                </div>
            </div>
            <!-- <div class="col-lg-6 single-info-col">
                <div class="single-info wow fadeInRight" data-wow-duration="1s">
                    <div class="info-txt">
                        <p><b>CORPORATE OFFICE - SURABAYA</b><br />
                        <?= $contact->page_title2?>
                        Phone : <?= $contact->page_title3?><br />
                        Email : <?= $contact->from_email?></p>
                        <br />
                        <p><b>CORPORATE OFFICE - MEDAN</b><br />
                       <?= $contact->page_title1?>
                        Phone : <?= $contact->youtube?><br>
                        Email : <?= $contact->from_email?></p>
                    </div>
                </div>
            </div> -->
            
        </div>
    </div>
    <!--  contact infos end  -->
    <!--  contact form and map start  -->
    <div class="contact-form-section">
        <div class="row">
            <div class="col-lg-6">
                <h2 class="subtitle">KEEP IN TOUCH</h2>
                <?= form_open('contact/submit_message'); ?>
                <div class="row">
                    <div class="col-md-6">
                        <div class="form-element"><input required type="text" name="name" placeholder="Name"></div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-element"><input required type="text" name="email" placeholder="Email"></div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-element"><input required type="text" name="phone" placeholder="Phone"></div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-element"><input required type="text" name="subject" placeholder="Subject"></div>
                    </div>
                    <div class="col-md-12">
                        <div class="form-element">
                            <textarea name="message" cols="30" rows="10" required name="message" placeholder="Message"></textarea>
                        </div>
                    </div>
                    <div class="col-md-12">
                        <div class="form-element">
                            <button type="submit"><span>Submit</span></button>
                        </div>
                    </div>
                </div>
                <?= form_close(); ?>
            </div>
            <div class="col-lg-6">
                <div class="map-wrapper">
                <div id="map">
                    <iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d247.9211968948335!2d106.9246628!3d-6.1656765!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x2e698b92ce8fec05%3A0xc33c63ea55702b94!2sPT%20BRIGHT%20OCEANS%20SHIPPING%20%2FPT%20BOS!5e0!3m2!1sid!2sid!4v1686722682074!5m2!1sid!2sid" width="100%" height="480" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
                </div>
                </div>
            </div>
        </div>
    </div>
    <!--  contact form and map end  -->
    </div>
</div>
<!--   contact section end    -->