Files
shipping-portal/resources/views/partials/table.blade.php
T
2021-08-02 01:17:38 +08:00

177 lines
12 KiB
PHP

<div class="container-fluid">
<div class="row">
<div class="col-12">
<div class="card">
<div class="table-responsive">
<table class="table mt-0 b-rad-2">
<thead class="thead-light">
<tr>
<th scope="col">Order Number</th>
<th scope="col">Order Time</th>
<th scope="col">Status</th>
<th scope="col">Warehouse</th>
<th scope="col">Delivery</th>
<th scope="col">Action</th>
</tr>
</thead>
<tbody class="customtable">
<tr>
<td>00012558</td>
<td>11.01.2021</td>
<td>Fullfilled</td>
<td>Guang Zhou</td>
<td>Home</td>
<td>
<button class="btn border-0 p-0 btn-sm btn-icon" type="button" id="dropdownMenuButton2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-three-dots" viewBox="0 0 16 16">
<path d="M3 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3z"/>
</svg>
</button>
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton2">
<a class="dropdown-item" href="#">
<i class="bx bxs-pencil mr-2"></i>More Details
</a>
<a class="dropdown-item text-danger" href="#">
<i class="bx bxs-trash mr-2"></i>Enquiry
</a>
</div>
</td>
</tr>
</tr>
<tr>
<td>00012558</td>
<td>11.01.2021</td>
<td>Pending</td>
<td>Guang Zhou</td>
<td>Home</td>
<td>
<button class="btn border-0 p-0 btn-sm btn-icon" type="button" id="dropdownMenuButton2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-three-dots" viewBox="0 0 16 16">
<path d="M3 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3z"/>
</svg>
</button>
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton2">
<a class="dropdown-item" href="#">
<i class="bx bxs-pencil mr-2"></i>More Details
</a>
<a class="dropdown-item text-danger" href="#">
<i class="bx bxs-trash mr-2"></i>Enquiry
</a>
</div>
</td>
</tr>
<tr>
<td>00012558</td>
<td>11.01.2021</td>
<td>Fullfilled</td>
<td>Guang Zhou</td>
<td>Home</td>
<td>
<button class="btn border-0 p-0 btn-sm btn-icon" type="button" id="dropdownMenuButton2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-three-dots" viewBox="0 0 16 16">
<path d="M3 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3z"/>
</svg>
</button>
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton2">
<a class="dropdown-item" href="#">
<i class="bx bxs-pencil mr-2"></i>More Details
</a>
<a class="dropdown-item text-danger" href="#">
<i class="bx bxs-trash mr-2"></i>Enquiry
</a>
</div>
</td>
</tr>
<tr>
<td>00012558</td>
<td>11.01.2021</td>
<td>Cancelled</td>
<td>Guang Zhou</td>
<td>Home</td>
<td>
<button class="btn border-0 p-0 btn-sm btn-icon" type="button" id="dropdownMenuButton2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-three-dots" viewBox="0 0 16 16">
<path d="M3 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3z"/>
</svg>
</button>
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton2">
<a class="dropdown-item" href="#">
<i class="bx bxs-pencil mr-2"></i>More Details
</a>
<a class="dropdown-item text-danger" href="#">
<i class="bx bxs-trash mr-2"></i>Enquiry
</a>
</div>
</td>
</tr>
<tr>
<td>00012558</td>
<td>11.01.2021</td>
<td>Pending</td>
<td>Guang Zhou</td>
<td>Home</td>
<td>
<button class="btn border-0 p-0 btn-sm btn-icon" type="button" id="dropdownMenuButton2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-three-dots" viewBox="0 0 16 16">
<path d="M3 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3z"/>
</svg>
</button>
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton2">
<a class="dropdown-item" href="#">
<i class="bx bxs-pencil mr-2"></i>More Details
</a>
<a class="dropdown-item text-danger" href="#">
<i class="bx bxs-trash mr-2"></i>Enquiry
</a>
</div>
</td>
</tr>
</tbody>
</table>
<div class="w-100 py-3 px-4 d-flex flex-row justify-content-between align-items-center">
<ul class="pagination d-flex m-b-0 justify-content-between" style="width: 300px;">
<div class="pointer">
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentColor" class="bi bi-chevron-double-left" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M8.354 1.646a.5.5 0 0 1 0 .708L2.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z"/>
<path fill-rule="evenodd" d="M12.354 1.646a.5.5 0 0 1 0 .708L6.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z"/>
</svg>
</div>
<div class="pointer">
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentColor" class="bi bi-chevron-left" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z"/>
</svg>
</div>
<li>
<a href="#" class="fs-12 bold" style="color: #5c5c5c;">1</a>
</li>
<li>
<a href="#" class="fs-12 bold" style="color: #5c5c5c;">2</a>
</li>
<li>
<a href="#" class="fs-12 bold" style="color: #5c5c5c;">3</a>
</li>
<li>
<a href="#" class="fs-12 bold" style="color: #5c5c5c;">4</a>
</li>
<li>
<a href="#" class="fs-12 bold" style="color: #5c5c5c;">5</a>
</li>
<div class="pointer">
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentColor" class="bi bi-chevron-right" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z"/>
</svg>
</div>
<div class="pointer">
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentColor" class="bi bi-chevron-double-right" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M3.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L9.293 8 3.646 2.354a.5.5 0 0 1 0-.708z"/>
<path fill-rule="evenodd" d="M7.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L13.293 8 7.646 2.354a.5.5 0 0 1 0-.708z"/>
</svg>
</div>
</ul>
<div>Showing 1 - 10 of 50</div>
</div>
</div>
</div>
</div>
</div>
</div>