File manager

File manager - Edit - /home/autoph/public_html/projects/tickets-autohub/storage/framework/views/adfa11e291e08093eb7d24f698daba8ce8ff20a2.php

Back
<?php $__env->startSection('css'); ?> <style> .chart-container canvas{ height:100% !important; width:100% !important; transition: width 0.3s, height 0.3s; } </style> <?php $__env->stopSection(); ?> <?php $__env->startSection('content'); ?> <div class="card bg-transparent border-1"> <div class="row p-3 mb-n3"> <div class="col-md-12"> <div class="d-flex justify-content-end align-items-center"> <button class="btn btn-primary float-right" data-bs-toggle="modal" data-bs-target="#dashboard_filter"> <span class="fa fa-filter"></span> </button> </div> <hr> </div> </div> <div class="row"> <?php if (app(\Illuminate\Contracts\Auth\Access\Gate::class)->check('admin-ticket-dashboard')): ?> <div class="row pt-2 pl-4 pb-2 pr-0"> <div class="col-md-12 ticket-cards"> <div class="row mb-3"> <center><h4 style="align-self: center">Ticket Dashboard</h4></center> </div> <div class="row border-1"> <div class="col-md"> <div class="card p-1 pl-2" style="background-color: #CFE0EB"> <i class="fa fa-ticket mt-3 mr-3" aria-hidden="true" style="position: absolute; top: 0; right: 0; font-size: 48px;"></i> <strong> <p style="font-size: 48px;color:black" id="total_count"> <div class="spinner mb-3 text-black" role="status"> <i class="fa fa-cog fa-spin mb-3" style="font-size: 48px;"></i> </div> </p> </strong> <p style="line-height: 10px"> </p> <div class="mt-n5" style="font-size: 18px;color:black"> Total Tickets </div> </div> </div> <div class="col-md"> <div class="card p-1 pl-2" style="background-color: #C0D4E1"> <i class="fa fa-envelope-open mt-3 mr-3" aria-hidden="true" style="position: absolute; top: 0; right: 0; font-size: 48px;"></i> <strong> <p style="font-size: 48px;color:black" id="totalOpenTicketCount"> <div class="spinner mb-3 text-black" role="status"> <i class="fa fa-cog fa-spin mb-3" style="font-size: 48px;"></i> </div> </p> </strong> <p style="line-height: 10px"> </p> <div class="mt-n5" style="font-size: 18px;color:black"> Open Tickets </div> </div> </div> <div class="col-md"> <div class="card p-1 pl-2" style="background-color: #A6C3E4"> <i class="fa fa-handshake-o mt-3 mr-3" aria-hidden="true" style="position: absolute; top: 0; right: 0; font-size: 48px;"></i> <strong> <p style="font-size: 48px;color:black" id="totalTransferredTicketCount"> <div class="spinner mb-3 text-black" role="status"> <i class="fa fa-cog fa-spin mb-3" style="font-size: 48px;"></i> </div> </p> </strong> <p style="line-height: 10px"> </p> <div class="mt-n5" style="font-size: 18px;color:black"> Transferred Tickets </div> </div> </div> </div> <div class="row mt-3 border-1"> <div class="col-md"> <div class="card p-1 pl-2" style="background-color: #93B9DD"> <i class="fa fa-hand-pointer-o mt-3 mr-3" aria-hidden="true" style="position: absolute; top: 0; right: 0; font-size: 48px;"></i> <strong> <p style="font-size: 48px;color:black" id="totalAssignedTicketCount"> <div class="spinner mb-3 text-black" role="status"> <i class="fa fa-cog fa-spin mb-3" style="font-size: 48px;"></i> </div> </p> </strong> <p style="line-height: 10px"> </p> <div class="mt-n5" style="font-size: 18px;color:black"> Assigned Tickets </div> </div> </div> <div class="col-md"> <div class="card p-1 pl-2" style="background-color: #8BADD3"> <i class="fa fa-hand-rock-o mt-3 mr-3" aria-hidden="true" style="position: absolute; top: 0; right: 0; font-size: 48px;"></i> <strong> <p style="font-size: 48px;color:black" id="totalPickedTicketCount"> <div class="spinner mb-3 text-black" role="status"> <i class="fa fa-cog fa-spin mb-3" style="font-size: 48px;"></i> </div> </p> </strong> <p style="line-height: 10px"> </p> <div class="mt-n5" style="font-size: 18px;color:black"> Picked Tickets </div> </div> </div> <div class="col-md"> <div class="card p-1 pl-2" style="background-color: #78A3D4"> <i class="fa fa-envelope mt-3 mr-3" aria-hidden="true" style="position: absolute; top: 0; right: 0; font-size: 48px;"></i> <strong> <p style="font-size: 48px;color:black" id="totalClosedTicketCount"> <div class="spinner mb-3 text-black" role="status"> <i class="fa fa-cog fa-spin mb-3" style="font-size: 48px;"></i> </div> </p> </strong> <p style="line-height: 10px"> </p> <div class="mt-n5" style="font-size: 18px;color:black"> Closed Tickets </div> </div> </div> </div> <div class="row mt-3 border-1"> <div class="col-md-8"> <div class="card"> <button class="btn btn-primary align-self-end float-end mt-2 mr-2" data-bs-toggle="modal" data-bs-target="#dashboard_filter2"> <span class="fa fa-filter"></span> </button> <div class="card-body"> <div class="row mt-1 border-1"> <div class="card p-3"> <center><strong><h6 >SENDER SUMMARY BY COMPANY</h6></strong></center> <div class="chart-container" style="width: 100%; max-width:100%"> <canvas id="requestPerCompanyChart"height="80"></canvas> </div> </div> </div> <div class="row mt-2 border-1"> <div class="card p-3"> <center><strong><h6 >ACTIVE TICKET BY STATUS</h6></strong></center> <div class="chart-container" style="width: 100%; max-width:100%"> <canvas id="ticketStatusPerCompanyChart"height="80"></canvas> </div> </div> </div> <div class="row mt-2 border-1"> <div class="card p-3"> <center><strong><h6 >SUMMARY OF CREATED TICKET BY MONTH</h6></strong></center> <div class="form-group" style="display: flex; justify-content: flex-end;"> <select class="form-select" id="select-year" style="width:100px;float-right;"> <?php $currentYear = date('Y'); for($i=2023; $i<= $currentYear; $i++) { $selected = ($i == $currentYear ? 'selected' : ''); echo'<option value='.$i.' class="form-control" '.$selected.'>'.$i.'</option>'; } ?> </select> </div> <div class="chart-container" style="width: 100%; max-width:100%"> <canvas id="ticketChartCountByMonthChart"height="80"></canvas> </div> </div> </div> </div> </div> </div> <div class="col-md-4"> <div class="card p-1 pl-2" > <div class="row"> <div class="col-sm-8"> <div class="" style="font-weight:bolder; font-size: 21px;margin-top:17.5%;color:black"> <center>Support Personnel</center> </div> </div> <div class="col-sm-4"> <strong> <p class="mt-2 mr-3" style="text-align:right;font-size: 48px;color:black"><?php echo e($supportCount); ?></p> </strong> </div> </div> </div> <div class="card p-2 mt-3"> <div class="card-header bg-body"> <center><h6 style="font-weight: bolder">Top Support <br> <?php echo e($department->dept_name); ?> </h6></center> </div> <div id="list-support"></div> </div> <div class="card mt-3 pt-2 pb-2"> <center><strong><h6 >SLA COMPLIANCE</h6></strong></center> <div style="width: 80%; margin: 0 auto;"> <canvas id="slaStatusChart" height="350"></canvas> </div> </div> </div> </div> </div> </div> <?php endif; ?> <?php if (app(\Illuminate\Contracts\Auth\Access\Gate::class)->check('carplus-dashboard')): ?> <div class="row pt-2 pl-4 pb-2 pr-0"> <div class="col-md-12 carplus-cards"> <div class="row mt-2"> <center><h4>Carplus Dashboard</h4></center> </div> <hr> <div class="row mt-2 border-1"> <div class="col-md"> <div class="card p-1 pl-2" style="background-color: #CFE0EB;"> <i class="fa fa-users mt-3 mr-3" aria-hidden="true" style="position: absolute; top: 0; right: 0; font-size: 48px;"></i> <strong> <p style="font-size: 48px;color:black" id="carplusTicketTotal"> <div class="spinner mb-3 text-black" role="status"> <i class="fa fa-cog fa-spin mb-3" style="font-size: 48px;"></i> </div> </p> </strong> <p style="line-height: 10px"> </p> <div class="mt-n5" style="font-size: 18px;color:black"> Total Carplus Ticket </div> </div> </div> <div class="col-md"> <div class="card p-1 pl-2" style="background-color: #C0D4E1"> <i class="fa fa-ticket mt-3 mr-3" aria-hidden="true" style="position: absolute; top: 0; right: 0; font-size: 48px;"></i> <strong> <p style="font-size: 48px;color:black" id="carplusTicketOpen"> <div class="spinner mb-3 text-black" role="status"> <i class="fa fa-cog fa-spin mb-3" style="font-size: 48px;"></i> </div> </p> </strong> <p style="line-height: 10px"> </p> <div class="mt-n5" style="font-size: 18px;color:black"> Open Tickets </div> </div> </div> <div class="col-md"> <div class="card p-1 pl-2" style="background-color: #A6C3E4"> <i class="fa fa-envelope-open mt-3 mr-3" aria-hidden="true" style="position: absolute; top: 0; right: 0; font-size: 48px;"></i> <strong> <p style="font-size: 48px;color:black" id="carplusTicketClosed"> <div class="spinner mb-3 text-black" role="status"> <i class="fa fa-cog fa-spin mb-3" style="font-size: 48px;"></i> </div> </p> </strong> <p style="line-height: 10px"> </p> <div class="mt-n5" style="font-size: 18px;color:black"> Closed Tickets </div> </div> </div> </div> <div class="row mt-2 border-1"> <div class="col-md-12"> <div class="card"> <center><strong><h6 class="mt-2">SENDER SUMMARY BY COMPANY</h6></strong></center> <div class="col-md-12"> <div class="chart-container" style="width: 100%; max-width:100%"> <canvas id="requestPerCompany" height="80"></canvas> </div> </div> </div> </div> </div> <div class="row mt-2 border-1"> <div class="col-md-12"> <div class="card"> <center><strong><h6 class="mt-2">SUMMARY OF CREATED TICKET BY MONTH</h6></strong></center> <div class="col-md-12"> <div class="chart-container" style="width: 100%; max-width:100%"> <canvas id="ticketCountByMonthChart"height="80"></canvas> </div> </div> </div> </div> </div> <div class="row mt-2 border-1"> <div class="col-md-12"> <div class="card"> <center><strong><h6 class="mt-2">ACTIVE TICKET BY STATUS</h6></strong></center> <div class="col-md-12"> <div class="chart-container" style="width: 100%; max-width:100%"> <canvas id="ticketStatusByCompanyChart"height="80"></canvas> </div> </div> </div> </div> </div> </div> </div> <?php endif; ?> </div> </div> <div class="modal fade" id="dashboard_filter" tabindex="-1" aria-labelledby="dashboardFilterLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title">Filter Data</h5> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body"> <div class="form-group"> <input type="radio" name="date-range" id="last7days" value="last7days"> <label for="last7days" class="form-label">Last 7 days</label> </div> <div class="form-group"> <input type="radio" name="date-range" id="last14days" value="last14days"> <label for="last14days" class="form-label">Last 14 days</label> </div> <div class="form-group"> <input type="radio" name="date-range" id="last30days" value="last30days"> <label for="last30days" class="form-label">Last 30 days</label> </div> <div class="form-group"> <input type="radio" name="date-range" id="custom" value="custom"> <label for="custom" class="form-label">Custom Date Range</label> </div> <div class="custom-date" hidden> <div class="form-group"> <label for="" class="form-label">Date From:</label> <input class="form-control" type="date" name="from_date" id="from_date"> </div> <div class="form-group"> <label for="" class="form-label">Date To:</label> <input class="form-control" type="date" name="to_date" id="to_date"> </div> </div> <button class="btn btn-primary" id="filter_send">Submit</button> </div> </div> </div> </div> <div class="modal fade" id="dashboard_filter2" tabindex="-1" aria-labelledby="dashboardFilterLabel" aria-hidden="true" > <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title">Filter Data</h5> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body"> <div class="form-group"> <input type="radio" name="date-range2" id="last7days2" value="last7days2"> <label for="last7days" class="form-label">Last 7 days</label> </div> <div class="form-group"> <input type="radio" name="date-range2" id="last14days2" value="last14days2"> <label for="last14days" class="form-label">Last 14 days</label> </div> <div class="form-group"> <input type="radio" name="date-range2" id="last30days2" value="last30days2"> <label for="last30days" class="form-label">Last 30 days</label> </div> <div class="form-group"> <input type="radio" name="date-range2" id="custom2" value="custom2"> <label for="custom" class="form-label">Custom Date Range</label> </div> <div class="custom-date2" hidden> <div class="form-group"> <label for="" class="form-label">Date From:</label> <input class="form-control" type="date" name="from_date2" id="from_date2"> </div> <div class="form-group"> <label for="" class="form-label">Date To:</label> <input class="form-control" type="date" name="to_date2" id="to_date2"> </div> </div> <button class="btn btn-primary" id="filter_send2">Submit</button> </div> </div> </div> </div> <div class="modal fade" id="dashboard_filter2" tabindex="-1" aria-labelledby="dashboardFilterLabel" aria-hidden="true" > <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title">Filter Datasss</h5> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body"> <div class="form-group"> <input type="radio" name="date-range2" id="last7days2" value="last7days2"> <label for="last7days" class="form-label">Last 7 days</label> </div> <div class="form-group"> <input type="radio" name="date-range2" id="last14days2" value="last14days2"> <label for="last14days" class="form-label">Last 14 days</label> </div> <div class="form-group"> <input type="radio" name="date-range2" id="last30days2" value="last30days2"> <label for="last30days" class="form-label">Last 30 days</label> </div> <div class="form-group"> <input type="radio" name="date-range2" id="custom2" value="custom2"> <label for="custom" class="form-label">Custom Date Range</label> </div> <div class="custom-date2" hidden> <div class="form-group"> <label for="" class="form-label">Date From:</label> <input class="form-control" type="date" name="from_date2" id="from_date2"> </div> <div class="form-group"> <label for="" class="form-label">Date To:</label> <input class="form-control" type="date" name="to_date2" id="to_date2"> </div> </div> <button class="btn btn-primary" id="filter_send2">Submit</button> </div> </div> </div> </div> <?php $__env->stopSection(); ?> <?php $__env->startSection('javascript'); ?> <script src="<?php echo e(asset('js/authentication/dashboard.js')); ?>"></script> <?php $__env->stopSection(); ?> <?php echo $__env->make('layouts.user', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /PATH C:\laragon\www\autohub-ticketing\resources\views/layouts/authentication/guest/index.blade.php ENDPATH/ ?>

| ver. 1.4 | . | PHP 8.1.32 | Generation time: 0 | proxy | phpinfo | Settings