forked from TFMM/silent-auction
feat: migrate home and winnertotalform views to tablar
This commit is contained in:
+71
-413
@@ -1,429 +1,87 @@
|
||||
@extends('tablar::page')
|
||||
|
||||
@section('content')
|
||||
<!-- Page header -->
|
||||
<div class="page-header d-print-none">
|
||||
<div class="container-xl">
|
||||
<div class="row g-2 align-items-center">
|
||||
<div class="col">
|
||||
<!-- Page pre-title -->
|
||||
<div class="page-pretitle">
|
||||
Overview
|
||||
</div>
|
||||
<h2 class="page-title">
|
||||
Dashboard
|
||||
</h2>
|
||||
</div>
|
||||
<!-- Page title actions -->
|
||||
<div class="col-12 col-md-auto ms-auto d-print-none">
|
||||
<div class="btn-list">
|
||||
<span class="d-none d-sm-inline">
|
||||
<a href="#" class="btn btn-white">
|
||||
New view
|
||||
</a>
|
||||
</span>
|
||||
<a href="#" class="btn btn-primary d-none d-sm-inline-block" data-bs-toggle="modal"
|
||||
data-bs-target="#modal-report">
|
||||
<!-- Download SVG icon from http://tabler-icons.io/i/plus -->
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24"
|
||||
viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none"
|
||||
stroke-linecap="round" stroke-linejoin="round">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none"/>
|
||||
<line x1="12" y1="5" x2="12" y2="19"/>
|
||||
<line x1="5" y1="12" x2="19" y2="12"/>
|
||||
</svg>
|
||||
Create new report
|
||||
</a>
|
||||
<a href="#" class="btn btn-primary d-sm-none btn-icon" data-bs-toggle="modal"
|
||||
data-bs-target="#modal-report" aria-label="Create new report">
|
||||
<!-- Download SVG icon from http://tabler-icons.io/i/plus -->
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24"
|
||||
viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none"
|
||||
stroke-linecap="round" stroke-linejoin="round">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none"/>
|
||||
<line x1="12" y1="5" x2="12" y2="19"/>
|
||||
<line x1="5" y1="12" x2="19" y2="12"/>
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="page-header d-print-none">
|
||||
<div class="container-xl">
|
||||
<div class="row g-2 align-items-center">
|
||||
<div class="col">
|
||||
<h2 class="page-title">Silent Auction Home</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Page body -->
|
||||
<div class="page-body">
|
||||
<div class="container-xl">
|
||||
<div class="row row-deck row-cards">
|
||||
<div class="col-12">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h3 class="card-title">Invoices</h3>
|
||||
</div>
|
||||
<div class="card-body border-bottom py-3">
|
||||
<div class="d-flex">
|
||||
<div class="text-muted">
|
||||
Show
|
||||
<div class="mx-2 d-inline-block">
|
||||
<input type="text" class="form-control form-control-sm" value="8" size="3"
|
||||
aria-label="Invoices count">
|
||||
</div>
|
||||
entries
|
||||
</div>
|
||||
<div class="ms-auto text-muted">
|
||||
Search:
|
||||
<div class="ms-2 d-inline-block">
|
||||
<input type="text" class="form-control form-control-sm"
|
||||
aria-label="Search invoice">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="page-body">
|
||||
<div class="container-xl">
|
||||
<div class="row row-cards">
|
||||
<div class="col-sm-6 col-lg-3">
|
||||
<div class="card card-sm">
|
||||
<div class="card-body">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-auto">
|
||||
<span class="bg-primary text-white avatar"><!-- Download SVG icon from http://tabler-icons.io/i/box -->
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 3l8 4.5l0 9l-8 4.5l-8 -4.5l0 -9l8 -4.5" /><path d="M12 12l8 -4.5" /><path d="M12 12l0 9" /><path d="M12 12l-8 -4.5" /></svg>
|
||||
</span>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="font-weight-medium">Items</div>
|
||||
<div class="text-secondary">{{ $item_count_result }} total</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="table-responsive">
|
||||
<table class="table card-table table-vcenter text-nowrap datatable">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="w-1"><input class="form-check-input m-0 align-middle" type="checkbox"
|
||||
aria-label="Select all invoices"></th>
|
||||
<th class="w-1">No.
|
||||
<!-- Download SVG icon from http://tabler-icons.io/i/chevron-up -->
|
||||
<svg xmlns="http://www.w3.org/2000/svg"
|
||||
class="icon icon-sm text-dark icon-thick" width="24" height="24"
|
||||
viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none"
|
||||
stroke-linecap="round" stroke-linejoin="round">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none"/>
|
||||
<polyline points="6 15 12 9 18 15"/>
|
||||
</svg>
|
||||
</th>
|
||||
<th>Invoice Subject</th>
|
||||
<th>Client</th>
|
||||
<th>VAT No.</th>
|
||||
<th>Created</th>
|
||||
<th>Status</th>
|
||||
<th>Price</th>
|
||||
<th></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td><input class="form-check-input m-0 align-middle" type="checkbox"
|
||||
aria-label="Select invoice"></td>
|
||||
<td><span class="text-muted">001401</span></td>
|
||||
<td><a href="invoice.html" class="text-reset" tabindex="-1">Design Works</a></td>
|
||||
<td>
|
||||
<span class="flag flag-country-us"></span>
|
||||
Carlson Limited
|
||||
</td>
|
||||
<td>
|
||||
87956621
|
||||
</td>
|
||||
<td>
|
||||
15 Dec 2017
|
||||
</td>
|
||||
<td>
|
||||
<span class="badge bg-success me-1"></span> Paid
|
||||
</td>
|
||||
<td>$887</td>
|
||||
<td class="text-end">
|
||||
<span class="dropdown">
|
||||
<button class="btn dropdown-toggle align-text-top" data-bs-boundary="viewport"
|
||||
data-bs-toggle="dropdown">Actions</button>
|
||||
<div class="dropdown-menu dropdown-menu-end">
|
||||
<a class="dropdown-item" href="#">
|
||||
Action
|
||||
</a>
|
||||
<a class="dropdown-item" href="#">
|
||||
Another action
|
||||
</a>
|
||||
</div>
|
||||
</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><input class="form-check-input m-0 align-middle" type="checkbox"
|
||||
aria-label="Select invoice"></td>
|
||||
<td><span class="text-muted">001402</span></td>
|
||||
<td><a href="invoice.html" class="text-reset" tabindex="-1">UX Wireframes</a></td>
|
||||
<td>
|
||||
<span class="flag flag-country-gb"></span>
|
||||
Adobe
|
||||
</td>
|
||||
<td>
|
||||
87956421
|
||||
</td>
|
||||
<td>
|
||||
12 Apr 2017
|
||||
</td>
|
||||
<td>
|
||||
<span class="badge bg-warning me-1"></span> Pending
|
||||
</td>
|
||||
<td>$1200</td>
|
||||
<td class="text-end">
|
||||
<span class="dropdown">
|
||||
<button class="btn dropdown-toggle align-text-top" data-bs-boundary="viewport"
|
||||
data-bs-toggle="dropdown">Actions</button>
|
||||
<div class="dropdown-menu dropdown-menu-end">
|
||||
<a class="dropdown-item" href="#">
|
||||
Action
|
||||
</a>
|
||||
<a class="dropdown-item" href="#">
|
||||
Another action
|
||||
</a>
|
||||
</div>
|
||||
</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><input class="form-check-input m-0 align-middle" type="checkbox"
|
||||
aria-label="Select invoice"></td>
|
||||
<td><span class="text-muted">001403</span></td>
|
||||
<td><a href="invoice.html" class="text-reset" tabindex="-1">New Dashboard</a></td>
|
||||
<td>
|
||||
<span class="flag flag-country-de"></span>
|
||||
Bluewolf
|
||||
</td>
|
||||
<td>
|
||||
87952621
|
||||
</td>
|
||||
<td>
|
||||
23 Oct 2017
|
||||
</td>
|
||||
<td>
|
||||
<span class="badge bg-warning me-1"></span> Pending
|
||||
</td>
|
||||
<td>$534</td>
|
||||
<td class="text-end">
|
||||
<span class="dropdown">
|
||||
<button class="btn dropdown-toggle align-text-top" data-bs-boundary="viewport"
|
||||
data-bs-toggle="dropdown">Actions</button>
|
||||
<div class="dropdown-menu dropdown-menu-end">
|
||||
<a class="dropdown-item" href="#">
|
||||
Action
|
||||
</a>
|
||||
<a class="dropdown-item" href="#">
|
||||
Another action
|
||||
</a>
|
||||
</div>
|
||||
</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><input class="form-check-input m-0 align-middle" type="checkbox"
|
||||
aria-label="Select invoice"></td>
|
||||
<td><span class="text-muted">001404</span></td>
|
||||
<td><a href="invoice.html" class="text-reset" tabindex="-1">Landing Page</a></td>
|
||||
<td>
|
||||
<span class="flag flag-country-br"></span>
|
||||
Salesforce
|
||||
</td>
|
||||
<td>
|
||||
87953421
|
||||
</td>
|
||||
<td>
|
||||
2 Sep 2017
|
||||
</td>
|
||||
<td>
|
||||
<span class="badge bg-secondary me-1"></span> Due in 2 Weeks
|
||||
</td>
|
||||
<td>$1500</td>
|
||||
<td class="text-end">
|
||||
<span class="dropdown">
|
||||
<button class="btn dropdown-toggle align-text-top" data-bs-boundary="viewport"
|
||||
data-bs-toggle="dropdown">Actions</button>
|
||||
<div class="dropdown-menu dropdown-menu-end">
|
||||
<a class="dropdown-item" href="#">
|
||||
Action
|
||||
</a>
|
||||
<a class="dropdown-item" href="#">
|
||||
Another action
|
||||
</a>
|
||||
</div>
|
||||
</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><input class="form-check-input m-0 align-middle" type="checkbox"
|
||||
aria-label="Select invoice"></td>
|
||||
<td><span class="text-muted">001405</span></td>
|
||||
<td><a href="invoice.html" class="text-reset" tabindex="-1">Marketing Templates</a>
|
||||
</td>
|
||||
<td>
|
||||
<span class="flag flag-country-pl"></span>
|
||||
Printic
|
||||
</td>
|
||||
<td>
|
||||
87956621
|
||||
</td>
|
||||
<td>
|
||||
29 Jan 2018
|
||||
</td>
|
||||
<td>
|
||||
<span class="badge bg-danger me-1"></span> Paid Today
|
||||
</td>
|
||||
<td>$648</td>
|
||||
<td class="text-end">
|
||||
<span class="dropdown">
|
||||
<button class="btn dropdown-toggle align-text-top" data-bs-boundary="viewport"
|
||||
data-bs-toggle="dropdown">Actions</button>
|
||||
<div class="dropdown-menu dropdown-menu-end">
|
||||
<a class="dropdown-item" href="#">
|
||||
Action
|
||||
</a>
|
||||
<a class="dropdown-item" href="#">
|
||||
Another action
|
||||
</a>
|
||||
</div>
|
||||
</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><input class="form-check-input m-0 align-middle" type="checkbox"
|
||||
aria-label="Select invoice"></td>
|
||||
<td><span class="text-muted">001406</span></td>
|
||||
<td><a href="invoice.html" class="text-reset" tabindex="-1">Sales Presentation</a>
|
||||
</td>
|
||||
<td>
|
||||
<span class="flag flag-country-br"></span>
|
||||
Tabdaq
|
||||
</td>
|
||||
<td>
|
||||
87956621
|
||||
</td>
|
||||
<td>
|
||||
4 Feb 2018
|
||||
</td>
|
||||
<td>
|
||||
<span class="badge bg-secondary me-1"></span> Due in 3 Weeks
|
||||
</td>
|
||||
<td>$300</td>
|
||||
<td class="text-end">
|
||||
<span class="dropdown">
|
||||
<button class="btn dropdown-toggle align-text-top" data-bs-boundary="viewport"
|
||||
data-bs-toggle="dropdown">Actions</button>
|
||||
<div class="dropdown-menu dropdown-menu-end">
|
||||
<a class="dropdown-item" href="#">
|
||||
Action
|
||||
</a>
|
||||
<a class="dropdown-item" href="#">
|
||||
Another action
|
||||
</a>
|
||||
</div>
|
||||
</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><input class="form-check-input m-0 align-middle" type="checkbox"
|
||||
aria-label="Select invoice"></td>
|
||||
<td><span class="text-muted">001407</span></td>
|
||||
<td><a href="invoice.html" class="text-reset" tabindex="-1">Logo & Print</a></td>
|
||||
<td>
|
||||
<span class="flag flag-country-us"></span>
|
||||
Apple
|
||||
</td>
|
||||
<td>
|
||||
87956621
|
||||
</td>
|
||||
<td>
|
||||
22 Mar 2018
|
||||
</td>
|
||||
<td>
|
||||
<span class="badge bg-success me-1"></span> Paid Today
|
||||
</td>
|
||||
<td>$2500</td>
|
||||
<td class="text-end">
|
||||
<span class="dropdown">
|
||||
<button class="btn dropdown-toggle align-text-top" data-bs-boundary="viewport"
|
||||
data-bs-toggle="dropdown">Actions</button>
|
||||
<div class="dropdown-menu dropdown-menu-end">
|
||||
<a class="dropdown-item" href="#">
|
||||
Action
|
||||
</a>
|
||||
<a class="dropdown-item" href="#">
|
||||
Another action
|
||||
</a>
|
||||
</div>
|
||||
</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><input class="form-check-input m-0 align-middle" type="checkbox"
|
||||
aria-label="Select invoice"></td>
|
||||
<td><span class="text-muted">001408</span></td>
|
||||
<td><a href="invoice.html" class="text-reset" tabindex="-1">Icons</a></td>
|
||||
<td>
|
||||
<span class="flag flag-country-pl"></span>
|
||||
Tookapic
|
||||
</td>
|
||||
<td>
|
||||
87956621
|
||||
</td>
|
||||
<td>
|
||||
13 May 2018
|
||||
</td>
|
||||
<td>
|
||||
<span class="badge bg-success me-1"></span> Paid Today
|
||||
</td>
|
||||
<td>$940</td>
|
||||
<td class="text-end">
|
||||
<span class="dropdown">
|
||||
<button class="btn dropdown-toggle align-text-top" data-bs-boundary="viewport"
|
||||
data-bs-toggle="dropdown">Actions</button>
|
||||
<div class="dropdown-menu dropdown-menu-end">
|
||||
<a class="dropdown-item" href="#">
|
||||
Action
|
||||
</a>
|
||||
<a class="dropdown-item" href="#">
|
||||
Another action
|
||||
</a>
|
||||
</div>
|
||||
</span>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6 col-lg-3">
|
||||
<div class="card card-sm">
|
||||
<div class="card-body">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-auto">
|
||||
<span class="bg-green text-white avatar"><!-- Download SVG icon from http://tabler-icons.io/i/users -->
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="9" cy="7" r="4" /><path d="M3 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2" /><path d="M16 3.13a4 4 0 0 1 0 7.75" /><path d="M21 21v-2a4 4 0 0 0 -3 -3.85" /></svg>
|
||||
</span>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="font-weight-medium">Bidders</div>
|
||||
<div class="text-secondary">{{ $bidder_count_result }} registered</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-footer d-flex align-items-center">
|
||||
<p class="m-0 text-muted">Showing <span>1</span> to <span>8</span> of <span>16</span>
|
||||
entries</p>
|
||||
<ul class="pagination m-0 ms-auto">
|
||||
<li class="page-item disabled">
|
||||
<a class="page-link" href="#" tabindex="-1" aria-disabled="true">
|
||||
<!-- Download SVG icon from http://tabler-icons.io/i/chevron-left -->
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24"
|
||||
viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none"
|
||||
stroke-linecap="round" stroke-linejoin="round">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none"/>
|
||||
<polyline points="15 6 9 12 15 18"/>
|
||||
</svg>
|
||||
prev
|
||||
</a>
|
||||
</li>
|
||||
<li class="page-item"><a class="page-link" href="#">1</a></li>
|
||||
<li class="page-item active"><a class="page-link" href="#">2</a></li>
|
||||
<li class="page-item"><a class="page-link" href="#">3</a></li>
|
||||
<li class="page-item"><a class="page-link" href="#">4</a></li>
|
||||
<li class="page-item"><a class="page-link" href="#">5</a></li>
|
||||
<li class="page-item">
|
||||
<a class="page-link" href="#">
|
||||
next <!-- Download SVG icon from http://tabler-icons.io/i/chevron-right -->
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24"
|
||||
viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none"
|
||||
stroke-linecap="round" stroke-linejoin="round">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none"/>
|
||||
<polyline points="9 6 15 12 9 18"/>
|
||||
</svg>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
{{--
|
||||
Built In Paginator Component
|
||||
{!! $modelName->links('tablar::pagination') !!}
|
||||
--}}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6 col-lg-3">
|
||||
<div class="card card-sm">
|
||||
<div class="card-body">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-auto">
|
||||
<span class="bg-yellow text-white avatar"><!-- Download SVG icon from http://tabler-icons.io/i/trophy -->
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 21h8a2 2 0 0 0 2 -2v-3a3 3 0 0 0 -3 -3h-6a3 3 0 0 0 -3 3v3a2 2 0 0 0 2 2z" /><path d="M12 17v4" /><path d="M10 4h4a1 1 0 0 1 1 1v2a3 3 0 0 1 -6 0v-2a1 1 0 0 1 1 -1z" /><path d="M7 7h-2.5a1.5 1.5 0 0 1 0 -3h1" /><path d="M17 7h2.5a1.5 1.5 0 0 0 0 -3h-1" /></svg>
|
||||
</span>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="font-weight-medium">Winners</div>
|
||||
<div class="text-secondary">{{ $winner_count_result }} total</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6 col-lg-3">
|
||||
<div class="card card-sm">
|
||||
<div class="card-body">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-auto">
|
||||
<span class="bg-azure text-white avatar"><!-- Download SVG icon from http://tabler-icons.io/i/car -->
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="7" cy="17" r="2" /><circle cx="17" cy="17" r="2" /><path d="M5 17h-2v-6l2 -5h9l4 5h1a2 2 0 0 1 2 2v4h-2m-4 0h-6m-6 -6h15m-6 0v-5" /></svg>
|
||||
</span>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="font-weight-medium">Vehicles</div>
|
||||
<div class="text-secondary">{{ $vehicle_count_result }} total</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
|
||||
Reference in New Issue
Block a user