@extends('layout.main')

@section('filter')
    <div id="datatable-filter" class="fixed new_filter">
        <div class="filter-inner">
            <h2 class="filter-header">
                <a href="#" class="filter-close" data-animate="1"><i class="entypo-cancel"></i></a>
                <i class="fa fa-filter"></i>
                Filter
            </h2>
            <form novalidate="novalidate" class="form-horizontal form-groups-bordered filter validate sms_analysis" method="post" id="sms_analysis">
                <div class="form-group">
                    <label class="control-label" for="field-1">Start Date</label>
                    <div class="row">
                        <div class="col-sm-6">
                            <input type="text" name="StartDate"  class="form-control datepicker"  data-date-format="yyyy-mm-dd" value="{{date('Y-m-d')}}" data-enddate="{{date('Y-m-d')}}"/>
                        </div>
                        <div class="col-md-6 select_hour">
                            <input type="text" name="StartHour" data-minute-step="30"   data-show-meridian="false" data-default-time="00:00" value="00:00"  data-template="dropdown" class="form-control timepicker">
                        </div>
                    </div>
                </div>
                <div class="form-group">
                    <label class="control-label" for="field-1">End Date</label>
                    <div class="row">
                        <div class="col-sm-6">
                            <input type="text" name="EndDate" class="form-control datepicker"  data-date-format="yyyy-mm-dd" value="{{date('Y-m-d')}}" data-enddate="{{date('Y-m-d' )}}" />
                        </div>
                        <div class="col-sm-6 select_hour">
                            <input type="text" name="EndHour" data-minute-step="30"   data-show-meridian="false" data-default-time="23:30" value="23:30"   data-template="dropdown" class="form-control timepicker">
                        </div>
                    </div>
                </div>
                <div class="form-group">
                    <label class="control-label" for="field-1">Gateway</label>
                    {{ Form::select('CompanyGatewayID',$gateway,'', array("class"=>"select2")) }}
                </div>
                <div class="form-group">
                    <label class="control-label" for="field-1">MCCMNC</label>
                    <input type="text" name="mccmnc"  class="form-control"/>
                </div>
                <div class="form-group">
                    <label class="control-label" for="field-1">Account</label>
                    {{ Form::select('AccountID',$account,'', array("class"=>"select2")) }}
                </div>
                <div class="form-group">
                    <label class="control-label" for="field-1">Currency</label>
                    {{ Form::select('CurrencyID',$currency,$DefaultCurrencyID,array("class"=>"select2")) }}

                    <input type="hidden" name="Admin" value="{{$isAdmin}}">
                    <input type="hidden" name="Admin1" value="{{$isAdmin}}">
                    <input type="hidden" name="chart_type" value="destination">
                </div>
                <div class="form-group">
                    <label class="control-label" for="field-1">Country</label>
                    {{ Form::select('CountryID',$Country,'', array("class"=>"select2")) }}
                </div>
                <div class="form-group">
                    @if(User::is('AccountManager'))
                        <input type="hidden" name="UserID" value="{{$UserID}}">
                    @else
                        <label for="field-1" class="control-label">Owner</label>
                        {{Form::select('UserID',$account_owners,Input::get('account_owners'),array("class"=>"select2"))}}
                    @endif
                </div>
                <!--
                <div class="form-group">
                    <label class="control-label" for="field-1">Reseller</label>
                    {{ Form::select('ResellerOwner',$reseller_owners,'', array("class"=>"select2")) }}
                        </div>-->
                <div class="form-group">
                    <label class="control-label">Account Tag</label>
                    <input class="form-control tags" name="tag" type="text" >
                </div>
                <div class="form-group">
                    <br/>
                    <input type="hidden" name="ResellerOwner" value="0">
                    <button type="submit" class="btn btn-primary btn-md btn-icon icon-left">
                        <i class="entypo-search"></i>
                        Search
                    </button>
                </div>
            </form>
        </div>
    </div>
@stop


@section('content')
    <br />
    <style>
        .small_fld{width:80.6667%;}

        .sms_cost_desc,.sms_count_desc {
            overflow-x: auto;
        }
    </style>

    <ul class="nav nav-tabs">
        @if(User::checkCategoryPermission('Analysis','Customer') || User::checkCategoryPermission('Analysis','All'))
            <li ><a href="{{ URL::to('/sms_analysis') }}">Customer</a></li>
        @endif
        @if(User::checkCategoryPermission('Analysis','Vendor') || User::checkCategoryPermission('Analysis','All'))
            <li class="active"><a href="#">Vendor</a></li>
        @endif
    </ul>
    <div class="tab-content">
        <div class="tab-pane active" id="customer" >
            <div class="row">
                <div class="col-md-12">
                    <table class="table table-bordered datatable" id="destination1_table">
                        <thead>
                            <tr>
                                {{--<th width="10%">Date</th>--}} <th width="10%">@lang("routes.CUST_PANEL_PAGE_SMS_ANALYSIS_TAB_TBL_DATE")</th>
                                {{--<th width="10%">Hour</th>--}} <th width="10%">@lang("routes.CUST_PANEL_PAGE_SMS_ANALYSIS_TAB_TBL_HOUR")</th>
                                {{--<th width="10%">Account Name</th>--}} <th width="10%">@lang("routes.CUST_PANEL_PAGE_SMS_ANALYSIS_TAB_TBL_ACCOUNT_NAME")</th>
                                {{--<th width="10%">Country</th>--}} <th width="10%">@lang("routes.CUST_PANEL_PAGE_SMS_ANALYSIS_TAB_TBL_COUNTRY")</th>
                                {{--<th width="10%">No. Of SMS</th>--}} <th width="10%">@lang("routes.CUST_PANEL_PAGE_SMS_ANALYSIS_TAB_TBL_NO_OF_SMS")</th>
                                {{--<th width="10%">No. Of Failed SMS</th>--}} <th width="10%">@lang("routes.CUST_PANEL_PAGE_SMS_ANALYSIS_TAB_TBL_NO_OF_FAILED_SMS")</th>
                                {{--<th width="10%">Total SMS</th>--}} <th width="10%">@lang("routes.CUST_PANEL_PAGE_SMS_ANALYSIS_TAB_TBL_TOTAL_SMS")</th>
                                {{--<th width="10%">Total Cost</th>--}} <th width="10%">@lang("routes.CUST_PANEL_PAGE_SMS_ANALYSIS_TAB_TBL_TOTAL_COST")</th>
                                {{--<th width="10%">ASR (%)</th>--}} <th width="10%">@lang("routes.CUST_PANEL_PAGE_SMS_ANALYSIS_TAB_TBL_ASR")</th>
                                @if((int)Session::get('customer') == 0)
                                    {{--<th width="10%">Margin</th>--}} <th width="10%">@lang("routes.CUST_PANEL_PAGE_SMS_ANALYSIS_TAB_TBL_MARGIN")</th>
                                    {{--<th width="10%">Margin (%)</th>--}} <th width="10%">@lang("routes.CUST_PANEL_PAGE_SMS_ANALYSIS_TAB_TBL_MARGIN") (%)</th>
                                    {{--<th width="10%">@lang("routes.CUST_PANEL_PAGE_ANALYSIS_TAB_DESTINATION_TBL_CHARGED_AMOUNT")</th>--}}
                                @endif
                            </tr>
                        </thead>
                        <tbody></tbody>
                        <tfoot><tr></tr></tfoot>
                    </table>
                </div>
            </div>


            <ul class="nav nav-tabs refresh_tab">
                @if( (empty($MonitorDashboardSetting)) ||  in_array('DestinationMonitor',$MonitorDashboardSetting))
                    {{--<li class="active"><a href="#destination" data-toggle="tab">Destination</a></li>--}}
                    <li class="active"><a href="#destination" data-toggle="tab">@lang("routes.CUST_PANEL_PAGE_SMS_ANALYSIS_TAB_TITLE_DESTINATION")</a></li>
                @endif
                @if( (empty($MonitorDashboardSetting)) ||  in_array('PrefixMonitor',$MonitorDashboardSetting))
                    {{--<li ><a href="#mccmnc" data-toggle="tab">MCCMNC</a></li>--}}
                    <li ><a href="#mccmnc" data-toggle="tab">@lang("routes.CUST_PANEL_PAGE_SMS_ANALYSIS_TAB_TITLE_MCCMNC")</a></li>
                @endif
                @if( (empty($MonitorDashboardSetting)) ||  in_array('AccountMonitor',$MonitorDashboardSetting))
                    {{--<li ><a href="#account" data-toggle="tab">Account</a></li>--}}
                    <li ><a href="#account" data-toggle="tab">@lang("routes.CUST_PANEL_PAGE_SMS_ANALYSIS_TAB_TITLE_ACCOUNT")</a></li>
                @endif
                @if( (empty($MonitorDashboardSetting)) ||  in_array('GatewayMonitor',$MonitorDashboardSetting))
                    {{--<li ><a href="#gateway" data-toggle="tab">Gateway</a></li>--}}
                    <li ><a href="#gateway" data-toggle="tab">@lang("routes.CUST_PANEL_PAGE_SMS_ANALYSIS_TAB_TITLE_GATEWAY")</a></li>
                @endif
            </ul>
            <div class="tab-content">
                @include('smsanalysis.vendor_chart_by_type')
                @include('smsanalysis.vendor_chart_by_type_grid')
            </div>
        </div>
    </div>
    <script type="text/javascript">
        var $searchFilter   = {};
        var pageSize        = '{{CompanyConfiguration::get('PAGE_SIZE')}}';
        var start_time      = ' 00:00:00';
        var end_time        = ' 23:59:59';
        var table_id        = '#chart_by_type_table';

        jQuery(document).ready(function() {

            $('#filter-button-toggle').show();

            $('#sms_analysis').on('submit', function (e) {
                e.preventDefault();
                setSearchParams();
                loadTable(table_id);
                loadTable1();
                getAnalysisData();
            });

            $('#sms_analysis').submit();

            $(".refresh_tab li a").click(function(){
                table_id    = '#chart_by_type_table';
                chart_type  = $(this).attr('href');
                $("#sms_analysis").find("input[name='chart_type']").val(chart_type.slice(1));
                setTimeout(function(){
                    setSearchParams();
                    loadTable(table_id);
                    //loadTable1();
                    getAnalysisData();
                }, 10);
            });
        });

        function setSearchParams() {
            start_time  = ' 00:00:00';
            end_time    = ' 23:59:59';
            if($("#sms_analysis").find("[name='StartHour']").attr('disabled') !== 'disabled'){
                if($("#sms_analysis").find("[name='StartHour']").val() != ''){
                    start_time = ' '+$("#sms_analysis").find("[name='StartHour']").val()+':00';
                }
                if($("#sms_analysis").find("[name='EndHour']").val() != ''){
                    end_time = ' '+$("#sms_analysis").find("[name='EndHour']").val()+':00';
                }
            }
            $searchFilter.StartDate         = $("#sms_analysis").find("input[name='StartDate']").val()+start_time;
            $searchFilter.EndDate           = $("#sms_analysis").find("input[name='EndDate']").val()+end_time;
            $searchFilter.UserID            = $("#sms_analysis").find("[name='UserID']").val();
            $searchFilter.Admin             = $("#sms_analysis").find("input[name='Admin']").val();
            $searchFilter.chart_type        = $("#sms_analysis").find("input[name='chart_type']").val();
            $searchFilter.AccountID         = $("#sms_analysis").find("[name='AccountID']").val();
            $searchFilter.CompanyGatewayID  = $("#sms_analysis").find("[name='CompanyGatewayID']").val();
            $searchFilter.CountryID         = $("#sms_analysis").find("[name='CountryID']").val();
            $searchFilter.mccmnc            = $("#sms_analysis").find("input[name='mccmnc']").val();
            $searchFilter.CurrencyID        = $("#sms_analysis").find("[name='CurrencyID']").val();
            $searchFilter.ResellerOwner     = $("#sms_analysis").find("[name='ResellerOwner']").val();
            $searchFilter.tag               = $("#sms_analysis").find("[name='tag']").val();
        }

        function loadTable(table_id){
            var TotalSMS        = 0;
            var TotalCost       = 0;
            var TotalMargin     = 0;

            data_table  = $('#chart_by_type_table').dataTable({
                "oLanguage": {
                    "sUrl": baseurl + "/translate/datatable_Label"
                },
                "bDestroy": true,
                "bProcessing": true,
                "bServerSide": true,
                "bAutoWidth": false,
                "sAjaxSource": baseurl + "/vendor_sms_analysis/ajax_datagrid/type",
                "fnServerParams": function (aoData) {
                    aoData.push(
                        {"name": "StartDate", "value": $searchFilter.StartDate},
                        {"name": "EndDate","value": $searchFilter.EndDate},
                        {"name": "UserID","value": $searchFilter.UserID},
                        {"name": "Admin","value": $searchFilter.Admin},
                        {"name": "chart_type","value": $searchFilter.chart_type},
                        {"name": "AccountID","value": $searchFilter.AccountID},
                        {"name": "CompanyGatewayID","value": $searchFilter.CompanyGatewayID},
                        {"name": "CountryID","value": $searchFilter.CountryID},
                        {"name": "mccmnc","value": $searchFilter.mccmnc},
                        {"name": "CurrencyID","value": $searchFilter.CurrencyID},
                        {"name": "ResellerOwner","value": $searchFilter.ResellerOwner},
                        {"name": "tag","value": $searchFilter.tag}
                    );
                    data_table_extra_params.length = 0;
                    data_table_extra_params.push(
                        {"name": "StartDate", "value": $searchFilter.StartDate},
                        {"name": "EndDate","value": $searchFilter.EndDate},
                        {"name": "UserID","value": $searchFilter.UserID},
                        {"name": "Admin","value": $searchFilter.Admin},
                        {"name": "chart_type","value": $searchFilter.chart_type},
                        {"name": "AccountID","value": $searchFilter.AccountID},
                        {"name": "CompanyGatewayID","value": $searchFilter.CompanyGatewayID},
                        {"name": "CountryID","value": $searchFilter.CountryID},
                        {"name": "mccmnc","value": $searchFilter.mccmnc},
                        {"name": "CurrencyID","value": $searchFilter.CurrencyID},
                        {"name": "ResellerOwner","value": $searchFilter.ResellerOwner},
                        {"name": "tag","value": $searchFilter.tag},
                        {"name": "Export","value":1}
                    );

                },
                "iDisplayLength": pageSize,
                "sPaginationType": "bootstrap",
                "sDom": "<'row'<'col-xs-6 col-left'l><'col-xs-6 col-right'<'export-data'T>f>r>t<'row'<'col-xs-6 col-left'i><'col-xs-6 col-right'p>>",
                "aaSorting": [[1, 'desc']],
                "aoColumns": [
                    {  "bSortable": true },  // 0 Country
                    {  "bSortable": true },  // 1 NoOfSMS
                    {  "bSortable": true },  // 2 TotalCost/ChargedAmount
                    {  "bSortable": true },  // 3 ASR
                    {  "bSortable": true },  // 4 TotalMargin
                    {  "bSortable": true },  // 5 MarginPercentage
                    {  "bSortable": true },  // 6 DLR
                    {  "bSortable": true }  // 7 DLRPercentage
                ],
                "oTableTools": {
                    "aButtons": [
                        {
                            "sExtends": "download",
                            "sButtonText": BUTTON_EXPORT_EXCEL_CAPTION,
                            "sUrl": baseurl + "/vendor_sms_analysis/ajax_datagrid/xlsx", //baseurl + "/generate_xlsx.php",
                            sButtonClass: "save-collection"
                        },
                        {
                            "sExtends": "download",
                            "sButtonText": BUTTON_EXPORT_CSV_CAPTION,
                            "sUrl": baseurl + "/vendor_sms_analysis/ajax_datagrid/csv", //baseurl + "/generate_csv.php",
                            sButtonClass: "save-collection"
                        }
                    ]
                },
                "fnDrawCallback": function () {
                    $(".dataTables_wrapper select").select2({
                        minimumResultsForSearch: -1
                    });
                    //checkrmargindisplay('#chart_by_type_table');

                    var label = $(".refresh_tab li.active a").text();
                    $(".label_name_by_type").html(label);
                },
                "fnServerData": function ( sSource, aoData, fnCallback ) {
                    /* Add some extra data to the sender */
                    $.getJSON( sSource, aoData, function (json) {
                        /* Do whatever additional processing you want on the callback, then tell DataTables */
                        TotalSMS        = json.Total.TotalSMS;
                        TotalCost       = json.Total.TotalCost;
                        TotalMargin     = json.Total.TotalMargin;
                        fnCallback(json);
                    });
                },
                "fnFooterCallback": function ( row, data, start, end, display ) {
                    if (end > 0) {
                        $(row).html('');
                        for (var i = 0; i < data[0].length; i++) {
                            var a = document.createElement('td');
                            $(a).html('');
                            $(row).append(a);
                        }
                        $($(row).children().get(0)).html('<strong>'+TABLE_TOTAL+'</strong>')
                        $($(row).children().get(1)).html('<strong>'+TotalSMS+'</strong>');
                        $($(row).children().get(2)).html('<strong>' + TotalCost + '</strong>');
                        $($(row).children().get(4)).html('<strong>' + TotalMargin + '</strong>');
                    } else {
                        $('#chart_by_type_table').find('tfoot').find('tr').html('');
                    }
                }

            });
            return data_table;
        }

        function loadTable1(){
            var TotalSMS        = 0;
            var TotalFailSMS    = 0;
            var SumOfSMS        = 0;
            var TotalCost       = 0;
            var TotalMargin     = 0;
            data_table  = $('#destination1_table').dataTable({
                "oLanguage": {
                    "sUrl": baseurl + "/translate/datatable_Label"
                },
                "bDestroy": true,
                "bProcessing": true,
                "bServerSide": true,
                "bAutoWidth": false,
                "sAjaxSource": baseurl + "/vendor_sms_analysis/ajax_datagrid1/type",
                "fnServerParams": function (aoData) {
                    aoData.push(
                        {"name": "StartDate", "value": $searchFilter.StartDate},
                        {"name": "EndDate","value": $searchFilter.EndDate},
                        {"name": "UserID","value": $searchFilter.UserID},
                        {"name": "Admin","value": $searchFilter.Admin},
                        {"name": "chart_type","value": $searchFilter.chart_type},
                        {"name": "AccountID","value": $searchFilter.AccountID},
                        {"name": "CompanyGatewayID","value": $searchFilter.CompanyGatewayID},
                        {"name": "CountryID","value": $searchFilter.CountryID},
                        {"name": "mccmnc","value": $searchFilter.mccmnc},
                        {"name": "CurrencyID","value": $searchFilter.CurrencyID},
                        {"name": "ResellerOwner","value": $searchFilter.ResellerOwner},
                        {"name": "tag","value": $searchFilter.tag}
                    );
                    data_table_extra_params.length = 0;
                    data_table_extra_params.push(
                        {"name": "StartDate", "value": $searchFilter.StartDate},
                        {"name": "EndDate","value": $searchFilter.EndDate},
                        {"name": "UserID","value": $searchFilter.UserID},
                        {"name": "Admin","value": $searchFilter.Admin},
                        {"name": "chart_type","value": $searchFilter.chart_type},
                        {"name": "AccountID","value": $searchFilter.AccountID},
                        {"name": "CompanyGatewayID","value": $searchFilter.CompanyGatewayID},
                        {"name": "CountryID","value": $searchFilter.CountryID},
                        {"name": "mccmnc","value": $searchFilter.mccmnc},
                        {"name": "CurrencyID","value": $searchFilter.CurrencyID},
                        {"name": "ResellerOwner","value": $searchFilter.ResellerOwner},
                        {"name": "tag","value": $searchFilter.tag},
                        {"name": "Export","value":1}
                    );
                },
                "iDisplayLength": pageSize,
                "sPaginationType": "bootstrap",
                "sDom": "<'row'<'col-xs-6 col-left'l><'col-xs-6 col-right'<'export-data'T>f>r>t<'row'<'col-xs-6 col-left'i><'col-xs-6 col-right'p>>",
                "aaSorting": [[1, 'desc']],
                "aoColumns": [
                    {  "bSortable": true },  // 0 Date
                    {  "bSortable": true },  // 1 Hour
                    {  "bSortable": true },  // 2 AccountName
                    {  "bSortable": true },  // 3 Country
                    {  "bSortable": true },  // 4 NoOfSMS
                    {  "bSortable": true },  // 5 NoOfFailSMS
                    {  "bSortable": true },  // 6 TotalSMS
                    {  "bSortable": true },  // 7 TotalCost
                    {  "bSortable": true },  // 8 ASR
                    {  "bSortable": true },  // 9 TotalMargin
                    {  "bSortable": true }   // 10 MarginPercentage
                ],
                "oTableTools": {
                    "aButtons": [
                        {
                            "sExtends": "download",
                            "sButtonText": BUTTON_EXPORT_EXCEL_CAPTION,
                            "sUrl": baseurl + "/vendor_sms_analysis/ajax_datagrid1/xlsx", //baseurl + "/generate_xlsx.php",
                            sButtonClass: "save-collection"
                        },
                        {
                            "sExtends": "download",
                            "sButtonText": BUTTON_EXPORT_CSV_CAPTION,
                            "sUrl": baseurl + "/vendor_sms_analysis/ajax_datagrid1/csv", //baseurl + "/generate_csv.php",
                            sButtonClass: "save-collection"
                        }
                    ]
                },
                "fnDrawCallback": function () {
                    $(".dataTables_wrapper select").select2({
                        minimumResultsForSearch: -1
                    });
                //    checkrmargindisplay(table_id);
                },
                "fnServerData": function ( sSource, aoData, fnCallback ) {
                    / Add some extra data to the sender /
                    $.getJSON( sSource, aoData, function (json) {
                        // Do whatever additional processing you want on the callback, then tell DataTables /
                        TotalSMS        = json.Total.TotalSMS;
                        TotalFailSMS    = json.Total.TotalFailSMS;
                        SumOfSMS        = json.Total.SumOfSMS;
                        TotalCost       = json.Total.TotalCost;
                        TotalMargin     = json.Total.TotalMargin;
                        fnCallback(json);
                    });
                },
                "fnFooterCallback": function ( row, data, start, end, display ) {
                    if (end > 0) {
                        $(row).html('');
                        for (var i = 0; i < data[0].length; i++) {
                            var a = document.createElement('td');
                            $(a).html('');
                            $(row).append(a);
                        }
                        $($(row).children().get(0)).html('<strong>'+TABLE_TOTAL+'</strong>');
                        $($(row).children().get(4)).html('<strong>'+TotalSMS+'</strong>');
                        $($(row).children().get(5)).html('<strong>'+TotalFailSMS+'</strong>');
                        $($(row).children().get(6)).html('<strong>'+SumOfSMS+'</strong>');
                        if(TotalCost) {
                            $($(row).children().get(7)).html('<strong>' + TotalCost + '</strong>');
                        }
                        if(TotalMargin) {
                            $($(row).children().get(9)).html('<strong>' + TotalMargin + '</strong>');
                        }
                    }else{
                        $('#destination1_table').find('tfoot').find('tr').html('');
                    }
                }

            });
            return data_table;
        }

        function getAnalysisData(){
            var chart_type = $searchFilter.chart_type;
            loading(".sms-count-pie-chart",1);
            loading(".sms-cost-pie-chart",1);
            $.ajax({
                type: 'GET',
                url: baseurl+'/vendor_sms_analysis/getAnalysisData',
                dataType: 'json',
                data:$searchFilter,
                aysync: true,
                success: function(result) {
                    loading(".sms-count-pie-chart",0);
                    loading(".sms-cost-pie-chart",0);

                    var HTML_LBL    = result.html;
                    var data        = result.data;

                    $(".sms-count-pie-chart").sparkline(data.SMSCountVal.split(','), {
                        type: 'pie',
                        width: '200',
                        height: '200',
                        sliceColors: data.ChartColors.split(','),
                        tooltipFormat: '<span style="color: \{\{color\}\}">&#9679;</span> '+HTML_LBL.total_sms+'(\{\{value\}\})',
                        tooltipValueLookups: {
                            names: data.SMSCount.split(',')
                        }

                    });
                    $(".sms-count-pie-chart").parent().parent().find('.sms_count_desc').html(data.SMSCountHtml);
                    $(".sms-cost-pie-chart").sparkline(data.SMSCostVal.split(','), {
                        type: 'pie',
                        width: '200',
                        height: '200',
                        sliceColors: data.ChartColors.split(','),
                        tooltipFormat: '<span style="color: \{\{color\}\}">&#9679;</span> '+HTML_LBL.total_sales+'(\{\{value\}\})',
                        tooltipValueLookups: {
                            names: data.SMSCost.split(',')
                        }

                    });
                    $(".sms-cost-pie-chart").parent().parent().find('.sms_cost_desc').html(data.SMSCostHtml);
                }
            });
        }

        function loading(table,bit){
            var panel = jQuery(table).closest('.loading');
            if(bit==1) {
                blockUI(panel);
                panel.addClass('reloading');
            } else {
                unblockUI(panel);
                panel.removeClass('reloading');
            }
        }
    </script>

    {{--@include('analysis.script')--}}
@stop