<?php if ($this->session->person_id === $this->session->view_person_id) { ?>
    <!-- ===================== Travel Location Modal Starts Here ===================================== -->
<!--    <div class="modal fade" style="" id="delTraLoc" tabindex="-1" role="dialog" aria-labelledby="changeRole" aria-hidden="true">
        <div class='modal-dialog'>
            <div class='modal-content' style='top: 180px;border: 5px solid #80c12c;border-top: 20px solid #80c12c !important;margin: 0 auto;width: 450px'>           
                <div class='modal-body'>
                    <h4 class='text-center'>Are You Sure to Delete This Travel Location?</h4>
                </div>
                <div class='modal-footer'>
                    <div  class='col-sm-12'>               
                        <button id='modalYesButton' style='margin-left: 120px' type='button' class='btn btn-success col-sm-2' data-dismiss='modal'>Yes</button>
                        <button id='modalNoButton' type='button' style='margin-left: 20px' class='btn btn-danger col-sm-2 col-sm-offset-4'>No</button>
                    </div>
                </div>            
            </div>
        </div>
    </div>-->

    <div class="modal fade" style="" id="delTraLoc" tabindex="-1" role="dialog" aria-labelledby="changeRole" aria-hidden="true">
        <div class='modal-dialog'>
            <div class='modal-content' style='top: 180px;border: 5px solid #80c12c;border-top: 20px solid #80c12c !important;margin: 0 auto;max-width: 400px'>           
                <div class='modal-body text-center' style='padding-bottom: 0px;'>
                    <span class='text-center'>Are You Sure to Delete This Travel Location?</span>
                </div>
                <div class='modal-footer'>
                    <div  class='col-sm-12 text-center'>  
                        <span class='col-sm-3 col-sm-offset-3'>
                            <button type='button' id='modalNoButton' class='btn btn-danger  col-sm-12' data-dismiss='modal' style='font-size: 14px;'>No</button>
                        </span> 
                        <span class='col-sm-3'>
                            <button id='modalYesButton' class='btn btn-success col-sm-12' data-dismiss='modal'>Yes</button>
                        </span>

                    </div>
                </div>            
            </div>
        </div>
    </div>                                                                               
    <!-- ===================== Travel Location Modal Ends Here ===================================== -->
<?php } ?>

<div class="row">
    <div class="col-sm-12 padding-zero">
        <!-- Map Search Section starts here-->
        <div class="col-sm-12 padding-zero">
        <?php if($this->session->person_id === $this->session->view_person_id){ ?>
            <div class="col-sm-5 padding-zero col-sm-offset-3 res_map_search">
                <div class="controls">
                    <input class="form-control" id="travel-search" placeholder="Search Country &AMP; State Here...">
                </div>  
            </div>                
            <div class="col-sm-1 res_map_button" title="Add travel Location" >                
                <span id="addTravelLocation" class="btn btn-success ">
                    <i class="fa fa-map-marker" aria-hidden="true"></i>
                </span>
            </div>
        <?php } ?>
            <div id="success_message_travel" class="col-xs-12 col-sm-3"></div>
        </div>
        <!-- Map Search section ends here-->

        <!-- Map location info section starts here-->
        <div class="col-sm-12 text-center">                
            <!-- The following three input field is required for adding travel location -->
            <input type="hidden" id="city_name">
            <input type="hidden" id="travel_country">
            <input type="hidden" id="geo_travel">            
            <hr/>
        </div>
        <!-- Map location info section ends here-->                
    </div>
</div>   
<div class="row">
    <div class="col-sm-12">
        <!-- Map section starts here-->
        <div class="col-sm-9" style="padding-left: 0px;">
            <div id="map"></div>
        </div>
        <!-- Map section ends here-->
        <!-- Travel location section starts here -->
        <div class="col-sm-3 padding-zero">
            <div id="traLocs"></div>
        </div>
        <!-- Travel location section ends here -->
    </div>
</div>




