130 lines
5.7 KiB
PHP
130 lines
5.7 KiB
PHP
@extends('layouts.admin_master')
|
|
|
|
@section('content')
|
|
|
|
<main>
|
|
<div class="container-fluid">
|
|
<h1 class="mt-4">Dashboard</h1>
|
|
<ol class="breadcrumb mb-4">
|
|
<li class="breadcrumb-item active">Dashboard</li>
|
|
</ol>
|
|
<div class="row">
|
|
<div class="col-xl-3 col-md-6">
|
|
<div class="card bg-primary text-white mb-4">
|
|
<div class="card-body">Stock</div>
|
|
<div class="card-footer d-flex align-items-center justify-content-between">
|
|
<a class="small text-white stretched-link" href="{{ route('all.product') }}">View Details</a>
|
|
<div class="small text-white"><i class="fas fa-angle-right"></i></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xl-3 col-md-6">
|
|
<div class="card bg-warning text-white mb-4">
|
|
<div class="card-body">Sold Products</div>
|
|
<div class="card-footer d-flex align-items-center justify-content-between">
|
|
<a class="small text-white stretched-link" href="{{ route('sold.products') }}">View Details</a>
|
|
<div class="small text-white"><i class="fas fa-angle-right"></i></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xl-3 col-md-6">
|
|
<div class="card bg-success text-white mb-4">
|
|
<div class="card-body">Available Products</div>
|
|
<div class="card-footer d-flex align-items-center justify-content-between">
|
|
<a class="small text-white stretched-link" href="{{ route('available.products') }}">View Details</a>
|
|
<div class="small text-white"><i class="fas fa-angle-right"></i></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xl-3 col-md-6">
|
|
<div class="card bg-danger text-white mb-4">
|
|
<div class="card-body">Pending Orders</div>
|
|
<div class="card-footer d-flex align-items-center justify-content-between">
|
|
<a class="small text-white stretched-link" href="{{ route('pending.orders') }}">View Details</a>
|
|
<div class="small text-white"><i class="fas fa-angle-right"></i></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-xl-6">
|
|
<div class="card mb-4">
|
|
<div class="card-header">
|
|
<i class="fas fa-chart-area mr-1"></i>
|
|
Area Chart Example
|
|
</div>
|
|
<div class="card-body"><canvas id="myAreaChart" width="100%" height="40"></canvas></div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xl-6">
|
|
<div class="card mb-4">
|
|
<div class="card-header">
|
|
<i class="fas fa-chart-bar mr-1"></i>
|
|
Bar Chart Example
|
|
</div>
|
|
<div class="card-body"><canvas id="myBarChart" width="100%" height="40"></canvas></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="card mb-4">
|
|
<div class="card-header">
|
|
<i class="fas fa-table mr-1"></i>
|
|
DataTable Example
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="table-responsive">
|
|
<table class="table table-bordered" id="dataTable" width="100%" cellspacing="0">
|
|
<thead>
|
|
<tr>
|
|
<th>Name</th>
|
|
<th>Position</th>
|
|
<th>Office</th>
|
|
<th>Age</th>
|
|
<th>Start date</th>
|
|
<th>Salary</th>
|
|
</tr>
|
|
</thead>
|
|
<tfoot>
|
|
<tr>
|
|
<th>Name</th>
|
|
<th>Position</th>
|
|
<th>Office</th>
|
|
<th>Age</th>
|
|
<th>Start date</th>
|
|
<th>Salary</th>
|
|
</tr>
|
|
</tfoot>
|
|
<tbody>
|
|
<tr>
|
|
<td>Tiger Nixon</td>
|
|
<td>System Architect</td>
|
|
<td>Edinburgh</td>
|
|
<td>61</td>
|
|
<td>2011/04/25</td>
|
|
<td>$320,800</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Garrett Winters</td>
|
|
<td>Accountant</td>
|
|
<td>Tokyo</td>
|
|
<td>63</td>
|
|
<td>2011/07/25</td>
|
|
<td>$170,750</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Ashton Cox</td>
|
|
<td>Junior Technical Author</td>
|
|
<td>San Francisco</td>
|
|
<td>66</td>
|
|
<td>2009/01/12</td>
|
|
<td>$86,000</td>
|
|
</tr>
|
|
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
@endsection |