@extends('layouts.frontend')

@section('title', trans('messages.dashboard'))

@section('page_script')
    <script type="text/javascript" src="{{ URL::asset('assets/js/plugins/visualization/echarts/echarts.js') }}"></script>
    <script type="text/javascript" src="{{ URL::asset('js/chart.js') }}"></script>
@endsection

@section('content')
    <h1 class="mb-10">{!! trans('messages.frontend_dashboard_hello', ['name' => Auth::user()->customer->displayName()]) !!}</h1>
    <p>{!! trans('messages.frontend_dashboard_welcome') !!}</p>

    <h3 class=" mb-10 mt-40"><i class="icon-stats-bars4"></i> {{ trans("messages.used_quota") }}</h3>
    <p>{{ trans('messages.dashboard.credit.wording') }}</p>
    <div class="row quota_box">
        <div class="col-sm-6 col-md-6">
            <div class="content-group-sm">
                <div class="pull-right  text-semibold">
                    <span class="text-muted">{{ \Acelle\Library\Tool::format_number(Auth::user()->customer->getSendingQuotaUsage()) }}/{{ (Auth::user()->customer->getSendingQuota() == -1) ? '∞' : \Acelle\Library\Tool::format_number(Auth::user()->customer->getSendingQuota()) }}</span>
                    &nbsp;&nbsp;&nbsp;{{ Auth::user()->customer->displaySendingQuotaUsage() }}
                </div>
                <h5 class="text-semibold mb-5">{{ trans('messages.sending_quota') }}</h5>
                <div class="progress progress-sm">
                    <div class="progress-bar bg-{{ Auth::user()->customer->getSendingQuotaUsagePercentage() >= 80 ? 'danger' : 'primary' }}" style="width: {{ Auth::user()->customer->getSendingQuotaUsagePercentage() }}%">
                    </div>
                </div>
            </div>
        </div>
        <div class="col-sm-6 col-md-6">
            <div class="content-group-sm">
                <div class="pull-right  text-semibold">
                    <span class="text-muted">{{ \Acelle\Library\Tool::format_number(Auth::user()->customer->listsCount()) }}/{{ \Acelle\Library\Tool::format_number(Auth::user()->customer->maxLists()) }}</span>
                    &nbsp;&nbsp;&nbsp;{{ Auth::user()->customer->displayListsUsage() }}
                </div>
                <h5 class="text-semibold mb-5">{{ trans('messages.list') }}</h5>
                <div class="progress progress-sm">
                    <div class="progress-bar bg-{{ Auth::user()->customer->listsUsage() >= 80 ? 'danger' : 'primary' }}" style="width: {{ Auth::user()->customer->listsUsage() }}%">
                    </div>
                </div>
            </div>
        </div>
        <div class="col-sm-6 col-md-6">
            <div class="content-group-sm">
                <div class="pull-right  text-semibold">
                    <span class="text-muted">{{ \Acelle\Library\Tool::format_number(Auth::user()->customer->campaignsCount()) }}/{{ \Acelle\Library\Tool::format_number(Auth::user()->customer->maxCampaigns()) }}</span>
                    &nbsp;&nbsp;&nbsp;{{ Auth::user()->customer->displayCampaignsUsage() }}
                </div>
                <h5 class="text-semibold mb-5 mt-20">{{ trans('messages.campaign') }}</h5>
                <div class="progress progress-sm">
                    <div class="progress-bar bg-{{ Auth::user()->customer->campaignsUsage() >= 80 ? 'danger' : 'primary' }}" style="width: {{ Auth::user()->customer->campaignsUsage() }}%">
                    </div>
                </div>
            </div>
        </div>
        <div class="col-sm-6 col-md-6">
            <div class="content-group-sm">
                <div class="pull-right  text-semibold">
                    <span class="text-muted">{{ \Acelle\Library\Tool::format_number(Auth::user()->customer->readCache('SubscriberCount', 0)) }}/{{ \Acelle\Library\Tool::format_number(Auth::user()->customer->maxSubscribers()) }}</span>
                    &nbsp;&nbsp;&nbsp;{{ Auth::user()->customer->displaySubscribersUsage() }}
                </div>
                <h5 class="text-semibold mb-5 mt-20">{{ trans('messages.subscriber') }}</h5>
                <div class="progress progress-sm">
                    <div class="progress-bar bg-{{ Auth::user()->customer->subscribersUsage() >= 80 ? 'danger' : 'primary' }}" style="width: {{ Auth::user()->customer->readCache('SubscriberUsage', 0) }}%">
                    </div>
                </div>
            </div>
        </div>
    </div>

    <h3 class=" mt-40"><i class="icon-paperplane"></i> {{ trans('messages.recently_sent_campaigns') }}</h3>

    @if (Auth::user()->customer->sentCampaigns()->count() == 0)
        <div class="empty-list">
            <i class="icon-paperplane"></i>
            <span class="line-1">
                {{ trans('messages.no_sent_campaigns') }}
            </span>
        </div>
    @else
        <div class="row">
            <div class="col-md-6">
                @include('helpers.form_control', [
                    'type' => 'select',
                    'class' => 'dashboard-campaign-select',
                    'name' => 'campaign_id',
                    'label' => '',
                    'value' => '',
                    'options' => Acelle\Model\Campaign::getSelectOptions(Auth::user()->customer, "done"),
                ])
            </div>
        </div>
        <div class="campaign-quickview-container" data-url="{{ action("CampaignController@quickView") }}"></div>
    @endif

    <h3 class=" mt-40"><i class="icon-address-book2"></i> {{ trans('messages.list_growth') }}</h3>

    @if (Auth::user()->customer->lists()->count() == 0)
        <div class="empty-list">
            <i class="icon-address-book2"></i>
            <span class="line-1">
                {{ trans('messages.no_saved_lists') }}
            </span>
        </div>
    @else
        <div class="row">
            <div class="col-md-6">
                @include('helpers.form_control', [
                    'type' => 'select',
                    'class' => 'dashboard-list-select',
                    'name' => 'list_id',
                    'label' => '',
                    'value' => '',
                    'include_blank' => trans('messages.all'),
                    'options' => Auth::user()->customer->readCache('MailListSelectOptions', []),
                ])
            </div>
        </div>
        <div class="list-quickview-container" data-url="{{ action("MailListController@quickView") }}"></div>
    @endif

    <h3 class=" mt-40"><i class="icon-podium"></i> {{ trans('messages.top_5') }}</h3>
    <div class="tabbable">
        <ul class="nav nav-tabs nav-tabs-top">
            <li class="active text-semibold"><a href="#top-tab1" data-toggle="tab">
                <i class="icon-folder-open3"></i> {{ trans('messages.campaign_opens') }}</a></li>
            <li class="text-semibold"><a href="#top-tab2" data-toggle="tab">
                <i class="icon-pointer"></i> {{ trans('messages.campaign_clicks') }}</a></li>
            <li class="text-semibold"><a href="#top-tab3" data-toggle="tab">
                <i class="icon-link"></i> {{ trans('messages.clicked_links') }}</a></li>
        </ul>
        <div class="tab-content">
            <div class="tab-pane active" id="top-tab1">
                <ul class="modern-listing mt-0 top-border-none">
                    @forelse (Acelle\Model\Campaign::topOpens(5, Auth::user()->customer)->get() as $num => $item)
                        <li>
                            <div class="row">
                                <div class="col-sm-5 col-md-5">
                                    <i class="number">{{ $num+1 }}</i>
                                    <h6 class="mt-0 mb-0 text-semibold">
                                        <a href="{{ action('CampaignController@overview', $item->uid) }}">
                                            {{ $item->name }}
                                        </a>
                                    </h6>
                                    <p>
                                        {!! $item->displayRecipients() !!}
                                    </p>
                                </div>
                                <div class="col-sm-2 col-md-2 text-left">
                                    <h5 class="no-margin text-bold">
                                        {{ number_with_delimiter($item->aggregate) }}
                                    </h5>
                                    <span class="text-muted">{{ trans('messages.opens') }}</span>
                                        <br /><br />
                                </div>
                                <div class="col-sm-2 col-md-2 text-left">
                                    <h5 class="no-margin text-bold">
                                        {{ number_with_delimiter($item->readCache('UniqOpenCount')) }}
                                    </h5>
                                    <span class="text-muted">{{ trans('messages.uniq_opens') }}</span>
                                        <br /><br />
                                </div>
                                <div class="col-sm-2 col-md-2 text-left">
                                    <h5 class="no-margin text-bold">
                                        {{ (null !== $item->lastOpen()) ? Acelle\Library\Tool::formatDateTime($item->lastOpen()->created_at) : "" }}
                                    </h5>
                                    <span class="text-muted">{{ trans('messages.last_open') }}</span>
                                        <br /><br />
                                </div>
                            </div>

                        </li>
                    @empty
                        <li class="empty-li">
                            {{ trans('messages.empty_record_message') }}
                        </li>
                    @endforelse
                </ul>
            </div>
            <div class="tab-pane" id="top-tab2">
                <ul class="modern-listing mt-0 top-border-none">
                    @forelse (Acelle\Model\Campaign::topClicks(5, Auth::user()->customer)->get() as $num => $item)
                        <li>
                            <div class="row">
                                <div class="col-sm-5 col-md-5">
                                    <i class="number">{{ $num+1 }}</i>
                                    <h6 class="mt-0 mb-0 text-semibold">
                                        <a href="{{ action('CampaignController@overview', $item->uid) }}">
                                            {{ $item->name }}
                                        </a>
                                    </h6>
                                    <p>
                                        {!! $item->displayRecipients() !!}
                                    </p>
                                </div>
                                <div class="col-sm-2 col-md-2 text-left">
                                    <h5 class="no-margin text-bold">
                                        {{ $item->aggregate }}
                                    </h5>
                                    <span class="text-muted">{{ trans('messages.clicks') }}</span>
                                        <br /><br />
                                </div>
                                <div class="col-sm-2 col-md-2 text-left">
                                    <h5 class="no-margin text-bold">
                                        {{ $item->urlCount() }}
                                    </h5>
                                    <span class="text-muted">{{ trans('messages.urls') }}</span>
                                        <br /><br />
                                </div>
                                <div class="col-sm-2 col-md-2 text-left">
                                    <h5 class="no-margin text-bold">
                                        {{ (null !== $item->lastClick()) ? Acelle\Library\Tool::formatDateTime($item->lastClick()->created_at) : "" }}
                                    </h5>
                                    <span class="text-muted">{{ trans('messages.last_clicked') }}</span>
                                        <br /><br />
                                </div>
                            </div>
                        </li>
                    @empty
                        <li class="empty-li">
                            {{ trans('messages.empty_record_message') }}
                        </li>
                    @endforelse
                </ul>
            </div>
            <div class="tab-pane" id="top-tab3">
                <ul class="modern-listing mt-0 top-border-none">
                    @forelse (Acelle\Model\Campaign::topLinks(5, Auth::user()->customer)->get() as $num => $item)
                        <li>
                            <div class="row">
                                <div class="col-sm-6 col-md-6">
                                    <i class="number">{{ $num+1 }}</i>
                                    <h6 class="mt-0 mb-0 text-semibold url-truncate">
                                        <a title="{{ $item->url }}" href="{{ $item->url }}" target="_blank">
                                            {{ $item->url }}
                                        </a>
                                    </h6>
                                    <p>
                                        {{ $item->campaigns()->count() }} {{ trans('messages.campaigns') }}
                                    </p>
                                </div>
                                <div class="col-sm-2 col-md-2 text-left">
                                    <h5 class="no-margin text-bold">
                                        {{ $item->aggregate }}
                                    </h5>
                                    <span class="text-muted">{{ trans('messages.clicks') }}</span>
                                        <br /><br />
                                </div>
                                <div class="col-sm-2 col-md-2 text-left">
                                    <h5 class="no-margin text-bold">
                                        {{ (null !== $item->lastClick(Auth::user()->customer)) ? Acelle\Library\Tool::formatDateTime($item->lastClick(Auth::user()->customer)->created_at) : "" }}
                                    </h5>
                                    <span class="text-muted">{{ trans('messages.last_clicked') }}</span>
                                    <br /><br />
                                </div>
                            </div>
                        </li>
                    @empty
                        <li class="empty-li">
                            {{ trans('messages.empty_record_message') }}
                        </li>
                    @endforelse
                </ul>
            </div>
        </div>
    </div>

    <h3 class=" mt-40"><i class="icon-history"></i> {{ trans('messages.activity_log') }}</h3>

    @if (Auth::user()->customer->logs()->count() == 0)
        <div class="empty-list">
            <i class="icon-history"></i>
            <span class="line-1">
                {{ trans('messages.no_activity_logs') }}
            </span>
        </div>
    @else
        <div class="scrollbar-box action-log-box">
            <!-- Timeline -->
            <div class="timeline timeline-left content-group">
                <div class="timeline-container">
                        @foreach (Auth::user()->customer->logs()->take(20)->get() as $log)
                            <!-- Sales stats -->
                            <div class="timeline-row">
                                <div class="timeline-icon">
                                    <a href="#"><img src="{{ action('CustomerController@avatar', $log->customer->uid) }}" alt=""></a>
                                </div>

                                <div class="panel panel-flat timeline-content">
                                    <div class="panel-heading">
                                        <h6 class="panel-title text-semibold">{{ $log->customer->displayName() }}</h6>
                                        <div class="heading-elements">
                                            <span class="heading-text"><i class="icon-history position-left text-success"></i> {{ Tool::dateTime($log->created_at)->diffForHumans() }}</span>
                                        </div>
                                    </div>

                                    <div class="panel-body">
                                        {!! $log->message() !!}
                                    </div>
                                </div>
                            </div>
                            <!-- /sales stats -->
                        @endforeach
                </div>
            </div>
        </div>
    @endif

    <br>
    <br>
@endsection