@use('App\Services\Date')
@extends('superadmin::layouts.master')
@section('title', __('Activity'))
@section('extra-styles')
<link rel="stylesheet" type="text/css" href="{{asset('assets/css/notes-style.css')}}">
@endsection
@section('breadcrumb')
<div class="row breadcrumbs-top">
    <div class="breadcrumb-wrapper col-xs-12">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{route("dashboard-home")}}">@lang('Home')</a></li>
            <li class="breadcrumb-item"><a href="{{route("tenants.index")}}">@lang('tenant::company.company')</a></li>
            <li class="breadcrumb-item"><a href="#">@lang('Activity')</a></li>
    </ol>
    </div>
</div>
@endsection
@section('content')
    <style>
        .stat-card {
            flex: 1 1 auto;
            height: 125px;
        }
        .badge {
            display: inline-block;
            padding: 0.45em 0.95em;
            font-size: 95%;
            font-weight: 600;
            line-height: 1;
            text-align: center;
            white-space: nowrap;
            vertical-align: baseline;
            border-radius: 0.25rem;
            color: #fff;
        }
        .badge-success {
            background-color: #118d68;
        }
        .badge-warning {
            background-color: #FFA87D;
        }
        .badge-danger {
            background-color: #FF7588;
        }
        .badge-secondary {
            background-color: #626E82;
        }
    </style>
<section>
    <div>
        <div class="row text-right">
            <div class="col-md-6 headTitle">
                <h3 class="py-half">@lang('tenant::company.company_info')
                    <button onclick="showNotes(this, '{{$tenant->id}}', '{{$tenant->name}}', '{{route('tenant.note.index', $tenant->id)}}')"
                        class="btn rounded-circle font-small-2 btn-info btn-edit text-white note-btn mx-1"
                        data-toggle="tooltip"
                        data-placement="bottom" title="@lang('settings::forms_design.notes')">
                        <i class="fa fa-commenting-o note-icon"></i>
                        <span @if(app()->getLocale() == 'ar') style="right: unset;left: -15px;" @endif class="badge @if(!$noteResolvedNotesCount) hidden @endif note-badge {{$tenant->id}}_not_resolved_note_count">{{$noteResolvedNotesCount}}</span>
                    </button>
                </h3>
            </div>
            <div class="col-md-6 divBack">
                <a href="{{url()->previous()}}" class="btn btn-primary btn-min-width">{{__('Back')}}</a>
            </div>
        </div>
        <div class="card mb-0">
            <div class="card mb-0">
                <div class="px-2">
                    <div class="card-body  in pt-2">
                        <div class="card-block">
                            <dl class="row">
                                <dt class="col-sm-3">{{__('tenant::company.id')}}</dt>
                                <dd class="col-sm-9">
                                    <div>{{$tenant->id}}</div>
                                </dd>
                                <dt class="col-sm-3">{{__('tenant::company.company name')}}</dt>
                                <dd class="col-sm-9">
                                    <div class="" style="word-break: break-word;">{{$tenant->name}}</div>
                                </dd>
                                <dt class="col-sm-3">{{__('tenant::company.email')}}</dt>
                                <dd class="col-sm-9">
                                    <div id="email-display" class="d-inline-block">
                                        <a href="mailto:{{$tenant->email}}">{{$tenant->email}}</a>
                                        <button type="button" class="btn btn-sm btn-link text-primary ml-2" id="edit-email-btn">
                                            <i class="fa fa-edit"></i>
                                        </button>
                                    </div>
                                    <form id="email-edit-form" method="POST" action="{{ route('tenant.activity.update-email', $tenant->id) }}" class="d-none">
                                        @csrf
                                        <div class="input-group" style="max-width: 400px;">
                                            <input type="email" name="email" id="email-input" class="form-control" value="{{$tenant->email}}" required>
                                            <div class="input-group-append">
                                                <button type="submit" class="btn btn-primary btn-sm">
                                                    <i class="fa fa-check"></i>
                                                </button>
                                                <button type="button" class="btn btn-secondary btn-sm" id="cancel-edit-email-btn">
                                                    <i class="fa fa-times"></i>
                                                </button>
                                            </div>
                                        </div>
                                        @error('email')
                                            <span class="text-danger">{{ $message }}</span>
                                        @enderror
                                    </form>
                                </dd>
                                                                <dt class="col-sm-3">{{__('superadmin::User.mobile')}}</dt>
                                <dd class="col-sm-9">
                                    <div><a href="tel:{{$mobile}}">{{$mobile}}</a></div>
                                </dd>

                                <dt class="col-sm-3">{{__('tenant::company.company identifier')}}</dt>
                                <dd class="col-sm-9">
                                    <div>{{$tenant->hostname->fqdn}}</div>
                                </dd>

                                <dt class="col-sm-3">{{__('tenant::company.package')}}</dt>
                                <dd class="col-sm-9">
                                    <div>{{$tenant->activeSubscription->package->name}}</div>
                                </dd>

                                <dt class="col-sm-3">{{__('tenant::company.renew date')}}</dt>
                                <dd class="col-sm-9">
                                    <div>{{ Date::format($tenant->activeSubscription->end_date, 'date') }}</div>
                                </dd>

                                <dt class="col-sm-3">{{__('tenant::company.company status')}}</dt>
                                <dd class="col-sm-9">
                                    <div>{{$tenant->status}}</div>
                                </dd>


                                <dt class="col-sm-3">{{__('tenant::company.supscription status')}}</dt>
                                <dd class="col-sm-9">{{$tenant->activeSubscription->status}}</dd>

                                <dt class="col-sm-3">{{__('tenant::company.last_activity')}}</dt>
                                <dd class="col-sm-9">
                                    <div>{{$tenant->last_activity }}</div>
                                </dd>

                                <dt class="col-sm-3">{{__('tenant::company.invoice_no')}}</dt>
                                <dd class="col-sm-9">
                                    <div class="">{{$tenant["invoicesCount"] }}</div>
                                </dd>

                                <dt class="col-sm-3">{{__('tenant::company.users_no')}}</dt>
                                <dd class="col-sm-9">
                                    <div class="">{{ $tenant["usersCount"] }}</div>
                                </dd>
                                <dt class="col-sm-3">{{__('tenant::company.serial_number')}}</dt>
                                <dd class="col-sm-9">
                                    <div class="">{{ $tenant["serialNumber"] }}</div>
                                </dd>


                            </dl>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <br>
        <div class="row">
            <div class="col-xl-4 col-lg-4">
                <div class="card">
                    <div class="card-body">
                        <div class="card-block">
                            <div class="media">
                                <div class="media-body text-xs-left">
                                    <h3 class="primary">{{  $companyStatistics['sign_in_count'] }}</h3>
                                    <span class="margin-right-1">@lang('tenant::company.sign in count')</span>
                                </div>
                                <div class="media-right media-middle">
                                    <i class="fa fa-users primary font-large-2 float-xs-right"></i>

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-xl-4 col-lg-4">
                <div class="card">
                    <div class="card-body stat-card">
                        <div class="card-block">
                            <div class="media">
                                <div class="media-body text-xs-left">
                                    <h3 class="primary">{{  $companyStatistics['last_signIn_date'] }}</h3>
                                    <span class="margin-right-1">@lang('tenant::company.last sign in date')</span>
                                </div>
                                <div class="media-right media-middle">
                                    <i class="fa fa-sign-in primary font-large-2 float-xs-right"></i>

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-xl-4 col-lg-4">
                <div class="card">
                    <div class="card-body">
                        <div class="card-block">
                            <div class="media">
                                <div class="media-body text-xs-left">
                                    <h3 class="primary">{{  $companyStatistics['activities_count'] }}</h3>
                                    <span class="margin-right-1">@lang('tenant::company.activities count')</span>
                                </div>
                                <div class="media-right media-middle">
                                    <i class="fa fa-list primary font-large-2 float-xs-right"></i>

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-xl-4 col-lg-4">
                <div class="card">
                    <div class="card-body">
                        <div class="card-block">
                            <div class="media">
                                <div class="media-body text-xs-left">
                                    <h3 class="primary">{{  $companyStatistics['activity_monthly_average'] }}</h3>
                                    <span class="margin-right-1">@lang('tenant::company.activity monthly average')</span>
                                </div>
                                <div class="media-right media-middle">
                                    <i class="fa fa-bar-chart primary font-large-2 float-xs-right"></i>

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xl-4 col-lg-4">
                <div class="card">
                    <div class="card-body">
                        <div class="card-block">
                            <div class="media">
                                <div class="media-body text-xs-left">
                                    <h3 class="primary">{{  $companyStatistics['session_time']['hours'].' '. __('tenant::company.hours')
                                    .' ' .$companyStatistics['session_time']['minutes'].' '.__('tenant::company.minutes')  }}</h3>
                                    <span class="margin-right-1">@lang('tenant::company.session time')</span>
                                </div>
                                <div class="media-right media-middle">
                                    <i class="fa fa-clock-o primary font-large-2 float-xs-right"></i>

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-xl-4 col-lg-4">
                <div class="card">
                    <div class="card-body">
                        <div class="card-block">
                            <div class="media">
                                <div class="media-body text-xs-left">
                                    <h3 class="primary">{{  $companyStatistics['session_average']['hours'].' '. __('tenant::company.hours')
                                    .' ' .$companyStatistics['session_average']['minutes'].' '.__('tenant::company.minutes')  }}</h3>
                                    <span class="margin-right-1">@lang('tenant::company.session duration average')</span>
                                </div>
                                <div class="media-right media-middle">
                                    <i class="fa fa-play primary font-large-2 float-xs-right"></i>

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

            <div class="card mb-0">
                <div class="card-body  in">
                    <div class="card-title"> <h2>@lang('tenant::company.company status change log')</h2></div>
                    <table
                        class="table table-striped table-column prevent-init-sort dataex-res-configuration  @if(app()->getlocale() == 'ar') ar-language-file @endif" style="width:100%;display: inline-table;">

                        <thead>
                        <tr>
                            <th>@lang('Actions')</th>
                            <th>@lang('tenant::company.date')</th>
                        </tr>
                        </thead>

                        <tbody>
                        @foreach($companyStatusUpdates as $companyStatus)
                            <tr>
                                <td>{{$companyStatus['action']}}</td>
                                <td><span class="d-none">{{$companyStatus['date']}}</span> {{ Date::format($companyStatus['date'], 'date') }}</td>
                            </tr>
                        @endforeach
                        </tbody>

                    </table>
                </div>
            </div>
            <div class="card mb-0">
                <div class="card-body  in">
                    <div class="card-title"> <h2>@lang('tenant::company.subscription history')</h2></div>
                    <table class="table table-striped table-bordered mb-0">
                        <thead>
                        <tr>
                            <th>@lang('tenant::company.start_date')</th>
                            <th>@lang('tenant::company.end_date')</th>
                            <th>@lang('tenant::subscription.status')</th>
                            <th>@lang('tenant::company.package')</th>
                            <th>@lang('tenant::company.plan')</th>
                        </tr>
                        </thead>

                        <tbody>
                        @forelse($subscriptionHistory as $subscription)
                            <tr>
                                <td>{{ $subscription['start_date'] }}</td>
                                <td>{{ $subscription['end_date'] }}</td>
                                <td><span class="badge {{ $subscription['status_badge'] }}">{{ $subscription['status'] }}</span></td>
                                <td>{{ $subscription['package'] }}</td>
                                <td>{{ $subscription['plan'] }}</td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="5" class="text-center">@lang('tenant::company.no result found')</td>
                            </tr>
                        @endforelse
                        </tbody>

                    </table>
                </div>
            </div>
            <hr>
            <div class="card mb-0">
                <div class="card-body  in">
                    <div class="card-title">
                        <h2 class="d-inline-block">@lang('tenant::company.activity_log')</h2>
                        <a class="mx-1 @if(app()->getLocale() == 'ar') fa-pull-left @else fa-pull-right @endif"
                           href="{{route('tenant.activity-log.print', $tenant->id)}}" target="_blank">
                            <i class="fa fa-print fa-2x"
                               data-toggle="tooltip"
                               data-placement="bottom"
                               title="@lang('Print')"></i>
                        </a>
                    </div>
                    <table
                        id="logs-datatable"
                        class="table mb-0 table table-striped table-bordered "
                    >
                        <thead>
                        <tr>
                            <th>@lang('tenant::company.activity')</th>
                            <th>@lang('tenant::company.date')</th>
                        </tr>
                        </thead>
                        <tbody>
                        </tbody>
                    </table>
                </div>
            </div>
            <div class="card mb-0">
                <div class="card-body  in">
                    <div class="card-title">
                        <h2 class="d-inline-block">@lang('tenant::company.email_logs')</h2>
                    </div>
                    <table id="emails-datatable" class="table mb-0 table table-striped table-bordered ">
                        <thead>
                        <tr>
                            <th>@lang('tenant::company.email')</th>
                            <th>@lang('Description')</th>
                            <th>@lang('tenant::company.date')</th>
                        </tr>
                        </thead>
                        <tbody>
                        </tbody>
                    </table>
                </div>
            </div>
            <div class="card mb-0">
                <div class="card-body  in">
                    <div class="card-title">
                        <h2 class="d-inline-block">@lang('Users')</h2>
                    </div>
                    <table id="users-datatable" class="table mb-0 table table-striped table-bordered ">
                        <thead>
                        <tr>
                            <th>@lang('Name')</th>
                            <th>@lang('tenant::company.email')</th>
                            <th>@lang('tenant::company.phone_number')</th>
                        </tr>
                        </thead>
                        <tbody>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>


</section>

{{---------------- show note popup -------------------------------}}
@include('tenant::includes.notesModal')
@endsection

@section('extra_scripts')
    <script src="{{url('assets/js/vendors/js/pickers/dateTime/moment-with-locales.min.js')}}" defer></script>
    <script>
        window.addEventListener('DOMContentLoaded', function () {
            (function ($) {
                $('#logs-datatable').DataTable({
                    processing: true,
                    serverSide: true,
                    ajax: "{{route('tenant.activity.datatable', $tenant->id)}}",
                    columns: [
                        {data: 'activty', name: 'auditable_type'},
                        {data: 'created_at', name: 'created_at'},
                    ],
                    order: [[ 1, 'desc' ]],
                    @if(App::isLocale('ar'))
                    language: {
                    "url": "https://cdn.datatables.net/plug-ins/9dcbecd42ad/i18n/Arabic.json"
                    },
                    @endif
                });

                $('#emails-datatable').DataTable({
                    processing: true,
                    serverSide: true,
                    ajax: "{{route('tenant.emails.datatable', $tenant->id)}}",
                    columns: [
                        {data: 'email', name: 'email'},
                        {data: 'details', name: 'details'},
                        {"data": "created_at",
                            "fnCreatedCell": function (nTd, sData, oData, iRow, iCol) {
                                $(nTd).html("<label>"+moment(oData.created_at).format('DD/MM/YYYY')+"</label>");
                            }, name: 'created_at'},
                    ],
                    order: [[ 2, 'desc' ]],
                    @if(App::isLocale('ar'))
                    language: {
                    "url": "https://cdn.datatables.net/plug-ins/9dcbecd42ad/i18n/Arabic.json"
                    },
                    @endif
                });
                var table = $('.prevent-init-sort').DataTable();
                table.order( [ 1, 'desc' ] )
                
               $('#users-datatable').DataTable({
                    processing: true,
                    serverSide: true,
                    ajax: "{{route('tenant.users.datatable', $tenant->id)}}",
                    columns: [
                        {data: 'uname'},
                        {
                            data: 'email',
                            "fnCreatedCell": function (nTd, sData, oData, iRow, iCol) {
                            $(nTd).html("<a href=mailto:"+oData.email+" target='_top'>"+oData.email+"</a>");
                            }
                        },
                        {
                            data: 'phone_number',
                            "fnCreatedCell": function (nTd, sData, oData, iRow, iCol) {
                            $(nTd).html("<a href=tel:"+oData.phone_number+" target='_top'>"+oData.phone_number+"</a>");
                            }
                        },
                    ],
                    @if(App::isLocale('ar'))
                    language: {
                    "url": "https://cdn.datatables.net/plug-ins/9dcbecd42ad/i18n/Arabic.json"
                    },
                    @endif
                });

                // Email edit functionality
                $('#edit-email-btn').on('click', function() {
                    $('#email-display').addClass('d-none');
                    $('#email-edit-form').removeClass('d-none');
                    $('#email-input').focus();
                });

                $('#cancel-edit-email-btn').on('click', function() {
                    $('#email-display').removeClass('d-none');
                    $('#email-edit-form').addClass('d-none');
                });
            })(jQuery);
        });
    </script>
    @include('tenant::includes.noteScripts')
@endsection