<script type="text/javascript" src="<?php echo $this->baseUrl('public/js/functions.js'); ?>"></script>
<link rel="stylesheet" href="<?php echo $this->baseUrl('public/assets/css/jquery-ui.css'); ?>">
<!--Advance Radio and checkbox demo start-->
<script src="<?php echo $this->baseUrl('public/assets/js/jquery-ui.js'); ?>"></script>
<!--Advance Radio and checkbox demo start-->
<script type="text/javascript">
$(function() {
  $("#airport").autocomplete({  
    source: '/flight/get-airport-auto-search',
    minLength: 2,
    select: function (event, ui) {
        var AirportCode = ui.item.AirportCode;
        $("#airport_code").val(AirportCode);
    }

  });
});
</script>
    
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4 class="modal-title" id="myModalLabel">Connecting Flight</h4>
    </div>
    <div class="modal-body">

    <div class="col-md-12 no-padding">
        <div class="panel-body table-responsive no-padding no-border" id="connecting-grid-content">
                            <form name="frm-connecting-grid" id="frm-connecting-grid" method="post">  
                            <table class="table table-bordered no-margin">
                                <tr class="alert alert-success">
                                    <th><strong>Airlines</strong></th>
                                    <th><strong>Airport</strong></th>
                                    <th><strong>Arriving Date &amp; Time</strong></th>
                                    <th><strong>Departure Date &amp; Time</strong></th>
                                    <th><strong>Action</strong></th>
                                </tr>

                                 <tr>
                                    <td><select id="AirlineSysId" name="AirlineSysId" class="form-control" placeholder="Select" style="width:170px;">
                                          <option value="0">Select</option>
                                          <?php foreach($this->arrAirlineList as $arrAirline) { ?>
                                          <option value="<?php echo $arrAirline['AirlineSysId']; ?>"><?php echo $arrAirline['Title']; ?></option>
                                          <?php } ?>
                                      </select>
                                      </td>                                          
                                      <td><input type="text" name="airport" id="airport" value="" class="form-control whbg">
                                          <input type="hidden" name="airport_code" id="airport_code" value="" class="form-control whbg">
                                      </td>
                                      <td><input type="text" name="arriving_date" id="arriving_date" class="form-control whbg dateTimePicker"></td>
                                      <td><input type="text" name="departure_date" id="departure_date" class="form-control whbg dateTimePicker"></td>
                                    <td>
                                        <a class="btn btn-success btn-sm" href="javascript:void(0);" onclick="addFlightConnecting('<?php echo $this->InvnItemSysId; ?>');"><i class="fa fa-fw fa-arrows"></i></a></td>
                                </tr>

                                <tr>
                                    <td><span>Indigo</span></td>                                          
                                    <td><span>Pune</span></td>
                                    <td><span>2016/05/25 10:55</span></td>
                                    <td><span>2016/05/25 11:10</span></td>
                                    <td><button data-original-title="Edit" class="btn btn-xs btn-warning tooltipLink editbtn" data-toggle="tooltip" data-placement="top" title=""><i class="fa fa-pencil-square-o"></i></button> <button data-original-title="Delete" class="btn btn-xs btn-danger tooltipLink" data-toggle="tooltip" data-placement="top" title=""><i class="fa fa-trash-o"></i></button></td>
                                </tr>

                                <tr>
                                    <td><span>Spice Jet</span></td>                                          
                                    <td><span>Pune</span></td>
                                    <td><span>2016/05/25 23:55</span></td>
                                    <td><span>2016/05/26 00:10</span></td>
                                    <td><button data-original-title="Edit" class="btn btn-xs btn-warning tooltipLink editbtn" data-toggle="tooltip" data-placement="top" title=""><i class="fa fa-pencil-square-o"></i></button> <button data-original-title="Delete" class="btn btn-xs btn-danger tooltipLink" data-toggle="tooltip" data-placement="top" title=""><i class="fa fa-trash-o"></i></button></td>
                                </tr>

                            </table>
                        </form>      

                    </div>
      </div>  

    <div class="clear"></div></div>

    <div class="modal-footer">
        <button type="button" class="btn btn-default btn-round" data-dismiss="modal">Exit</button>
    </div>
    
    <!--Layout Script start -->
    <script type="text/javascript" src="<?php echo $this->baseUrl('public/assets/js/lib/jquery-1.11.min.js'); ?>"></script>
    <script type="text/javascript">
    $(window).load(function(){
        $('.editbtn').click(function(){ alert("bdsjhvbsd dshfbsud");
            var $div=$(this).parent().parent().children().children('span'), isEditable=$div.is('.editable');
            $(this).parent().parent().children().children('span').prop('contenteditable',!isEditable).toggleClass('editable')
        });
    });
    </script>
    <script type="text/javascript" src="<?php echo $this->baseUrl('public/assets/js/bootstrap.min.js'); ?>"></script>
    <script type="text/javascript" src="<?php echo $this->baseUrl('public/assets/js/multipleAccordion.js'); ?>"></script>
    
 
    <!--switchery Script Start -->
    <script src="<?php echo $this->baseUrl('public/assets/js/switchery.min.js'); ?>"></script>
    <!--switchery Script End -->

    <!--bootstrap switch Button Script Start-->
    <script src="<?php echo $this->baseUrl('public/assets/js/bootstrap-switch.js'); ?>"></script>
    <!--bootstrap switch Button Script End-->
    
    <!--selectize Library start-->
    <script src="<?php echo $this->baseUrl('public/assets/js/selectize.min.js'); ?>"></script>
    <!--selectize Library End-->

    <!--Select & Tag demo start-->
    <script src="<?php echo $this->baseUrl('public/assets/js/pages/selectTag.js'); ?>"></script>
    <!--Select & Tag demo end-->
    
    <!--Tooltip Bar Library Script Start -->
    <script src="<?php echo $this->baseUrl('public/assets/js/jquery.toolbar.min.js'); ?>"></script>
    <!--Tooltip Bar Library Script End -->
    
    <!--Tooltip Bar Library Script Start -->
    <script src="<?php echo $this->baseUrl('public/assets/js/jquery.minicolors.min.js'); ?>"></script>
    <!--Tooltip Bar Library Script End -->
    
    <!-- Date & Time Picker Library Script Start -->
    <script src="<?php echo $this->baseUrl('public/assets/js/jquery.datetimepicker.js'); ?>"></script>
    <!-- Date & Time Picker Library Script End -->

    <!--Demo for Date, Time Color Picker Script Start -->
    <script src="<?php echo $this->baseUrl('public/assets/js/pages/pickerTool.js'); ?>"></script>
    <!--Demo for Date, Time Color Picker Script End -->
    
    <!-- Script For Icheck -->
    <script src="<?php echo $this->baseUrl('public/assets/js/icheck.min.js'); ?>"></script>
    <!-- Script For Icheck -->

    <!--Advance Radio and checkbox demo start-->
    <script src="<?php echo $this->baseUrl('public/assets/js/pages/checkboxRadio.js'); ?>"></script>
    <!--Advance Radio and checkbox demo start-->