PATH:
home
/
rwabteecom
/
project_11
/
resources
/
views
/
dashboard
/
pages
/
Editing: analytics.blade.php
@extends('dashboard.layouts.app') @section('css') <link rel="stylesheet" href="{{ asset('dashboard/css/flatpickr.min.css') }}" /> @endsection @section('body') <div class="analytics pt-4"> <div class="container text-center col-12 col-lg-10 col-xl-8 mx-auto"> <div class="row row-cols-1 row-cols-md-3"> <div class="col p-2"> <div class="d-flex align-items-center p-4 totalViews analytic-box"> <div class="analytic-box-icon me-3"> <svg width="33" height="33" viewBox="0 0 33 33" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M16.5 20.4351C18.7091 20.4351 20.5 18.6442 20.5 16.4351C20.5 14.2259 18.7091 12.4351 16.5 12.4351C14.2909 12.4351 12.5 14.2259 12.5 16.4351C12.5 18.6442 14.2909 20.4351 16.5 20.4351Z" fill="#16DBCC" /> <path d="M31.4396 16.0951C30.2634 13.0527 28.2216 10.4217 25.5664 8.52714C22.9112 6.63261 19.7591 5.55763 16.4996 5.43506C13.2401 5.55763 10.088 6.63261 7.43278 8.52714C4.77759 10.4217 2.73574 13.0527 1.55957 16.0951C1.48014 16.3148 1.48014 16.5554 1.55957 16.7751C2.73574 19.8174 4.77759 22.4484 7.43278 24.343C10.088 26.2375 13.2401 27.3125 16.4996 27.4351C19.7591 27.3125 22.9112 26.2375 25.5664 24.343C28.2216 22.4484 30.2634 19.8174 31.4396 16.7751C31.519 16.5554 31.519 16.3148 31.4396 16.0951ZM16.4996 22.9351C15.214 22.9351 13.9573 22.5538 12.8884 21.8396C11.8194 21.1254 10.9863 20.1102 10.4944 18.9225C10.0024 17.7348 9.87367 16.4278 10.1245 15.167C10.3753 13.9061 10.9943 12.7479 11.9034 11.8389C12.8124 10.9298 13.9706 10.3108 15.2315 10.06C16.4924 9.80915 17.7993 9.93787 18.987 10.4298C20.1747 10.9218 21.1899 11.7549 21.9041 12.8239C22.6184 13.8928 22.9996 15.1495 22.9996 16.4351C22.9969 18.1582 22.3113 19.8099 21.0928 21.0283C19.8744 22.2467 18.2227 22.9324 16.4996 22.9351Z" fill="#16DBCC" /> </svg> </div> <div class="text-start"> <p class="mb-2">{{ __('Total Views') }}</p> <h5 class="mb-0">{{ $all_view }}</h5> </div> </div> </div> <div class="col p-2"> <div class="d-flex align-items-center p-4 totalClicks analytic-box"> <div class="analytic-box-icon me-3"> <svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3.5 12.4351H6.5M12.5 3.43506V6.43506M8.3 8.23506L6.1 6.03506M16.7 8.23506L18.9 6.03506M8.3 16.6351L6.1 18.8351M12.5 12.4351L21.5 15.4351L17.5 17.4351L15.5 21.4351L12.5 12.4351Z" stroke="#E0447C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /> </svg> </div> <div class="text-start"> <p class="mb-2">{{ __('Total Clicks') }}</p> <h5 class="mb-0">{{ $all_click }}</h5> </div> </div> </div> <div class="col p-2"> <div class="d-flex align-items-center p-4 CrtBox analytic-box"> <div class="analytic-box-icon me-3"> <svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_317_1110)"> <path d="M20.2759 4.36848L16.526 0.618598C16.3472 0.439853 16.0785 0.386105 15.8448 0.483602C15.611 0.581099 15.4585 0.807342 15.4585 1.05983V2.93478H7.33377C3.53639 2.93478 0.458984 6.01218 0.458984 9.80956C0.458984 10.1545 0.738976 10.4345 1.08396 10.4345H3.58389C3.92888 10.4345 4.20887 10.1545 4.20887 9.80956C4.20887 8.08336 5.60757 6.68466 7.33377 6.68466H15.4585V8.5596C15.4585 8.81209 15.611 9.04083 15.8448 9.13708C16.0785 9.23458 16.3472 9.18083 16.526 9.00209L20.2759 5.2522C20.5196 5.00846 20.5196 4.61222 20.2759 4.36848Z" fill="#396AFF" /> <path d="M19.8327 10.4346H17.3328C16.9878 10.4346 16.7078 10.7146 16.7078 11.0596C16.7078 12.7858 15.3091 14.1845 13.5829 14.1845H5.45816V12.3095C5.45816 12.057 5.30567 11.8283 5.07193 11.732C4.83818 11.6358 4.57069 11.6895 4.3907 11.8683L0.640815 15.6182C0.397072 15.8619 0.397072 16.2582 0.640815 16.5019L4.3907 20.2518C4.56944 20.4305 4.83818 20.4843 5.07193 20.3868C5.30567 20.2893 5.45816 20.0618 5.45816 19.8093V17.9344H13.5829C17.3803 17.9344 20.4577 14.8569 20.4577 11.0596C20.4577 10.7146 20.1777 10.4346 19.8327 10.4346Z" fill="#396AFF" /> </g> <defs> <clipPath id="clip0_317_1110"> <rect width="20" height="20" fill="white" transform="translate(0.458008 0.435059)" /> </clipPath> </defs> </svg> </div> <div class="text-start"> <p class="mb-2">CTR</p> <h5 class="mb-0">+{{getCTR($all_click , $all_view)}}%</h5> </div> </div> </div> </div> <div class="datepicker-con my-4"> <input type="text" name="analytics-range" class="datepicker w-100 text-center"> <form action="{{route('dashboard.analytics.index')}}" method="GET" id="date-form"> <input name="from" hidden> <input name="to" hidden> </form> </div> <div class="analytic-tabs"> <ul class="nav nav-tabs nav-fill mb-3" role="tablist"> <li class="nav-item" role="presentation"> <a data-mdb-tab-init class="nav-link active" href="#overview-tab" role="tab" aria-controls="overview-tab" aria-selected="true">{{ __('OVERVIEW') }}</a> </li> <li class="nav-item" role="presentation"> <a data-mdb-tab-init class="nav-link" href="#Links-tab" role="tab" aria-controls="Links-tab" aria-selected="false">{{ __('LINKS') }}</a> </li> <li class="nav-item" role="presentation"> <a data-mdb-tab-init class="nav-link" href="#social-tab" role="tab" aria-controls="social-tab" aria-selected="false">{{ __('SOCIALS') }}</a> </li> </ul> <!-- Tabs navs --> <!-- Tabs content --> <div class="tab-content"> <div class="tab-pane fade show active" id="overview-tab" role="tabpanel"> <div class="analytic-con p-md-4 py-4 text-center my-4"> <canvas id="ViewsClicksChart" class="m-0 w-100"></canvas> <div class="d-flex align-items-center flex-wrap justify-content-center mt-4 chart-total"> <p class="mb-2 me-4 pink-color">{{ __('Total Clicks') }}: {{ $all_click }}</p> <p class="mb-2">{{ __('Total Views') }}: {{$all_view}} (CTR {{getCTR($all_click , $all_view)}}%)</p> </div> </div> <div class="analytic-con text-center my-4 analytic-table-con"> <h5 class="table-title p-4 mb-0">{{ __('TOP 5 Most Clicked Links') }}</h5> @if ($links->count() == 0) <p class="text-center my-4 pb-4"> {{__("No Data found!")}} <p> @else <div class="table-responsive pb-3"> <table class="table text-start mb-0"> <thead> <tr> <th></th> <th>{{ __('Link') }}</th> <th>{{ __('Clicks') }}</th> <th>{{ __('CTR') }}</th> <th>{{ __('Stats') }}</th> </tr> </thead> <tbody> @foreach ($links->take(5) as $key => $link) <tr> <td> <div class="link-rank"> {{ $key+1 }} </div> </td> <td> <a target="_blank" href="{{$link->before_link.$link->link}}" class="link-url"> {{$link->title}} </a> </td> <td> {{$link->analytics_count}} </td> <td> {{ getCTR($link->analytics_count , $all_view) }}% </td> <td><a href="{{ route('dashboard.analytics.statistic',$link->id) }}" class="show-link-status">{{ __('Show stats') }}</a></td> </tr> @endforeach </tbody> </table> </div> @endif </div> <div class="analytic-con text-center my-4 analytic-table-con"> <h5 class="table-title p-4 mb-0">{{ __('TOP 5 Most Clicked Icons') }}</h5> @if ($socials->count() == 0) <p class="text-center my-4 pb-4"> {{__("No Data found!")}} <p> @else <div class="table-responsive pb-3"> <table class="table text-start mb-0"> <thead> <tr> <th></th> <th>{{ __('Link') }}</th> <th>{{ __('Clicks') }}</th> <th>{{ __('CTR') }}</th> <th>{{ __('Stats') }}</th> </tr> </thead> <tbody> @foreach ($socials->take(5) as $key => $link) <tr> <td> <div class="link-rank"> {{ $key+1 }} </div> </td> <td> <a target="_blank" href="{{$link->link}}" class="link-url"><i class="bi bi-0-{{$link->socialLink->icon}}"></i> </a> </td> <td> {{$link->analytics_count}} </td> <td> {{ getCTR($link->analytics_count , $all_view) }}% </td> <td><a href="{{ route('dashboard.analytics.statistic-social',$link->id) }}" class="show-link-status">{{ __('Show stats') }}</a></td> </tr> @endforeach </tbody> </table> </div> @endif </div> </div> <div class="tab-pane fade" id="Links-tab" role="tabpanel"> <div class="analytic-con p-4 text-center my-4"> @if ($links->count() == 0) <p class="text-center"> {{__("No Data found!")}} <p> @endif <canvas id="linksChart" class="m-0 w-100"></canvas> </div> @if ($links->count() > 0) <div class="analytic-con text-center my-4 analytic-table-con pt-3"> <div class="table-responsive pb-3"> <table class="table text-start mb-0"> <thead> <tr> <th></th> <th>{{ __('Link') }}</th> <th>{{ __('Clicks') }}</th> <th>{{ __('CTR') }}</th> <th>{{ __('Stats') }}</th> </tr> </thead> <tbody> @foreach ($links->take(5) as $key => $link) <tr> <td> <div class="link-rank"> {{ $key+1 }} </div> </td> <td> <a target="_blank" href="{{$link->before_link.$link->link}}" class="link-url"> {{$link->title}} </a> </td> <td> {{$link->analytics_count}} </td> <td> {{ getCTR($link->analytics_count , $all_view) }}% </td> <td><a href="{{ route('dashboard.analytics.statistic',$link->id) }}" class="show-link-status">{{ __('Show stats') }}</a></td> </tr> @endforeach </tbody> </table> </div> </div> @endif </div> <div class="tab-pane fade" id="social-tab" role="tabpanel"> <div class="analytic-con p-4 text-center my-4"> @if ($socials->count() == 0) <p class="text-center"> {{__("No Data found!")}} <p> @endif <canvas id="socialLinks" class="m-0 w-100"></canvas> </div> @if ($socials->count() > 0) <div class="analytic-con text-center my-4 analytic-table-con pt-3"> <div class="table-responsive pb-3"> <table class="table text-start mb-0"> <thead> <tr> <th></th> <th>{{ __('Link') }}</th> <th>{{ __('Clicks') }}</th> <th>{{ __('CTR') }}</th> <th>{{ __('Stats') }}</th> </tr> </thead> <tbody> @foreach ($socials->take(5) as $key => $link) <tr> <td> <div class="link-rank"> {{ $key+1 }} </div> </td> <td> <a target="_blank" href="{{$link->socialLink->title}}" class="link-url"><i class="bi bi-0-{{$link->socialLink->icon}}"></i> </a> </td> <td> {{$link->analytics_count}} </td> <td> {{ getCTR($link->analytics_count , $all_view) }}% </td> <td><a href="{{ route('dashboard.analytics.statistic-social',$link->id) }}" class="show-link-status">{{ __('Show stats') }}</a></td> </tr> @endforeach </tbody> </table> </div> </div> @endif </div> </div> <!-- Tabs content --> </div> </div> </div> @endsection @section('js') <script src="{{ asset('dashboard/js/flatpickr.js') }}"></script> <script src="{{ asset('dashboard/js/chart.js') }}"></script> @include('dashboard.partials.analytics') <script src="{{ asset('dashboard/js/analytics.js') }}"></script> @endsection
SAVE
CANCEL