@extends('layouts.member-app')

@push('head-script')
<style>
    .fc-event {
        font-size: 10px !important;
    }

    #calendar .fc-view-container .fc-view .fc-more-popover {
        top: 136px !important;
        left: 105px !important;
    }

    @keyframes fa-blink {
        0% {
            opacity: 1;
        }

        25% {
            opacity: 0.25;
        }

        50% {
            opacity: 0.5;
        }

        75% {
            opacity: 0.75;
        }

        100% {
            opacity: 0;
        }
    }

    .fa-blink {
        -webkit-animation: fa-blink 1.75s linear infinite;
        -moz-animation: fa-blink 1.75s linear infinite;
        -ms-animation: fa-blink 1.75s linear infinite;
        -o-animation: fa-blink 1.75s linear infinite;
        animation: fa-blink 1.75s linear infinite;
    }

    .dashboard-clock {
        font-size: 26px;
        font-weight: 300;
    }

    #slash-custom {
        position: inherit;
        content: "/";
        color: red;
        font-weight: 100;
        font-size: 3.3em;
    }

    #description_recent_tasks p {
        margin-bottom: 5px;
    }

    .view_all {
        display: block;
        color: #337ab7;
        text-align: center;
    }
</style>
@endpush
@section('page-title')


<div class="row bg-title">
    <!-- .page title -->
    <div class="col-lg-3 col-md-4 col-sm-4 col-xs-12">
        <h4 class="page-title "><i class="{{ $pageIcon }}"></i> {{ __($pageTitle) }}</h4>



    </div>
    <!-- /.page title -->
    <!-- .breadcrumb -->

    <div class="col-lg-9 col-sm-8 col-md-8 col-xs-12">

        @if(session('impersonate'))
        <a class="btn b-all waves-effect waves-light pull-right" data-toggle="tooltip"
            data-original-title="{{__('messages.stopImpersonation')}}" data-placement="left"
            href="{{route('member.impersonate.stop')}}">
            <i class="fa fa-stop fa-blink text-danger"></i>

        </a>
        @endif

        <div class="col-md-4 pull-right hidden-xs hidden-sm">


            {!! Form::open(['id'=>'createProject','class'=>'ajax-form','method'=>'POST']) !!}
            <div class="btn-group dropdown keep-open pull-right m-l-10">
                <button aria-expanded="true" data-toggle="dropdown"
                    class="btn b-all dropdown-toggle waves-effect waves-light" type="button"><i
                        class="icon-settings"></i>
                </button>
                <ul role="menu" class="dropdown-menu  dropdown-menu-right dashboard-settings">
                    <li class="b-b">
                        <h4>@lang('modules.dashboard.dashboardWidgets')</h4>
                    </li>

                    @foreach ($widgets as $widget)
                    @php
                    $wname = \Illuminate\Support\Str::camel($widget->widget_name);
                    @endphp
                    <li>
                        <div class="checkbox checkbox-info ">
                            <input id="{{ $widget->widget_name }}" name="{{ $widget->widget_name }}" value="true"
                                @if($widget->status) checked
                            @endif
                            type="checkbox">
                            <label for="{{ $widget->widget_name }}">@lang('modules.dashboard.' . $wname)</label>
                        </div>
                    </li>
                    @endforeach

                    <li>
                        <button type="button" id="save-form"
                            class="btn btn-success btn-sm btn-block">@lang('app.save')</button>
                    </li>

                </ul>
            </div>
            {!! Form::close() !!}
            @if($global->dashboard_clock)
            <span id="clock" class="dashboard-clock text-muted m-r-30"></span>
            @endif


            <select class="selectpicker language-switcher  pull-right" data-width="fit">
                <option value="en" @if($global->locale == "en") selected @endif data-content='<span
                        class="flag-icon flag-icon-gb"></span>'>En</option>
                @foreach($languageSettings as $language)
                <option value="{{ $language->language_code }}" @if($global->locale == $language->language_code) selected
                    @endif data-content='<span
                        class="flag-icon @if($language->language_code == 'zh-CN') flag-icon-cn @elseif($language->language_code == 'zh-TW') flag-icon-tw @else flag-icon-{{ $language->language_code }} @endif"></span>'>{{
                    $language->language_code }}</option>
                @endforeach
            </select>


            <!-- .breadcrumb -->
            <ol class="breadcrumb">
                <li><a href="{{ route('member.dashboard') }}">@lang('app.menu.home')</a></li>
                <li class="active">{{ __($pageTitle) }}</li>
            </ol>
            <!-- /.breadcrumb -->

        </div>
    </div>
    @endsection

    @push('head-script')
    <link rel="stylesheet" href="{{ asset('plugins/bower_components/calendar/dist/fullcalendar.css') }}">
    <link rel="stylesheet"
        href="{{ asset('plugins/bower_components/bootstrap-datepicker/bootstrap-datepicker.min.css') }}">
    <link rel="stylesheet" href="{{ asset('plugins/bower_components/morrisjs/morris.css') }}">
    <!--Owl carousel CSS -->
    <link rel="stylesheet" href="{{ asset('plugins/bower_components/owl.carousel/owl.carousel.min.css') }}">
    <!--Owl carousel CSS -->
    <link rel="stylesheet" href="{{ asset('plugins/bower_components/owl.carousel/owl.theme.default.css') }}">
    <!--Owl carousel CSS -->

    <style>
        .custom-panel-heading {
            border: 1px solid #ccc;
            border-top-left-radius: 15px;
            border-top-right-radius: 15px;
        }

        .custom-panel-body {
            border: 1px solid #ccc;
        }

        .col-in {
            padding: 0 20px !important;

        }

        .fc-event {
            font-size: 10px !important;
        }

        .dashboard-settings {
            padding-bottom: 8px !important;
        }

        .front-dashboard .white-box {
            margin-bottom: 8px;
        }

        @media (min-width: 769px) {
            #wrapper .panel-wrapper {
                height: 530px;
                overflow-y: auto;
            }
        }
    </style>
    @endpush

    @section('content')

    <div class="white-box">
        @if(session('impersonate'))
        {{-- <div class="col-md-12">
            <div class="alert alert-danger">
                {{__('messages.impersonate')}} {{$company->company_name}}
            </div>
        </div> --}}
        @endif
        @if($global->status == 'license_expired')

        <div class="col-md-12 alert alert-danger ">
            <div class="col-md-6">
                <h5 class="text-white">{{ $superadmin->expired_message }}</h5>
            </div>
            <div class="col-md-6 text-right">
                <a href="{{route('member.billing')}}" class="btn btn-success">{{ __('app.menu.billing') }}
                    <i class="fa fa-shopping-cart"></i></a>
            </div>
        </div>
        @endif
        @if (isset($company))
        @if($company->package->default == 'yes' || $company->package->default == 'trial')
        @if($packageSetting && !$packageSetting->all_packages)
        <div class="col-md-12 alert alert-danger ">
            <div class="col-md-6">
                <h5 class="text-white">@lang('messages.purchasePackageMessage')</h5>
            </div>
            <div class="col-md-6 text-right">
                <a href="{{route('member.billing')}}" class="btn btn-success">{{ __('app.menu.billing') }}
                    <i class="fa fa-shopping-cart"></i></a>
            </div>
        </div>
        @endif
        @endif

        @if($company->show_update_popup == 1)
        <div class="clearfix"></div>
        <div class="col-md-12">
            <div class="alert alert-info alert-dismissable">
                <button type="button" class="close" data-dismiss="alert" onclick="hidePopUp()" aria-hidden="true"> <i
                        class="fa fa-times"></i> </button>
                @lang('messages.stripeUpdatePopup')
            </div>
        </div>
        @endif
        @endif

        <div class="row dashboard-stats front-dashboard">

            @if(in_array('clients',$modules) && in_array('total_clients',$activeWidgets))
            <div class="col-md-3 col-sm-6">
                <a href="{{ route('member.clients.index') }}">
                    <div class="white-box">
                        <div class="row">
                            <div class="col-xs-3">
                                <div>
                                    <span class="bg-success-gradient"><i class="icon-user"></i></span>
                                </div>
                            </div>
                            <div class="col-xs-9 text-right">
                                <span class="widget-title"> Total Tenant</span><br>
                                <span class="counter">{{ $totalTenant }}</span>
                            </div>
                        </div>
                    </div>
                </a>
            </div>
            @endif

            @if(in_array('employees',$modules) && in_array('total_employees',$activeWidgets))
            <div class="col-md-3 col-sm-6">
                <a href="{{ route('member.employees.index') }}">
                    <div class="white-box">
                        <div class="row">
                            <div class="col-xs-3">
                                <div>
                                    <span class="bg-warning-gradient"><i class="icon-people"></i></span>
                                </div>
                            </div>
                            <div class="col-xs-9 text-right">
                                <span class="widget-title"> @lang('modules.dashboard.totalEmployees')</span><br>
                                <span class="counter">{{ $counts->totalEmployees }}</span>
                            </div>
                        </div>
                    </div>
                </a>
            </div>
            @endif

            @if(in_array('invoices',$modules) && in_array('total_unpaid_invoices',$activeWidgets))
            <div class="col-md-3 col-sm-6">
                <a href="{{ route('member.all-invoices.index') }}">
                    <div class="white-box">
                        <div class="row">
                            <div class="col-xs-3">
                                <div>
                                    <span class="bg-inverse-gradient"><i class="ti-receipt"></i></span>
                                </div>
                            </div>
                            <div class="col-xs-9 text-right">
                                <span class="widget-title"> @lang('modules.dashboard.totalUnpaidInvoices')</span><br>
                                <span class="counter">{{ $counts->totalUnpaidInvoices }}</span>
                            </div>
                        </div>
                    </div>
                </a>
            </div>
            @endif
            @if(in_array('tasks',$modules) && in_array('total_pending_tasks',$activeWidgets))
            <div class="col-md-3 col-sm-6">
                <a href="{{ route('member.all-tasks.index') }}">
                    <div class="white-box">
                        <div class="row">
                            <div class="col-xs-3">
                                <div>
                                    <span class="bg-warning-gradient"><i class="ti-alert"></i></span>
                                </div>
                            </div>
                            <div class="col-xs-9 text-right">
                                <span class="widget-title"> @lang('modules.dashboard.totalPendingTasks')</span><br>
                                <span class="counter">{{ $counts->totalPendingTasks }}</span>
                            </div>
                        </div>
                    </div>
                </a>
            </div>
            @endif
            @if(in_array('timelogs',$modules) && in_array('total_hours_logged',$activeWidgets))
            <div class="col-md-3 col-sm-6">
                <a href="{{ route('member.all-time-logs.index') }}">
                    <div class="white-box">
                        <div class="row">
                            <div class="col-xs-3">
                                <div>
                                    <span class="bg-info-gradient"><i class="icon-clock"></i></span>
                                </div>
                            </div>
                            <div class="col-xs-9 text-right">
                                <span class="widget-title"> @lang('modules.dashboard.totalHoursLogged')</span><br>
                                <span class="counter-loged">{{ $counts->totalHoursLogged }}</span>
                            </div>
                        </div>
                    </div>
                </a>
            </div>
            @endif

            @if(in_array('tasks',$modules) && in_array('completed_tasks',$activeWidgets))
            <div class="col-md-3 col-sm-6">
                <a href="{{ route('member.all-tasks.index') }}">
                    <div class="white-box">
                        <div class="row">
                            <div class="col-xs-3">
                                <div>
                                    <span class="bg-success-gradient"><i class="ti-check-box"></i></span>
                                </div>
                            </div>
                            <div class="col-xs-9 text-right">
                                <span class="widget-title"> @lang('modules.dashboard.totalCompletedTasks')</span><br>
                                <span class="counter">{{ $counts->totalCompletedTasks }}</span>
                            </div>
                        </div>
                    </div>
                </a>
            </div>
            @endif

            @if(in_array('tickets',$modules) && in_array('total_resolved_tickets',$activeWidgets))
            <div class="col-md-3 col-sm-6 front-dashboard dashboard-stats">
                <a href="{{ route('member.tickets.index') }}">
                    <div class="white-box">
                        <div class="row">
                            <div class="col-xs-3">
                                <div>
                                    <span class="bg-success-gradient"><i class="ti-ticket"></i></span>
                                </div>
                            </div>
                            <div class="col-xs-9 text-right">
                                <span class="widget-title"> Close /
                                    @lang('modules.tickets.totalResolvedTickets')</span><br>
                                <span class="counter">{{ floor($counts->totalResolvedTickets) }}</span>
                            </div>
                        </div>
                    </div>
                </a>
            </div>
            @endif

            @if(in_array('tickets',$modules) && in_array('total_unresolved_tickets',$activeWidgets))
            <div class="col-md-3 col-sm-6 front-dashboard dashboard-stats">
                <a href="{{ route('member.tickets.index') }}">
                    <div class="white-box">
                        <div class="row">
                            <div class="col-xs-3">
                                <div>
                                    <span class="bg-danger-gradient"><i class="ti-ticket"></i></span>
                                </div>
                            </div>
                            <div class="col-xs-9 text-right">
                                <span class="widget-title"> @lang('modules.tickets.totalUnresolvedTickets')</span><br>
                                <span class="counter">{{ floor($counts->totalUnResolvedTickets) }}</span>
                            </div>
                        </div>
                    </div>
                </a>
            </div>
            @endif

        </div>

        <div class="row">
            <div class="col-lg-4">
                <div class="panel panel-default">
                    <div class="panel-heading custom-panel-heading">Last 30 Day</div>
                    <div class="panel-body custom-panel-body">
                        <div class="row">
                            <div class="col-lg-5" style="text-align:right">
                                <h4 style="color:#00ff83">Rp
                                    0                                </h4>
                                <h5 style="color:#00ff83">Paid Invoices</h5>
                            </div>
                            <div class="col-lg-1" id="slash-custom">
                                /
                            </div>
                            <div class="col-lg-5">
                                <h4>Rp
                                    0                                </h4>
                                <h5>Open Invoice</h5>
                            </div>
                            <div class="col-lg-12">
                                <a href="/member/finance/all-invoices" class="view_all" style="margin-bottom:18px">View
                                    All</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-4">
                <div class="panel panel-default">
                    <div class="panel-heading custom-panel-heading">Outstanding</div>
                    <div class="panel-body custom-panel-body">
                        <div class="row">
                            <div class="col-lg-12" style="text-align:center">
                                <h4 style="color:#ff2b2b">Rp
                                    0                                </h4>
                                <a href="/member/finance/all-invoices" class="view_all" style="margin-bottom:42px">View
                                    All</a>
                                <!--                                    <h5 style="color:#00ff83">Paid Invoices</h5>-->
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-4">
                <div class="panel panel-default">
                    <div class="panel-heading custom-panel-heading">Leases Expiring</div>
                    <div class="panel-body custom-panel-body">
                        <div class="row">
                            <div class="col-lg-12" style="text-align:center">
                                <h1 style="color:#ff2b2b">{{$tenant_release}}<small style="font-size:58%"> of
                                        {{$total_tenant}}</small></h1>
                                <p>Expires in 60 Days</p>
                                <!--                                    <h5 style="color:#00ff83">Paid Invoices</h5>-->
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-4">
                <div class="panel panel-default">
                    <div class="panel-heading custom-panel-heading">
                        <div class="row">
                            <div class="col-lg-6">
                                @lang('modules.dashboard.typeWiseTicket')
                            </div>
                            <div class="col-lg-6">
                                <a href="javascript:;" data-chart-id="typeWiseTicket"
                                    class="text-dark pull-right download-chart">
                                    <i class="fa fa-download"></i> @lang('app.download')
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="panel-body custom-panel-body">
                        <div class="row" style="height:190px">
                            @if(!empty(json_decode($typeWiseTicket)))
                            <div>
                                <canvas id="typeWiseTicket"></canvas>
                            </div>
                            @else
                            <div class="text-center">
                                <div class="empty-space" style="height: 200px;">
                                    <div class="empty-space-inner">
                                        <div class="icon" style="font-size:30px"><i class="ti-ticket fa-fw"></i></div>
                                        <div class="title m-b-15">@lang('messages.noTicketFound')</div>
                                    </div>
                                </div>
                            </div>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="panel panel-default">
                    <div class="panel-heading custom-panel-heading">
                        <div class="row">
                            <div class="col-lg-6">
                                @lang('modules.dashboard.statusWiseTicket')
                            </div>
                            <div class="col-lg-6">
                                <a href="javascript:;" data-chart-id="statusWiseTicket"
                                    class="text-dark pull-right download-chart">
                                    <i class="fa fa-download"></i> @lang('app.download')
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="panel-body custom-panel-body">
                        <div class="row" style="height:190px">
                            @if(!empty(json_decode($statusWiseTicket)))
                            <div>
                                <canvas id="statusWiseTicket"></canvas>
                            </div>
                            @else
                            <div class="text-center">
                                <div class="empty-space" style="height: 200px;">
                                    <div class="empty-space-inner">
                                        <div class="icon" style="font-size:30px"><i class="ti-ticket fa-fw"></i></div>
                                        <div class="title m-b-15">@lang('messages.noTicketFound')</div>
                                    </div>
                                </div>
                            </div>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="panel panel-default">
                    <div class="panel-heading custom-panel-heading">
                        <div class="row">
                            <div class="col-lg-6">
                                Units Managed
                            </div>
                            <div class="col-lg-6">
                                <a href="javascript:;" data-chart-id="UnitManaged"
                                    class="text-dark pull-right download-chart">
                                    <i class="fa fa-download"></i> @lang('app.download')
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="panel-body custom-panel-body">
                        <div class="row" style="height:190px">
                            <div>
                                <canvas id="unit_managed"></canvas>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="row">
            @if(in_array('leaves',$modules) && in_array('settings_leaves',$activeWidgets))
            <div class="col-md-6">
                <div class="panel panel-default">
                    <div class="panel-heading custom-panel-heading">Up Coming Events</div>
                    <div class="panel-body custom-panel-body" style="padding-top:0px;">
                        <div class="row">
                            <div class="col-lg-12" style="text-align:center">
                                <div id="calendar"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            @endif

            @if(in_array('tickets',$modules) && in_array('new_tickets',$activeWidgets))
            <div class="col-md-6">
                <div class="panel panel-default">
                    <div class="panel-heading custom-panel-heading">@lang('modules.dashboard.newTickets')</div>
                    <div class="panel-body custom-panel-body" style="padding-top:0px;padding-bottom:8px">
                        <div class="row">
                            <div class="col-lg-12">
                                <ul class="list-task list-group" data-role="tasklist">
                                    @forelse($newTickets as $key=>$newTicket)
                                    <li class="list-group-item" data-role="task">
                                        {{ ($key+1) }}. <a href="{{ route('member.tickets.edit', $newTicket->id) }}"
                                            class="text-danger"> {{ ucfirst($newTicket->subject) }}</a> <i>{{
                                            ucwords($newTicket->created_at->diffForHumans()) }}</i>
                                    </li>
                                    @empty
                                    <li class="list-group-item" data-role="task">
                                        <div class="text-center">
                                            <div class="empty-space" style="height: 200px;">
                                                <div class="empty-space-inner">
                                                    <div class="icon" style="font-size:20px"><i class="ti-ticket"></i>
                                                    </div>
                                                    <div class="title m-b-15">@lang("messages.noTicketFound")
                                                    </div>

                                                </div>
                                            </div>
                                        </div>
                                    </li>
                                    @endforelse
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            @endif

        </div>

        <div class="row">
            @if(in_array('tasks',$modules) && in_array('overdue_tasks',$activeWidgets))
            <div class="col-md-6">
                <div class="panel panel-default">
                    <div class="panel-heading custom-panel-heading">Recent Tasks</div>
                    <div class="panel-body custom-panel-body" style="padding-top:0px;padding-bottom: 38px;">
                        <ul class="list-task list-group" data-role="tasklist">
                            <li class="list-group-item" data-role="task">
                                <strong>@lang('app.title')</strong> <span
                                    class="pull-right"><strong>@lang('modules.dashboard.dueDate')</strong></span>
                            </li>
                            @forelse($recent_tasks as $task)
                            <li class="list-group-item row" data-role="task" style="padding: 0px 15px;">
                                <div class="col-xs-9">
                                    <a href="javascript:;" data-task-id=""
                                        class="show-task-detail">
                                                                            </a>
                                    <small id="description_recent_tasks">
                                                                            </small>
                                </div>
                                <label class="label label-danger pull-right col-xs-3">{{ $task->due_date }}</label>
                            </li>
                            @empty
                            <li class="list-group-item" data-role="task">
                                @lang("messages.noOpenTasks")
                            </li>
                            @endforelse
                        </ul>
                    </div>
                </div>
            </div>
            @endif

            @if(in_array('leads',$modules) && in_array('pending_follow_up',$activeWidgets))
            <div class="col-md-6">
                <div class="panel panel-default">
                    <div class="panel-heading custom-panel-heading">@lang('modules.dashboard.pendingFollowUp')</div>
                    <div class="panel-body custom-panel-body" style="padding-top:0px;">
                        <ul class="list-task list-group" data-role="tasklist">
                            <li class="list-group-item" data-role="task">
                                <strong>@lang('app.title')</strong> <span
                                    class="pull-right"><strong>@lang('modules.dashboard.followUpDate')</strong></span>
                            </li>
                            @forelse($pendingLeadFollowUps as $key=>$follows)
                            <li class="list-group-item row" data-role="task">
                                <div class="col-xs-9">
                                    {{ ($key+1) }}

                                    <a href="{{ route('member.leads.show', $follows->lead_id) }}" class="text-danger">{{
                                        ucwords($follows->lead->company_name) }}</a>

                                </div>
                                <label class="label label-danger pull-right col-xs-3">{{
                                    $follows->next_follow_up_date->format($global->date_format.' '.$global->time_format)
                                    }}</label>
                            </li>
                            @empty
                            <li class="list-group-item" data-role="task">
                                <div class="text-center">
                                    <div class="empty-space" style="height: 200px;">
                                        <div class="empty-space-inner">
                                            <div class="icon" style="font-size:20px"><i class="fa fa-user-plus"></i>
                                            </div>
                                            <div class="title m-b-15">@lang("messages.noPendingLeadFollowUps")
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            @endforelse
                        </ul>
                    </div>
                </div>
            </div>
            @endif

        </div>
    </div>

    {{--Ajax Modal--}}
    <div class="modal fade bs-modal-md in" id="eventDetailModal" role="dialog" aria-labelledby="myModalLabel"
        aria-hidden="true">
        <div class="modal-dialog modal-lg" id="modal-data-application">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                    <span class="caption-subject font-red-sunglo bold uppercase" id="modelHeading"></span>
                </div>
                <div class="modal-body">
                    Loading...
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn default" data-dismiss="modal">Close</button>
                    <button type="button" class="btn blue">Save changes</button>
                </div>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>
    {{--Ajax Modal Ends--}}

    {{--Ajax Modal--}}
    <div class="modal fade bs-modal-md in" id="subTaskModal" role="dialog" aria-labelledby="myModalLabel"
        aria-hidden="true">
        <div class="modal-dialog modal-md" id="modal-data-application">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                    <span class="caption-subject font-red-sunglo bold uppercase" id="subTaskModelHeading">Sub Task
                        e</span>
                </div>
                <div class="modal-body">
                    Loading...
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn default" data-dismiss="modal">Close</button>
                    <button type="button" class="btn blue">Save changes</button>
                </div>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->.
    </div>
    {{--Ajax Modal Ends--}}

    @endsection


    @push('footer-script')
    <script>
        var taskEvents = [
                @foreach($events as $event)
        {
        id: '{{ ucfirst($event->id) }}',
                title: '{{ ucfirst($event->event_name) }}',
                start: '{{ $event->start_date_time }}',
                end: '{{ $event->end_date_time }}',
                className: '{{ $event->label_color }}'
        },
                @endforeach
        ];
        var getEventDetail = function (id) {
        var url = '{{ route('member.events.show', ':id')}}';
        url = url.replace(':id', id);
        $('#modelHeading').html('Event');
        $.ajaxModal('#eventDetailModal', url);
        }
        var calendarLocale = '{{ $global->locale }}';
        var firstDay = '{{ $global->week_start }}';
    </script>

    <script src="{{ asset('plugins/bower_components/raphael/raphael-min.js') }}"></script>
    <script src="{{ asset('plugins/bower_components/morrisjs/morris.js') }}"></script>

    <script src="{{ asset('plugins/bower_components/waypoints/lib/jquery.waypoints.js') }}"></script>
    <script src="{{ asset('plugins/bower_components/counterup/jquery.counterup.min.js') }}"></script>

    <!-- jQuery for carousel -->
    <script src="{{ asset('plugins/bower_components/owl.carousel/owl.carousel.min.js') }}"></script>
    <script src="{{ asset('plugins/bower_components/owl.carousel/owl.custom.js') }}"></script>

    <!--weather icon -->
    <script src="{{ asset('plugins/bower_components/skycons/skycons.js') }}"></script>

    <script src="{{ asset('plugins/bower_components/moment/moment.js') }}"></script>
    <script src="{{ asset('plugins/bower_components/calendar/dist/fullcalendar.min.js') }}"></script>
    <script src="{{ asset('plugins/bower_components/calendar/dist/jquery.fullcalendar.js') }}"></script>
    <script src="{{ asset('plugins/bower_components/calendar/dist/locale-all.js') }}"></script>
    <script src="{{ asset('js/event-calendar.js') }}"></script>
    <script src="{{ asset('plugins/bower_components/bootstrap-datepicker/bootstrap-datepicker.min.js') }}"></script>
    <script src="{{ asset('js/moment-timezone.js') }}"></script>
    <script src="{{ asset('js/Chart.min.js') }}"></script>
    <script>
        function UnitsManaged(dataUnitManaged) {
        var ctx2 = document.getElementById("unit_managed");
        var data = new Array();
        var color = new Array();
        var labels = new Array();
        $.each(dataUnitManaged, function (key, val) {
        labels.push(val.name.toUpperCase());
        data.push(parseInt(val.total));
        color.push(getRandomColor());
        });
        var chart = new Chart(ctx2, {
        "type": "doughnut",
                "data": {
                "labels": labels,
                        "datasets": [{
                        "data": data,
                                "backgroundColor": color
                        }]
                }
        });
        chart.canvas.parentNode.style.height = '300px';
        }
        UnitsManaged(jQuery.parseJSON('{!! $data_units !!}'));
        @if (!empty(json_decode($typeWiseTicket)))
                function typeWiseTicketPieChart(typeWiseTicket) {

                var ctx2 = document.getElementById("typeWiseTicket");
                var data = new Array();
                var color = new Array();
                var labels = new Array();
                $.each(typeWiseTicket, function (key, val) {
                labels.push(val.type.toUpperCase());
                data.push(parseInt(val.totalTicket));
                color.push(getRandomColor());
                });
                var chart = new Chart(ctx2, {
                "type": "doughnut",
                        "data": {
                        "labels": labels,
                                "datasets": [{
                                "data": data,
                                        "backgroundColor": color
                                }]
                        }
                });
                chart.canvas.parentNode.style.height = '300px';
                }
        typeWiseTicketPieChart(jQuery.parseJSON('{!! $typeWiseTicket !!}'));
        @endif
                @if (!empty(json_decode($statusWiseTicket)))
                function statusWiseTicketPieChart(statusWiseTicket) {

                var ctx2 = document.getElementById("statusWiseTicket");
                var data = new Array();
                var color = new Array();
                var labels = new Array();
                $.each(statusWiseTicket, function (key, val) {
                labels.push(val.status.toUpperCase());
                data.push(parseInt(val.totalTicket));
                color.push(getRandomColor());
                });
                var chart = new Chart(ctx2, {
                "type": "doughnut",
                        "data": {
                        "labels": labels,
                                "datasets": [{
                                "data": data,
                                        "backgroundColor": color
                                }]
                        }
                });
                chart.canvas.parentNode.style.height = '300px';
                }
        statusWiseTicketPieChart(jQuery.parseJSON('{!! $statusWiseTicket !!}'));
        @endif
                function getRandomColor() {
                var letters = '0123456789ABCDEF'.split('');
                var color = '#';
                for (var i = 0; i < 6; i++) {
                color += letters[Math.floor(Math.random() * 16)];
                }
                return color;
                }

        $('.download-chart').click(function() {
        var id = $(this).data('chart-id');
        this.href = $('#' + id)[0].toDataURL(); // Change here
        this.download = id + '.png';
        });
    </script>
    @endpush