@extends('layout.main')

@section('filter')
    <div id="datatable-filter" class="fixed new_filter" data-current-user="Art Ramadani" data-order-by-status="1" data-max-chat-history="25">
        <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 customer_analysis" method="post" id="customer_analysis">
                <div class="form-group">
                    <label class="control-label" for="field-1">Date</label>
                    <input id="new_date_range" type="text" class="form-control" value="" />
                    <input type="hidden" name="StartDate"  class="form-control datepicker"  data-date-format="yyyy-mm-dd" value="{{date('Y-m-d')}}" data-enddate="{{date('Y-m-d')}}"/>
                    <input type="hidden" 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="form-group">
                    <div class="row">
                        <div class="col-md-6 select_hour">
                            <label class="control-label" for="field-1">Start Time</label>
                            <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 class="col-sm-6 select_hour">
                            <label class="control-label" for="field-1">End Time</label>
                            <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">Prefix</label>
                    <input type="text" name="Prefix"  class="form-control"/>
                </div>
                <div class="form-group">
                    <label class="control-label" for="field-1">Trunk</label>
                    {{ Form::select('TrunkID',$trunks,'', array("class"=>"select2")) }}
                </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 select_hour">
                    <label class="control-label select_hour" for="field-1">TimeZone</label>
                    {{ Form::select('TimeZone',$timezones,'', array("class"=>"select2")) }}
                </div>
                <div class="form-group">
                    <label class="control-label" for="field-1">Type</label>
                    {{ Form::select('CDRType',array(''=>'Both','inbound' => "Inbound", 'outbound' => "Outbound" ),'', 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">
                    <label class="control-label"  >Auto-Refresh</label><br/>
                    <p class="make-switch switch-small">
                        <input id="auto_refresh" name="auto_refresh" type="checkbox" value="0" >
                    </p>
                </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%;}
</style>
{{--<link rel="stylesheet" type="text/css" href="assets/js/daterangepicker/daterangepicker-bs3.css" />--}}

    <ul class="nav nav-tabs">
        @if(User::checkCategoryPermission('Analysis','Customer') || User::checkCategoryPermission('Analysis','All'))
            <li class="active"><a href="#">Customer</a></li>
        @endif
        @if(User::checkCategoryPermission('Analysis','Vendor') || User::checkCategoryPermission('Analysis','All'))
            <li ><a href="{{ URL::to('/vendor_analysis') }}">Vendor</a></li>
        @endif
        @if(User::checkCategoryPermission('Analysis','AccountManager') || User::checkCategoryPermission('Analysis','All'))
            <li ><a href="{{ URL::to('/analysis_manager') }}">Account Manager</a></li>
        @endif
    </ul>
    <div class="tab-content">
        <div class="tab-pane active" id="customer" >

            @include('analysis.map')
            @include('analysis.chartreport')
            @include('analysis.hor_grid')
            <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>
                @endif
                @if( (empty($MonitorDashboardSetting)) ||  in_array('DestinationBreakMonitor',$MonitorDashboardSetting))
                <li ><a href="#description" data-toggle="tab">Destination Break</a></li>
                @endif
                @if( (empty($MonitorDashboardSetting)) ||  in_array('PrefixMonitor',$MonitorDashboardSetting))
                <li ><a href="#prefix" data-toggle="tab">Prefix</a></li>
                @endif
                @if( (empty($MonitorDashboardSetting)) ||  in_array('TrunkMonitor',$MonitorDashboardSetting))
                <li ><a href="#trunk" data-toggle="tab">Trunk</a></li>
                @endif
                @if( (empty($MonitorDashboardSetting)) ||  in_array('ExtensionMonitor',$MonitorDashboardSetting))
                <li ><a href="#extension" data-toggle="tab">Extension</a></li>
                @endif
                @if( (empty($MonitorDashboardSetting)) ||  in_array('AccountMonitor',$MonitorDashboardSetting))
                <li ><a href="#account" data-toggle="tab">Account</a></li>
                @endif
                @if( (empty($MonitorDashboardSetting)) ||  in_array('GatewayMonitor',$MonitorDashboardSetting))
                <li ><a href="#gateway" data-toggle="tab">Gateway</a></li>
                @endif

                @if((empty($MonitorDashboardSetting)) ||  in_array('MostDialledCallMonitor',$MonitorDashboardSetting))
                    <li class="{{!in_array('DestinationMonitor',$MonitorDashboardSetting)?'active':''}}"><a href="#mdn" data-toggle="tab">Most Dialled Number</a></li>
                @endif
                @if( (empty($MonitorDashboardSetting)) ||  in_array('LongestDurationsCallMonitor',$MonitorDashboardSetting))
                <li ><a href="#ldc" data-toggle="tab">Longest Durations Calls</a></li>
                @endif
                @if( (empty($MonitorDashboardSetting)) ||  in_array('MostExpensiveMonitor',$MonitorDashboardSetting))
                <li ><a href="#mec" data-toggle="tab">Most Expensive Calls</a></li>
                @endif
            </ul>
            <div class="tab-content">
                @if( (empty($MonitorDashboardSetting)) ||  in_array('DestinationMonitor',$MonitorDashboardSetting))
                <div class="tab-pane active" id="destination" >
                    @include('analysis.destination')
                    @include('analysis.destination_grid')
                </div>
                @endif
                @if( (empty($MonitorDashboardSetting)) ||  in_array('DestinationBreakMonitor',$MonitorDashboardSetting))
                <div class="tab-pane" id="description" >
                    @include('analysis.desc')
                    @include('analysis.desc_grid')
                </div>
                @endif
                @if( (empty($MonitorDashboardSetting)) ||  in_array('PrefixMonitor',$MonitorDashboardSetting))
                <div class="tab-pane" id="prefix" >
                    @include('analysis.prefix')
                    @include('analysis.prefix_grid')
                </div>
                @endif
                @if( (empty($MonitorDashboardSetting)) ||  in_array('TrunkMonitor',$MonitorDashboardSetting))
                <div class="tab-pane" id="trunk" >
                    @include('analysis.trunk')
                    @include('analysis.trunk_grid')
                </div>
                @endif
                @if( (empty($MonitorDashboardSetting)) ||  in_array('ExtensionMonitor',$MonitorDashboardSetting))
                <div class="tab-pane" id="extension" >
                    @include('analysis.extension')
                    @include('analysis.extension_grid')
                </div>
                @endif
                @if( (empty($MonitorDashboardSetting)) ||  in_array('AccountMonitor',$MonitorDashboardSetting))
                <div class="tab-pane" id="account" >
                    @include('analysis.account')
                    @include('analysis.account_grid')
                </div>
                @endif
                @if( (empty($MonitorDashboardSetting)) ||  in_array('GatewayMonitor',$MonitorDashboardSetting))
                <div class="tab-pane" id="gateway" >
                    @include('analysis.gateway')
                    @include('analysis.gateway_grid')
                </div>
                @endif

                @if((empty($MonitorDashboardSetting)) ||  in_array('MostDialledCallMonitor',$MonitorDashboardSetting) || in_array('LongestDurationsCallMonitor',$MonitorDashboardSetting) || in_array('MostExpensiveMonitor',$MonitorDashboardSetting) )
                    @include('dashboard.retailmonitor')
                @endif

            </div>
        </div>
    </div>
    <script type="text/javascript">
        jQuery(document).ready(function() {

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

        });
    </script>

@include('analysis.script')
@stop