@extends('layouts.super-admin')

@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">
        <ol class="breadcrumb">
            <li><a href="{{ route('super-admin.dashboard') }}">@lang('app.menu.home')</a></li>
            <li class="active">{{ __($pageTitle) }}</li>
        </ol>
    </div>
    <!-- /.breadcrumb -->
</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/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>
    .col-in {
        padding: 0 20px !important;

    }

    .fc-event {
        font-size: 10px !important;
    }
</style>
@endpush

@section('content')

<div class="white-box">
    <div class="row dashboard-stats front-dashboard">
        @if($global->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

        @if(!is_null($global->last_cron_run))
            @if(\Carbon\Carbon::now()->diffInHours($global->last_cron_run) > 48)
                <div class="clearfix"></div>
                <div class="col-md-12">

                    <div class="alert alert-danger alert-dismissable">
                        @lang('messages.cronIsNotRunning')
                    </div>

                </div>
            @endif
        @else
            <div class="clearfix"></div>
            <div class="col-md-12">

                <div class="alert alert-danger alert-dismissable" id="{{$global->last_cron_run}}">
                    @lang('messages.cronIsNotRunning')
                </div>

            </div>
        @endif
        
        @if(!$progress['progress_completed'])
            @include('super-admin.dashboard.get_started')
        @endif


        <div class="col-md-3 col-sm-6">
            <div class="white-box">
                <div class="row">
                    <div class="col-xs-3">
                        <div>
                            <span class="bg-info-gradient"><i class="icon-layers"></i></span>
                        </div>
                    </div>
                    <div class="col-xs-9 text-right">
                        <span class="widget-title"> @lang('modules.dashboard.totalCompanies')</span><br>
                        <span class="counter">{{ $totalCompanies }}</span>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-md-3 col-sm-6">
            <div class="white-box">
                <div class="row">
                    <div class="col-xs-3">
                        <div>
                            <span class="bg-success-gradient"><i class="icon-layers"></i></span>
                        </div>
                    </div>
                    <div class="col-xs-9 text-right">
                        <span class="widget-title"> @lang('modules.dashboard.activeCompanies')</span><br>
                        <span class="counter">{{ $activeCompanies }}</span>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-md-3 col-sm-6">
            <div class="white-box">
                <div class="row">
                    <div class="col-xs-3">
                        <div>
                            <span class="bg-danger-gradient"><i class="icon-layers"></i></span>
                        </div>
                    </div>
                    <div class="col-xs-9 text-right">
                        <span class="widget-title"> @lang('modules.dashboard.licenseExpired')</span><br>
                        <span class="counter">{{ $expiredCompanies }}</span>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-md-3 col-sm-6">
            <div class="white-box">
                <div class="row">
                    <div class="col-xs-3">
                        <div>
                            <span class="bg-warning-gradient"><i class="icon-layers"></i></span>
                        </div>
                    </div>
                    <div class="col-xs-9 text-right">
                        <span class="widget-title"> @lang('modules.dashboard.inactiveCompanies')</span><br>
                        <span class="counter">{{ $inactiveCompanies }}</span>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-md-3 col-sm-6">
            <div class="white-box">
                <div class="row">
                    <div class="col-xs-3">
                        <div>
                            <span class="bg-inverse-gradient"><i class="icon-layers"></i></span>
                        </div>
                    </div>
                    <div class="col-xs-9 text-right">
                        <span class="widget-title"> @lang('app.total') @lang('app.menu.packages')</span><br>
                        <span class="counter">{{ $totalPackages }}</span>
                    </div>
                </div>
            </div>
        </div>

    </div>


    <div class="row">
        <div class="col-xs-12">
            <div class="white-box">
                <ul class="list-inline text-center m-t-40">
                    <li>
                        <h5><i class="fa fa-circle m-r-5" style="color:rgb(13, 219, 228);"></i>@lang('app.earnings')
                        </h5>
                    </li>
                </ul>
                <div id="morris-area-chart" style="height: 340px;"></div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-md-12 col-xs-12">
            <div class="white-box">
                <h3 class="box-title">@lang('modules.superadmin.recentRegisteredCompanies')</h3>
                <div class="table-responsive">
                    <table class="table table-striped">
                        <thead>
                            <tr>
                                <th class="text-center">#</th>
                                <th class="text-center">@lang('app.name')</th>
                                <th class="text-center">@lang('app.email')</th>
                                <th class="text-center">@lang('app.menu.packages')</th>
                                <th class="text-center">@lang('app.date')</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($recentRegisteredCompanies as $key => $recent)
                            <tr>
                                <td class="text-center">{{ $key + 1 }} </td>
                                <td class="text-center">{{ $recent->company_name }} </td>
                                <td class="text-center">{{ $recent->company_email }} </td>
                                <td class="text-center">{{ ucwords($recent->package->name) }}
                                    ({{ ucwords($recent->package_type) }}) </td>
                                <td class="text-center">{{ $recent->created_at->format('M j, Y') }} </td>
                            </tr>
                            @empty
                            <tr class="text-center">
                                <td colspan="4">@lang('messages.noRecordFound')</td>
                            </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-md-12 col-xs-12">
            <div class="white-box">
                <h3 class="box-title">@lang('modules.superadmin.recentSubscriptions')</h3>
                <div class="table-responsive">
                    <table class="table table-striped">
                        <thead>
                            <tr>
                                <th class="text-center">#</th>
                                <th class="text-center">@lang('modules.client.companyName')</th>
                                <th class="text-center">@lang('app.menu.packages')</th>
                                <th class="text-center">@lang('app.date')</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($recentSubscriptions as $key => $recent)
                            <tr>
                                <td class="text-center">{{ $key + 1 }} </td>
                                <td class="text-center">{{ $recent->company_name }} </td>
                                <td class="text-center">{{ ucwords($recent->name) }}
                                    ({{ ucwords($recent->package_type) }}) </td>
                                <td class="text-center">{{ \Carbon\Carbon::parse($recent->paid_on)->format('M j, Y') }}
                                </td>
                            </tr>
                            @empty
                            <tr class="text-center">
                                <td colspan="4">@lang('messages.noRecordFound')</td>
                            </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-md-12 col-xs-12">
            <div class="white-box">
                <h3 class="box-title">@lang('modules.superadmin.recentLicenseExpiredCompanies')</h3>
                <div class="table-responsive">
                    <table class="table table-striped">
                        <thead>
                            <tr>
                                <th class="text-center">#</th>
                                <th class="text-center">@lang('modules.client.companyName')</th>
                                <th class="text-center">@lang('app.menu.packages')</th>
                                <th class="text-center">@lang('app.date')</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($recentExpired as $key => $recent)
                            <tr>
                                <td class="text-center">{{ $key + 1 }} </td>
                                <td class="text-center">{{ $recent->company_name }} </td>
                                <td class="text-center">{{ ucwords($recent->package->name) }}
                                    ({{ ucwords($recent->package_type) }}) </td>
                                <td class="text-center">{{ $recent->updated_at->format('M j, Y') }} </td>
                            </tr>
                            @empty
                            <tr class="text-center">
                                <td colspan="4">@lang('messages.noRecordFound')</td>
                            </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>


<div class="modal fade bs-modal-md in" id="reviewModal" tabindex="-1" role="dialog" aria-labelledby="reviewModal"
    aria-hidden="true" data-backdrop="static">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h4 class="modal-title" id="myModalLabel">Do you like worksuite? Help us Grow :)</h4>

            </div>
            <div class="modal-body">
                <div class="note note-info font-14 m-l-5">

                    We hope you love it. If you do, would you mind taking 10 seconds to leave me a short review on
                    codecanyon?
                    <br>
                    This helps us to continue providing great products, and helps potential buyers to make confident
                    decisions.
                    <hr>
                    Thank you in advance for your review and for being a preferred customer.

                    <hr>

                    <p class="text-center">
                        <a href="{{\Froiden\Envato\Functions\EnvatoUpdate::reviewUrl()}}"> <img
                                src="{{asset('img/review-worksuite.png')}}" alt=""></a>
                        <button type="button" class="btn btn-link" data-dismiss="modal"
                            onclick="hideReviewModal('closed_permanently_button_pressed')">Hide Pop up
                            permanently</button>
                        <button type="button" class="btn btn-link" data-dismiss="modal"
                            onclick="hideReviewModal('already_reviewed_button_pressed')">Already Reviewed</button>
                    </p>

                </div>
            </div>
            <div class="modal-footer">
                <a href="{{\Froiden\Envato\Functions\EnvatoUpdate::reviewUrl()}}" target="_blank" type="button"
                    class="btn btn-success">Give Review</a>
            </div>
        </div>
    </div>
</div>
@endsection


@push('footer-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/calendar/jquery-ui.min.js') }}"></script>
<script src="{{ asset('plugins/bower_components/moment/moment.js') }}"></script>

<script>
    $(document).ready(function () {
        var chartData = {!!  $chartData !!};

        Morris.Area({
            element: 'morris-area-chart',
            data: chartData,
            lineColors: ['#01c0c8'],
            xkey: ['month'],
            ykeys: ['amount'],
            labels: ['Earning'],
            pointSize: 0,
            lineWidth: 0,
            resize:true,
            fillOpacity: 0.8,
            behaveLikeLine: true,
            gridLineColor: '#e0e0e0',
            hideHover: 'auto',
            parseTime: false
        });

        $('.vcarousel').carousel({
            interval: 3000
        })
    });

    function hidePopUp () {
        $.easyAjax({
            url: '{{route('super-admin.dashboard.stripe-pop-up-close')}}',
            type: "GET",
        })
    }

    $(".counter").counterUp({
        delay: 100,
        time: 1200
    });

</script>
<script>
    @if(\Froiden\Envato\Functions\EnvatoUpdate::showReview())
    $(document).ready(function () {
        $('#reviewModal').modal('show');
    })
    function hideReviewModal(type) {
        var url = "{{ route('hide-review-modal',':type') }}";
        url = url.replace(':type', type);

        $.easyAjax({
            url: url,
            type: "GET",
            container: "#reviewModal",
        });
    }
    @endif
</script>
@endpush