File manager - Edit - /home/autoph/public_html/projects/Rating-AutoHub/resources/views/index.blade.php
Back
@extends('layouts.layout') @section('css') <link href="{{ asset('css/select2.min.css') }}" rel="stylesheet"> <link href="{{ asset('css/select2.modified.css') }}" rel="stylesheet"> <link href="{{ asset('css/dashboard.css') }}" rel="stylesheet"> <style> .devices{ font-size: 2rem; } #myChart{ height: 235px !important; } #q_card{ background-color: #AAC8A7; } #t_card{ background-color:#C3EDC0; } #s_card{ background-color:#E9FFC2; } #qst_card{ background-color:#A6BB8D; } .caret { position: absolute; top: 50%; right: 0; transform: translateY(-50%); transition: transform 0.3s; /* Optional: Add transition for smooth animation */ } </style> @endsection @section('content') <div class="row mt-2"> <div class="col-md-12 mt-1"> <div class="card p-3"> <div class="row"> <div class="col-md mb-1"> <div class="card dashboard-card p-2" id="q_card"> <strong> <p style="font-size: 48px;color:black">{{$questions}}</p> </strong> <p style="line-height: 10px"> </p> <div class="mt-n5" style="font-size: 20px;color:black"> Questions </div> <hr class="mt-1"> <center> <a href="{{url('questions')}}" style="color: black;"><span class="fa fa-info-circle" aria-hidden="true"></span> More info</a> </center> </div> </div> <div class="col-md"> <div class="card dashboard-card p-2" id="t_card"> <strong> <p style="font-size: 48px;color:black">{{$templates}}</p> </strong> <p style="line-height: 10px"> </p> <div class="mt-n5" style="font-size: 20px;color:black"> Templates </div> {{-- <center> --}} {{-- </center> --}} <hr class="mt-1"> <center> <a href="{{url('templates')}}" style="color: black;"><span class="fa fa-info-circle" aria-hidden="true"></span> More info</a> </center> </div> </div> <div class="col-md mb-1"> <div class="card dashboard-card p-2" id="s_card"> <strong> <p style="font-size: 48px;color:black">{{$systems}}</p> </strong> <p style="line-height: 10px"> </p> <div class="mt-n5" style="font-size: 20px;color:black"> Systems </div> <hr class="mt-1"> <center> <a href="{{url('systems')}}" style="color: black;"><span class="fa fa-info-circle" aria-hidden="true"></span> More info</a> </center> </div> </div> <div class="col-md"> <div class="card dashboard-card p-2" id="qst_card"> <strong> <p style="font-size: 48px;color:black">{{$qst}}</p> </strong> <p style="line-height: 10px"> </p> <div class="mt-n5" style="font-size: 20px;color:black"> Survey Forms </div> <hr class="mt-1"> <center> <a href="{{url('questionnaires')}}" style="color: black;"><span class="fa fa-info-circle" aria-hidden="true"></span> More info</a> </center> </div> </div> </div> </div> </div> </div> <div class="row mt-2"> <div class="col-md-12 mt-1"> <div class="card p-3"> <div class="row"> <div class="col-md-8 justify-content-start align-items-start text-left"> {{-- <h6>Select Template:</h6> --}} <select class="form-control form-select" name="templates_select" id="templates_select" style="width: 100%;"> </select> </div> <div class="col justify-content-end align-items-end text-right"> <div class="dropdown align-self-end"> <button class="btn btn-light dropdown-toggle date_filter" type="button" data-toggle="dropdown" aria-expanded="false"> <i class="fa fa-filter" aria-hidden="true"></i> </button> <ul class="dropdown-menu"> <li><a class="dropdown-item date-filter" href="#" data-value="weekly">Last Week</a></li> <li><a class="dropdown-item date-filter" href="#" data-value="monthly">Last Month</a></li> <li><a class="dropdown-item date-filter" href="#" data-value="yearly">Last Year</a></li> <li><a class="dropdown-item date-filter" href="#" data-value="custom">Custom Range</a></li> </ul> </div> </div> </div> <div class="row mt-1"> <div class="col-md-8"> <div class="card" style="height:300px"> <div class="row justify-content-center mt-2"> <div class="col text-center"> <h4><strong>TOP 5 HIGHEST RATED SYSTEMS PER TEMPLATE</strong></h4> {{-- <h6>Top 5 highest rated systems per template</h6> --}} </div> </div> <canvas id="myChart" width="35"></canvas> </div> </div> <div class="col-md-4"> <div class="card justify-content-center" style="height:300px;"> {{-- <div class="col"> --}} <div class="row justify-content-center mt-2"> <center><h6><strong>RESPONDENTS COUNT PER SYSTEM</strong></h6></center> {{-- <h6>Respondents Count per System</h6> --}} </div> <div class="card-body" style="text-align: center"> <canvas id="myChart2" width="15" height="6"></canvas> </div> {{-- </div> --}} </div> </div> </div> <div class="row mt-1"> <div class="col-md-12"> <div class="card" style="height:fit-content"> <div class="row justify-content-center mt-2"> <div class="col text-center"> <h4><strong>RESPONDENTS COUNTS PER COMPANY</strong></h4> {{-- <h6>Top 5 highest rated systems per template</h6> --}} </div> </div> <canvas id="myChart3" height="105"></canvas> </div> </div> </div> </div> </div> </div> <div class="modal fade" id="dateModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title fs-5" id="exampleModalLabel">Custom Date Range</h4> <button type="button" class="btn btn-close btn-danger" data-bs-dismiss="modal" aria-label="Close">X</button> </div> <div class="modal-body"> <div class="row"> <div class="col-md-6"> <input class="form-control" type="date" name="from_date" id="from_date"> </div> <div class="col-md-6"> <input class="form-control" type="date" name="to_date" id="to_date"> </div> </div> <div class="row mt-2"> <div class="col-md-12"> <button class="btn btn-primary mx-auto" id="submitBtnCustom">Submit</button> </div> </div> </div> {{-- <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button> <button type="button" class="btn btn-primary">Save changes</button> </div> --}} </div> </div> </div> {{-- <div class="row mt-2"> <div class="col-md-12 mt-1"> <div class="card p-3"> <div class="row"> <div class="col-md-8"> <div class="col"> <div class="card p-2" style="height:300px"> <center><h4><strong>DEVICES USED</strong></h4></center> <div class="row p-3"> <div class="col"> <div class="card"> <div class="card-body"> <center> <i class="fa fa-mobile devices" aria-hidden="true"></i></br> <hr> <p style="font-weight: bolder">{{$devices ? $devices->mobile : '0'}}</p> </center> </div> </div> </div> <div class="col"> <div class="card"> <div class="card-body"> <center> <i class="fa fa-laptop devices" aria-hidden="true"></i></br> <hr> <p style="font-weight: bolder">{{$devices ? $devices->pc : '0'}}</p> </center> </div> </div> </div> <div class="col"> <div class="card"> <div class="card-body"> <center> <i class="fa fa-tablet devices" aria-hidden="true"></i></br> <hr> <p style="font-weight: bolder">{{$devices ? $devices->tablet : '0'}}</p> </center> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> --}} {{-- <div class="form-control dshbrd" style="height:80px"> <div class="row"> <div class="col-md-3"> <h6>Start Date:</h6> <input class="form-control mt-1" type="date" name="start_date" id="start_date"> </div> <div class="col-md-3"> <h6>End Date:</h6> <input class="form-control mt-1" type="date" name="end_date" id="end_date"> </div> </div> </div> --}} @endsection @section('javascript') <script src="https://cdn.jsdelivr.net/npm/chart.js@4.2.1/dist/chart.umd.min.js"></script> <script src="{{asset('js/toastRWithTime.js')}}"></script> <script src="{{asset('js/auth/dashboard.js')}}"></script> <script src="{{asset('js/select2.min.js')}}"></script> @endsection
| ver. 1.4 |
.
| PHP 8.1.32 | Generation time: 0 |
proxy
|
phpinfo
|
Settings