<!-- Main content -->
<div class="content-wrapper">
    <!-- Dashboard content -->
    <div class="row">

        <div class="col-lg-8">
            <!-- Daily sales -->
            <div class="panel panel-flat">
                <div class="panel-heading">
                    <h6 class="panel-title">Pending Transport Request</h6>
                    <div class="heading-elements">

                    </div>
                </div>

<div class="panel-body">
            <div class="fullcalendar-event-colors2"></div>
        </div>

                <div class="table-responsive">





                </div>
            </div>
            <!-- /daily sales -->

        </div>

        <div class="col-lg-4">
            <!-- Daily sales -->
            <div class="panel panel-flat">
                <div class="panel-heading">
                    <h6 class="panel-title">Todays Transport List</h6>
                    <div class="heading-elements">

                    </div>
                </div>

                <div class="panel-body">
                    <div id="sales-heatmap"></div>
                </div>

                <div class="table-responsive">




                </div>
            </div>
            <!-- /daily sales -->

        </div>
    </div>
    <!-- /dashboard content -->
</div>
<!-- /main content -->


<!-- /main content -->
<script type="text/javascript">
<!--
    
  /* ------------------------------------------------------------------------------
*
*  # Fullcalendar basic options

*
* ---------------------------------------------------------------------------- */

$(function() {

    // Event colors
    var eventColors = [
       
<?
$ic = 0;
foreach ($result_list as $rect) {
    if ( $ic  > 0 )
    {
        echo ",";
    }
    ?>
                                
                                {
                                title: '<?= $rect['firstname'] ?>-<?= $rect['id'] ?>',
                                start: '<?= substr($rect['transport_date'],0,10) ?>',
                                end: '<?= substr($rect['transport_date'],0,10) ?>',
                                color: '#546E7A'
                            }  
    <?
    $ic++;
}
?>
       
        
        ];

    // Event colors
    $('.fullcalendar-event-colors2').fullCalendar({
        header: {
            left: 'prev,next today',
            center: 'title',
            right: 'month,agendaWeek,agendaDay'
        },
        defaultDate: '2017-10-24',
        editable: true,
        events: eventColors
    });
});

// -->

   </script></div>
<!-- /page content -->