One Hat Cyber Team

Edit File: dashboard.blade.php

@extends('user.layouts.app')
@section('panel')

<section class="mt-3">

<div class="row g-3">
            <div class="col-12 col-md-6 col-lg-6 col-xl-4">
                <div class="info-card style-purple">
                    <div class="icon">
                        <i class="las la-sms"></i>
                    </div>
                    <div class="content">
                        <h4>{{auth()->user()->credit}}</h4>
                        <p>{{ translate('Remaining SMS Credit')}}</p>
                    </div>
                </div>
            </div>
            <div class="col-12 col-md-6 col-lg-6 col-xl-4">
                <div class="info-card style-purple">
                    <div class="icon">
                        <i class="las la-envelope"></i>
                    </div>
                    <div class="content">
                        <h4>{{auth()->user()->email_credit}}</h4>
                        <p>{{ translate('Remaining Email Credit')}}</p>
                    </div>
                </div>
            </div>
            <div class="col-12 col-md-6 col-lg-6 col-xl-4">
                <div class="info-card style-purple">
                    <div class="icon">
                        <i class="lab la-whatsapp"></i>
                    </div>
                    <div class="content">
                        <h4>{{auth()->user()->whatsapp_credit}}</h4>
                        <p>{{ translate('Remaining WhatsApp Credit')}}</p>
                    </div>
                </div>
            </div>

<div class="col-12 col-md-6 col-lg-6 col-xl-3">
                <div class="info-card style-sky">
                    <div class="icon">
                        <i class="las la-comment"></i>
                    </div>
                    <div class="content">
                        <h4>{{$smslog['all']}}</h4>
                        <p>{{ translate('Total SMS')}}</p>
                    </div>
                </div>
            </div>
            <div class="col-12 col-md-6 col-lg-6 col-xl-3">
                <div class="info-card style-sky">
                    <div class="icon">
                        <i class="las la-comment-dots"></i>
                    </div>
                    <div class="content">
                        <h4>{{$smslog['pending']}}</h4>
                        <p>{{ translate('Total Pending SMS')}}</p>
                    </div>
                </div>
            </div>
            <div class="col-12 col-md-6 col-lg-6 col-xl-3">
                <div class="info-card style-sky">
                    <div class="icon">
                        <i class="las la-comment-alt"></i>
                    </div>
                    <div class="content">
                        <h4>{{$smslog['success']}}</h4>
                        <p>{{ translate('Total Delivered SMS')}}</p>
                    </div>
                </div>
            </div>
            <div class="col-12 col-md-6 col-lg-6 col-xl-3">
                <div class="info-card style-sky">
                    <div class="icon">
                        <i class="las la-comment-dots"></i>
                    </div>
                    <div class="content">
                        <h4>{{$smslog['fail']}}</h4>
                        <p>{{ translate('Total Failed SMS')}}</p>
                    </div>
                </div>
            </div>

<div class="col-12 col-md-6 col-lg-6 col-xl-3">
                <div class="info-card style-red">
                    <div class="icon">
                        <i class="las la-envelope"></i>
                    </div>
                    <div class="content">
                        <h4>{{$emailLog['all']}}</h4>
                        <p>{{ translate('Total Email')}}</p>
                    </div>
                </div>
            </div>
            <div class="col-12 col-md-6 col-lg-6 col-xl-3">
                <div class="info-card style-red">
                    <div class="icon">
                        <i class="las la-envelope-open"></i>
                    </div>
                    <div class="content">
                        <h4>{{$emailLog['pending']}}</h4>
                        <p>{{ translate('Total Pending Email')}}</p>
                    </div>
                </div>
            </div>
            <div class="col-12 col-md-6 col-lg-6 col-xl-3">
                <div class="info-card style-red">
                    <div class="icon">
                        <i class="las la-envelope-square"></i>
                    </div>
                    <div class="content">
                        <h4>{{$emailLog['success']}}</h4>
                        <p>{{ translate('Total Delivered Email')}}</p>
                    </div>
                </div>
            </div>
            <div class="col-12 col-md-6 col-lg-6 col-xl-3">
                <div class="info-card style-red">
                    <div class="icon">
                        <i class="las la-envelope-square"></i>
                    </div>
                    <div class="content">
                        <h4>{{$emailLog['fail']}}</h4>
                        <p>{{ translate('Total Failed Email')}}</p>
                    </div>
                </div>
            </div>

<div class="col-12 col-md-6 col-lg-6 col-xl-3">
                <div class="info-card style-green">
                    <div class="icon">
                        <i class="lab la-whatsapp"></i>
                    </div>
                    <div class="content">
                        <h4>{{$whatsappLog['all']}}</h4>
                        <p>{{ translate('Total WhatsApp Message')}}</p>
                    </div>
                </div>
            </div>
            <div class="col-12 col-md-6 col-lg-6 col-xl-3">
                <div class="info-card style-green">
                    <div class="icon">
                        <i class="lab la-whatsapp"></i>
                    </div>
                    <div class="content">
                        <h4>{{$whatsappLog['pending']}}</h4>
                        <p>{{ translate('Total Pending WhatsApp Message')}}</p>
                    </div>
                </div>
            </div>
            <div class="col-12 col-md-6 col-lg-6 col-xl-3">
                <div class="info-card style-green">
                    <div class="icon">
                        <i class="lab la-whatsapp"></i>
                    </div>
                    <div class="content">
                        <h4>{{$whatsappLog['success']}}</h4>
                        <p>{{ translate('Total Delivered WhatsApp Message')}}</p>
                    </div>
                </div>
            </div>
            <div class="col-12 col-md-6 col-lg-6 col-xl-3">
                <div class="info-card style-green">
                    <div class="icon">
                        <i class="lab la-whatsapp"></i>
                    </div>
                    <div class="content">
                        <h4>{{$whatsappLog['fail']}}</h4>
                        <p>{{ translate('Total Failed WhatsApp')}}</p>
                    </div>
                </div>
            </div>

</div>

<div class="rounded_box">
            <div class="parent_pinned_project">
                {{-- <a href="javascript:void(0);" class="single_pinned_project shadow">
                    <div class="pinned_icon">
                        <i class="las la-sms"></i>
                    </div>
                    <div class="pinned_text">
                        <div>
                            <h6>{{ translate('Remaining SMS Credit')}}</h6>
                            <p>{{auth()->user()->credit}}</p>
                        </div>
                    </div>
                </a> --}}
                {{-- <a href="javascript:void(0);" class="single_pinned_project shadow">
                    <div class="pinned_icon">
                        <i class="las la-envelope"></i>
                    </div>
                    <div class="pinned_text">
                        <div>
                            <h6>{{ translate('Remaining Email Credit')}}</h6>
                            <p>{{auth()->user()->email_credit}}</p>
                        </div>
                    </div>
                </a> --}}
                {{-- <a href="javascript:void(0);" class="single_pinned_project shadow">
                    <div class="pinned_icon">
                       <i class="lab la-whatsapp"></i>
                    </div>
                    <div class="pinned_text">
                        <div>
                            <h6>{{ translate('Remaining WhatsApp Credit')}}</h6>
                            <p>{{auth()->user()->whatsapp_credit}}</p>
                        </div>
                    </div>
                </a> --}}

{{-- <a href="{{route('user.sms.index')}}" class="single_pinned_project shadow">
                    <div class="pinned_icon">
                        <i class="las la-comment"></i>
                    </div>
                    <div class="pinned_text">
                        <div>
                            <h6>{{ translate('Total SMS')}}</h6>
                            <p>{{$smslog['all']}}</p>
                        </div>
                    </div>
                </a> --}}

{{-- <a href="{{route('user.sms.pending')}}" class="single_pinned_project shadow">
                    <div class="pinned_icon">
                        <i class="las la-comment-dots"></i>
                    </div>
                    <div class="pinned_text">
                        <div>
                            <h6>{{ translate('Total Pending SMS')}}</h6>
                            <p>{{$smslog['pending']}}</p>
                        </div>
                    </div>
                </a> --}}

{{-- <a href="{{route('user.sms.delivered')}}" class="single_pinned_project shadow">
                    <div class="pinned_icon">
                        <i class="las la-comment-alt"></i>
                    </div>
                    <div class="pinned_text">
                        <div>
                            <h6>{{ translate('Total Delivered SMS')}}</h6>
                            <p>{{$smslog['success']}}</p>
                        </div>
                    </div>
                </a> --}}

{{-- <a href="{{route('user.sms.failed')}}" class="single_pinned_project shadow">
                    <div class="pinned_icon">
                        <i class="las la-comment-dots"></i>
                    </div>
                    <div class="pinned_text">
                        <div>
                            <h6>{{ translate('Total Failed SMS')}}</h6>
                            <p>{{$smslog['fail']}}</p>
                        </div>
                    </div>
                </a> --}}

{{-- <a href="{{route('user.manage.email.index')}}" class="single_pinned_project shadow">
                    <div class="pinned_icon">
                        <i class="las la-envelope"></i>
                    </div>
                    <div class="pinned_text">
                        <div>
                            <h6>{{ translate('Total Email')}}</h6>
                            <p>{{$emailLog['all']}}</p>
                        </div>
                    </div>
                </a> --}}

{{-- <a href="{{route('user.manage.email.pending')}}" class="single_pinned_project shadow">
                    <div class="pinned_icon">
                        <i class="las la-envelope-open"></i>
                    </div>
                    <div class="pinned_text">
                        <div>
                            <h6>{{ translate('Total Pending Email')}}</h6>
                            <p>{{$emailLog['pending']}}</p>
                        </div>
                    </div>
                </a> --}}

{{-- <a href="{{route('user.manage.email.delivered')}}" class="single_pinned_project shadow">
                    <div class="pinned_icon">
                       <i class="las la-envelope-square"></i>
                    </div>
                    <div class="pinned_text">
                        <div>
                            <h6>{{ translate('Total Delivered Email')}}</h6>
                            <p>{{$emailLog['success']}}</p>
                        </div>
                    </div>
                </a> --}}

{{-- <a href="{{route('user.manage.email.failed')}}" class="single_pinned_project shadow">
                    <div class="pinned_icon">
                        <i class="las la-envelope-square"></i>
                    </div>
                    <div class="pinned_text">
                        <div>
                            <h6>{{ translate('Total Failed Email')}}</h6>
                            <p>{{$emailLog['fail']}}</p>
                        </div>
                    </div>
                </a> --}}

{{-- <a href="{{route('user.whatsapp.index')}}" class="single_pinned_project shadow">
                    <div class="pinned_icon">
                        <i class="lab la-whatsapp"></i>
                    </div>
                    <div class="pinned_text">
                        <div>
                            <h6>{{ translate('Total WhatsApp Message')}}</h6>
                            <p>{{$whatsappLog['all']}}</p>
                        </div>
                    </div>
                </a> --}}

{{-- <a href="{{route('user.whatsapp.pending')}}" class="single_pinned_project shadow">
                    <div class="pinned_icon">
                        <i class="lab la-whatsapp"></i>
                    </div>
                    <div class="pinned_text">
                        <div>
                            <h6>{{ translate('Total Pending WhatsApp Message')}}</h6>
                            <p>{{$whatsappLog['pending']}}</p>
                        </div>
                    </div>
                </a> --}}

{{-- <a href="{{route('user.whatsapp.delivered')}}" class="single_pinned_project shadow">
                    <div class="pinned_icon">
                        <i class="lab la-whatsapp"></i>
                    </div>
                    <div class="pinned_text">
                        <div>
                            <h6>{{ translate('Total Delivered WhatsApp Message')}}</h6>
                            <p>{{$whatsappLog['success']}}</p>
                        </div>
                    </div>
                </a> --}}

{{-- <a href="{{route('user.whatsapp.failed')}}" class="single_pinned_project shadow">
                    <div class="pinned_icon">
                        <i class="lab la-whatsapp"></i>
                    </div>
                    <div class="pinned_text">
                        <div>
                            <h6>{{ translate('Total Failed WhatsApp')}}</h6>
                            <p>{{$whatsappLog['fail']}}</p>
                        </div>
                    </div>
                </a> --}}
            </div>
        </div>
</section>

<section class="mt-3">
    <div class="rounded_box">
        <div class="row">
            <div class="col-12 col-lg-12 col-xl-6 p-1">
                 <h6 class="header-title">{{ translate('Latest Credit Log')}}</h6>
                <div class="responsive-table">
                    <table class="m-0 text-center table--light">
                        <thead>
                            <tr>
                                <th>{{ translate('Date')}}</th>
                                <th>{{ translate('Trx Number')}}</th>
                                <th>{{ translate('Credit')}}</th>
                                <th>{{ translate('Post Credit')}}</th>
                            </tr>
                        </thead>
                        @forelse($credits as $creditdata)
                            <tr class="@if($loop->even)@endif">
                                <td data-label="{{ translate('Date')}}">
                                    <span>{{diffForHumans($creditdata->created_at)}}</span><br>
                                    {{getDateTime($creditdata->created_at)}}
                                </td>

<td data-label="{{ translate('Trx Number')}}">
                                    {{$creditdata->trx_number}}
                                </td>

<td data-label="{{ translate('Credit')}}">
                                    <span class="@if($creditdata->credit_type == '+')text--success @else text--danger @endif">{{ $creditdata->credit_type }} {{shortAmount($creditdata->credit)}}
                                    </span>{{ translate('Credit')}}
                                </td>

<td data-label="{{ translate('Post Credit')}}">
                                    {{$creditdata->post_credit}} {{ translate('Credit')}}
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td class="text-muted text-center" colspan="100%">{{ translate('No Data Found')}}</td>
                            </tr>
                        @endforelse
                    </table>
                </div>
            </div>
            <div class="col-12 col-lg-12 col-xl-6 p-1">
                <h6 class="header-title">{{ translate('Latest Transactions Log')}}</h6>
                <div class="responsive-table">
                    <table class="m-0 text-center table--light">
                        <thead>
                            <tr>
                                <th>{{ translate('Date')}}</th>
                                <th>{{ translate('Trx Number')}}</th>
                                <th>{{ translate('Amount')}}</th>
                                <th>{{ translate('Detail')}}</th>
                            </tr>
                        </thead>
                        @forelse($transactions as $transaction)
                            <tr class="@if($loop->even)@endif">
                                <td data-label="{{ translate('Date')}}">
                                    <span>{{diffForHumans($transaction->created_at)}}</span><br>
                                    {{getDateTime($transaction->created_at)}}
                                </td>

<td data-label="{{ translate('Trx Number')}}">
                                    {{$transaction->transaction_number}}
                                </td>

<td data-label="{{ translate('Amount')}}">
                                    <span class="@if($transaction->transaction_type == '+')text--success @else text--danger @endif">{{ $transaction->transaction_type }} {{shortAmount($transaction->amount)}} {{$general->currency_name}}
                                    </span>
                                </td>

<td data-label="{{ translate('Details')}}">
                                    {{$transaction->details}}
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td class="text-muted text-center" colspan="100%">{{ translate('No Data Found')}}</td>
                            </tr>
                        @endforelse
                    </table>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="mt-3">
    <div class="rounded_box">
        <div class="row">
            <div class="col-12 col-lg-12 p-1">
                <div class="rounded_box">
                    <h6 class="header-title">{{ translate('All sms report')}}</h6>
                    <canvas id="earning"></canvas>
                </div>
            </div>
        </div>
    </div>
</section>
@endsection

@push('scriptpush')
<script>
    "use strict";
    let earning = document.getElementById('earning').getContext('2d');
    const myChart2 = new Chart(earning, {
        type: 'bar',
        data: {
            labels: [@php echo "'".implode("', '", $smsReport['month']->toArray())."'" @endphp],
            datasets: [{
                label: '# {{ translate('Total SMS Send')}}',
                barThickness: 10,
                minBarLength: 2,
                data: [{{implode(",",$smsReport['month_sms']->toArray())}}],
                backgroundColor: [
                    'rgba(255, 99, 132)',
                    'rgba(54, 162, 235)',
                    'rgba(255, 206, 86)',
                    'rgba(75, 192, 192)',
                    'rgba(153, 102, 255)',
                    'rgba(255, 159, 64)',
                    'rgba(255, 99, 132)',
                    'rgba(54, 162, 235)',
                    'rgba(255, 206, 86)',
                    'rgba(75, 192, 192)',
                    'rgba(153, 102, 255)',
                    'rgba(255, 159, 64)',
                    'rgba(255, 99, 132)',
                    'rgba(54, 162, 235)',
                    'rgba(255, 206, 86)',
                    'rgba(75, 192, 192)',
                    'rgba(153, 102, 255)',
                    'rgba(255, 159, 64)',
                    'rgba(255, 99, 132)',
                    'rgba(54, 162, 235)',
                    'rgba(255, 206, 86)',
                    'rgba(75, 192, 192)',
                    'rgba(153, 102, 255)',
                    'rgba(255, 159, 64)'
                ]
            }]
        },
        options: {
            responsive: true,
    }
});
</script>
@endpush