{{--PUNCTUALITY CHART--}}
@if (count($paxByAirports["airport"]))
    <article class="col-sm-12 col-md-6 col-lg-6">

    <div class="jarviswidget jarviswidget-color-blueDark" id="wid-id-pax-by-airport" data-widget-colorbutton="false"
         data-widget-fullscreenbutton="false" data-widget-editbutton="false"
         data-widget-sortable="false">
        <!-- widget options:
            usage: <div class="jarviswidget" id="wid-id-0" data-widget-editbutton="false" data-widget-colorbutton="false" data-widget-deletebutton="false">

            data-widget-colorbutton="false"
            data-widget-editbutton="false"
            data-widget-togglebutton="false"
            data-widget-deletebutton="false"
            data-widget-fullscreenbutton="false"
            data-widget-custombutton="false"
            data-widget-collapsed="true"
            data-widget-sortable="false"

        -->
        <header>
            <h2>@lang("content.pax_by_stations"), Nos.</h2>
        </header>

        <!-- widget div-->
        <div>

            <!-- widget edit box -->
            <div class="jarviswidget-editbox">
                <!-- This area used as dropdown edit box -->
                <input class="form-control" type="text">
            </div>
            <!-- end widget edit box -->

            <!-- widget content -->
            <div class="widget-body">
                <!-- this is what the user will see -->
                <canvas id="chart_pax_by_airport" height="170"></canvas>
            </div>
            <!-- end widget content -->

        </div>
        <!-- end widget div -->

    </div>

</article>
@endif

@if (count($paxByAirportsMorris) && isset($paxByAirportsMorris[TOTAL]))

    <article class="col-sm-12 col-md-6 col-lg-6">

    <div class="jarviswidget jarviswidget-color-blueDark" id="wid-id-6" data-widget-editbutton="false" data-widget-colorbutton="false" data-widget-deletebutton="false">
        <!-- widget options:
            usage: <div class="jarviswidget" id="wid-id-0" data-widget-editbutton="false" data-widget-colorbutton="false" data-widget-deletebutton="false">

            data-widget-colorbutton="false"
            data-widget-editbutton="false"
            data-widget-togglebutton="false"
            data-widget-deletebutton="false"
            data-widget-fullscreenbutton="false"
            data-widget-custombutton="false"
            data-widget-collapsed="true"
            data-widget-sortable="false"

        -->
        <header>
            <h2>@lang("content.pax_by_stations"), @lang("content.totals"), Nos.</h2>
        </header>

        <!-- widget div-->
        <div>

            <!-- widget edit box -->
            <div class="jarviswidget-editbox">
                <!-- This area used as dropdown edit box -->

            </div>
            <!-- end widget edit box -->

            <!-- widget content -->
            <div class="widget-body no-padding">

                <div class="chart no-border" id="chart_pax_by_station_totals" style="height: 300px; width: 95%;" data-center></div>

            </div>
            <!-- end widget content -->

        </div>
        <!-- end widget div -->

    </div>

</article>
@endif
{{--PUNCTUALITY CHART END--}}