{% extends 'hexabox/elements/layouts/admin.html' %}
       
{% block additional_css %}
{% endblock %}
        
{% block content %}
            <div class="container-fluid">
                <div class="row">

                    <!-- Start - Order Receipt -->
                    <div class="col-lg-12">
                        <div class="card">
                            <div class="card-body">
                                <div class="table-responsive check-wrapper">
                                    <table class="table mb-0 table-bottom-borderless">
                                        <thead>
                                            <tr>
                                                <th class="mw-50">
                                                    <div class="form-check custom-checkbox">
														<input type="checkbox" class="form-check-input check-all" required="">
													</div>
                                                </th>
                                                <th class="mw-250">Order</th>
                                                <th class="mw-120">Date</th>
                                                <th class="mw-300">Ship To</th>
                                                <th class="mw-120 text-end">Status</th>
                                                <th class="mw-120 text-end">Amount</th>
                                                <th class="no-sort"></th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td>
													<div class="form-check custom-checkbox checkbox-success">
														<input type="checkbox" class="form-check-input check-input" required="">
													</div>
                                                </td>
                                                <td>
                                                    <a href="javascript:void(0);">#181</a> by Ricky Antony<br>
													<a href="mailto:ricky@example.com">ricky@example.com</a>
												</td>
												<td>20/04/2020</td>
                                                <td>Ricky Antony, 2392 Main Avenue, Penasauka, New Jersey 02149 Via Flat Rate</td>
                                                <td class="text-end">
													<span class="badge text-bg-success badge-sm">Completed<span class="ms-1 fa fa-check"></span></span>
                                                </td>
                                                <td class="text-end">$99</td>
                                                <td class="text-end">
                                                    <div class="dropdown">
														<button class="btn btn-sm btn-primary light btn-square" type="button" data-bs-toggle="dropdown" data-boundary="viewport" aria-haspopup="true" aria-expanded="false">
															<i class="fa-solid fa-ellipsis-vertical"></i>
														</button>
                                                        <div class="dropdown-menu dropdown-menu-end">
                                                            <a class="dropdown-item" href="javascript:void(0);">Completed</a>
															<a class="dropdown-item" href="javascript:void(0);">Processing</a>
															<a class="dropdown-item" href="javascript:void(0);">On Hold</a>
															<a class="dropdown-item" href="javascript:void(0);">Pending</a>
															<div class="dropdown-divider m-0"></div>
															<a class="dropdown-item text-danger" href="javascript:void(0);">Delete</a>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <div class="form-check custom-checkbox">
														<input type="checkbox" class="form-check-input check-input" required="">
													</div>
                                                </td>
                                                <td>
                                                    <a href="javascript:void(0);">#182</a> by Kin Rossow<br>
													<a href="mailto:kin@example.com">kin@example.com</a>
												</td>
                                                <td>20/04/2020</td>
                                                <td>Kin Rossow, 1 Hollywood Blvd,Beverly Hills, California 90210 Via Free Shipping</td>
                                                <td class="text-end"><span class="badge text-bg-primary badge-sm">Processing<span class="ms-1 fa fa-redo"></span></span></td>
                                                <td class="text-end">$120</td>
                                                <td class="text-end">
                                                    <div class="dropdown">
														<button class="btn btn-sm btn-primary light btn-square" type="button" data-bs-toggle="dropdown" data-boundary="viewport" aria-haspopup="true" aria-expanded="false">
															<i class="fa-solid fa-ellipsis-vertical"></i>
														</button>
                                                        <div class="dropdown-menu dropdown-menu-end">
                                                            <a class="dropdown-item" href="javascript:void(0);">Completed</a>
															<a class="dropdown-item" href="javascript:void(0);">Processing</a>
															<a class="dropdown-item" href="javascript:void(0);">On Hold</a>
															<a class="dropdown-item" href="javascript:void(0);">Pending</a>
															<div class="dropdown-divider m-0"></div>
															<a class="dropdown-item text-danger" href="javascript:void(0);">Delete</a>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
													<div class="form-check custom-checkbox checkbox-secondary">
														<input type="checkbox" class="form-check-input check-input" required="">
													</div>
                                                </td>
                                                <td>
                                                    <a href="javascript:void(0);">#183</a> by Merry Diana<br>
													<a href="mailto:merry@example.com">merry@example.com</a>
												</td>
                                                <td>30/04/2020</td>
                                                <td>Merry Diana, 1 Infinite Loop, Cupertino, California 90210 Via Link Road</td>
                                                <td class="text-end"><span class="badge text-bg-secondary badge-sm">On Hold<span class="ms-1 fa fa-ban"></span></span></td>
                                                <td class="text-end">$70</td>
                                                <td class="text-end">
                                                    <div class="dropdown">
														<button class="btn btn-sm btn-primary light btn-square" type="button" data-bs-toggle="dropdown" data-boundary="viewport" aria-haspopup="true" aria-expanded="false">
															<i class="fa-solid fa-ellipsis-vertical"></i>
														</button>
                                                        <div class="dropdown-menu dropdown-menu-end">
                                                            <a class="dropdown-item" href="javascript:void(0);">Completed</a>
															<a class="dropdown-item" href="javascript:void(0);">Processing</a>
															<a class="dropdown-item" href="javascript:void(0);">On Hold</a>
															<a class="dropdown-item" href="javascript:void(0);">Pending</a>
															<div class="dropdown-divider m-0"></div>
															<a class="dropdown-item text-danger" href="javascript:void(0);">Delete</a>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
													<div class="form-check custom-checkbox checkbox-warning">
														<input type="checkbox" class="form-check-input check-input" required="">
													</div>
                                                </td>
                                                <td>
                                                    <a href="javascript:void(0);">#184</a> by Bucky Robert<br>
													<a href="mailto:bucky@example.com">bucky@example.com</a>
												</td>
                                                <td>30/04/2020</td>
                                                <td>Bucky Robert, 1 Infinite Loop, Cupertino, California 90210 Via Free Shipping</td>
                                                <td class="text-end"><span class="badge text-bg-warning badge-sm">Pending <span class="ms-1 fas fa-stream"></span></span></td>
                                                <td class="text-end">$92</td>
                                                <td class="text-end">
                                                    <div class="dropdown">
														<button class="btn btn-sm btn-primary light btn-square" type="button" data-bs-toggle="dropdown" data-boundary="viewport" aria-haspopup="true" aria-expanded="false">
															<i class="fa-solid fa-ellipsis-vertical"></i>
														</button>
                                                        <div class="dropdown-menu dropdown-menu-end">
                                                            <a class="dropdown-item" href="javascript:void(0);">Completed</a>
															<a class="dropdown-item" href="javascript:void(0);">Processing</a>
															<a class="dropdown-item" href="javascript:void(0);">On Hold</a>
															<a class="dropdown-item" href="javascript:void(0);">Pending</a>
															<div class="dropdown-divider m-0"></div>
															<a class="dropdown-item text-danger" href="javascript:void(0);">Delete</a>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
													<div class="form-check custom-checkbox checkbox-secondary">
														<input type="checkbox" class="form-check-input check-input" required="">
													</div>
                                                </td>
                                                <td>
                                                    <a href="javascript:void(0);">#185</a> by Rocky Zampa<br>
													<a href="mailto:rocky@example.com">rocky@example.com</a>
												</td>
                                                <td>30/04/2020</td>
                                                <td>Rocky Zampa, 1 Infinite Loop, Cupertino, California 90210 Via Free Road</td>
                                                <td class="text-end"><span class="badge text-bg-secondary badge-sm">On Hold<span class="ms-1 fa fa-ban"></span></span></td>
                                                <td class="text-end">$120</td>
                                                <td class="text-end">
                                                    <div class="dropdown">
														<button class="btn btn-sm btn-primary light btn-square" type="button" data-bs-toggle="dropdown" data-boundary="viewport" aria-haspopup="true" aria-expanded="false">
															<i class="fa-solid fa-ellipsis-vertical"></i>
														</button>
														<div class="dropdown-menu dropdown-menu-end">
                                                            <a class="dropdown-item" href="javascript:void(0);">Completed</a>
															<a class="dropdown-item" href="javascript:void(0);">Processing</a>
															<a class="dropdown-item" href="javascript:void(0);">On Hold</a>
															<a class="dropdown-item" href="javascript:void(0);">Pending</a>
															<div class="dropdown-divider m-0"></div>
															<a class="dropdown-item text-danger" href="javascript:void(0);">Delete</a>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
													<div class="form-check custom-checkbox">
														<input type="checkbox" class="form-check-input check-input" required="">
													</div>
                                                </td>
                                                <td>
													<a href="javascript:void(0);">#186</a> by Ricky John<br>
													<a href="mailto:ricky@example.com">ricky@example.com</a>
												</td>
                                                <td>30/04/2020</td>
                                                <td>Ricky John, 1 Infinite Loop, Cupertino, California 90210 Via Free Shipping</td>
                                                <td class="text-end"><span class="badge text-bg-primary badge-sm">Processing<span class="ms-1 fa fa-redo"></span></span></td>
                                                <td class="text-end">$145</td>
                                                <td class="text-end">
                                                    <div class="dropdown">
														<button class="btn btn-sm btn-primary light btn-square" type="button" data-bs-toggle="dropdown" data-boundary="viewport" aria-haspopup="true" aria-expanded="false">
															<i class="fa-solid fa-ellipsis-vertical"></i>
														</button>
														<div class="dropdown-menu dropdown-menu-end">
                                                            <a class="dropdown-item" href="javascript:void(0);">Completed</a>
															<a class="dropdown-item" href="javascript:void(0);">Processing</a>
															<a class="dropdown-item" href="javascript:void(0);">On Hold</a>
															<a class="dropdown-item" href="javascript:void(0);">Pending</a>
															<div class="dropdown-divider m-0"></div>
															<a class="dropdown-item text-danger" href="javascript:void(0);">Delete</a>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
													<div class="form-check custom-checkbox checkbox-success">
														<input type="checkbox" class="form-check-input check-input" required="">
													</div>
                                                </td>
                                                <td>
                                                    <a href="javascript:void(0);">#187</a> by Cristofer Henric<br>
													<a href="mailto:cristofer@example.com">cristofer@example.com</a>
                                                </td>
                                                <td>30/04/2020</td>
                                                <td>Cristofer Henric, 1 Infinite Loop, Cupertino, California 90210 Via Flat Rate</td>
                                                <td class="text-end"><span class="badge text-bg-success badge-sm">Completed<span class="ms-1 fa fa-check"></span></span></td>
                                                <td class="text-end">$55</td>
                                                <td class="text-end">
                                                    <div class="dropdown">
														<button class="btn btn-sm btn-primary light btn-square" type="button" data-bs-toggle="dropdown" data-boundary="viewport" aria-haspopup="true" aria-expanded="false">
															<i class="fa-solid fa-ellipsis-vertical"></i>
														</button>
														<div class="dropdown-menu dropdown-menu-end">
                                                            <a class="dropdown-item" href="javascript:void(0);">Completed</a>
															<a class="dropdown-item" href="javascript:void(0);">Processing</a>
															<a class="dropdown-item" href="javascript:void(0);">On Hold</a>
															<a class="dropdown-item" href="javascript:void(0);">Pending</a>
															<div class="dropdown-divider m-0"></div>
															<a class="dropdown-item text-danger" href="javascript:void(0);">Delete</a>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
													<div class="form-check custom-checkbox checkbox-secondary">
														<input type="checkbox" class="form-check-input check-input" required="">
													</div>
                                                </td>
                                                <td>
                                                    <a href="javascript:void(0);">#188</a> by Brate Lee<br>
													<a href="mailto:lee@example.com">lee@example.com</a>
												</td>
                                                <td>29/04/2020</td>
                                                <td>Brate Lee, 1 Infinite Loop, Cupertino, California 90210 Via Link Road</td>
                                                <td class="text-end"><span class="badge text-bg-secondary badge-sm">On Hold<span class="ms-1 fa fa-ban"></span></span></td>
                                                <td class="text-end">$90</td>
                                                <td class="text-end">
                                                    <div class="dropdown">
														<button class="btn btn-sm btn-primary light btn-square" type="button" data-bs-toggle="dropdown" data-boundary="viewport" aria-haspopup="true" aria-expanded="false">
															<i class="fa-solid fa-ellipsis-vertical"></i>
														</button>
                                                        <div class="dropdown-menu dropdown-menu-end">
                                                            <a class="dropdown-item" href="javascript:void(0);">Completed</a>
															<a class="dropdown-item" href="javascript:void(0);">Processing</a>
															<a class="dropdown-item" href="javascript:void(0);">On Hold</a>
															<a class="dropdown-item" href="javascript:void(0);">Pending</a>
															<div class="dropdown-divider m-0"></div>
															<a class="dropdown-item text-danger" href="javascript:void(0);">Delete</a>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
													<div class="form-check custom-checkbox">
														<input type="checkbox" class="form-check-input check-input" required="">
													</div>
                                                </td>
                                                <td>
                                                    <a href="javascript:void(0);">#189</a> by Thomas Stephenson<br>
													<a href="mailto:Stephenson@example.com">Stephenson@example.com</a>
                                                </td>
                                                <td>29/04/2020</td>
                                                <td>Thomas Stephenson, 116 Ballifeary Road, Bamff Via Flat Rate</td>
                                                <td class="text-end"><span class="badge text-bg-primary badge-sm">Processing<span class="ms-1 fa fa-redo"></span></span></td>
                                                <td class="text-end">$52</td>
                                                <td class="text-end">
                                                    <div class="dropdown">
														<button class="btn btn-sm btn-primary light btn-square" type="button" data-bs-toggle="dropdown" data-boundary="viewport" aria-haspopup="true" aria-expanded="false">
															<i class="fa-solid fa-ellipsis-vertical"></i>
														</button>
                                                        <div class="dropdown-menu dropdown-menu-end">
                                                            <a class="dropdown-item" href="javascript:void(0);">Completed</a>
															<a class="dropdown-item" href="javascript:void(0);">Processing</a>
															<a class="dropdown-item" href="javascript:void(0);">On Hold</a>
															<a class="dropdown-item" href="javascript:void(0);">Pending</a>
															<div class="dropdown-divider m-0"></div>
															<a class="dropdown-item text-danger" href="javascript:void(0);">Delete</a>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
													<div class="form-check custom-checkbox checkbox-success">
														<input type="checkbox" class="form-check-input check-input" required="">
													</div>
                                                </td>
                                                <td>
                                                    <a href="javascript:void(0);">#190</a> by Evie Singh<br>
													<a href="mailto:eviewsing@example.com">eviewsing@example.com</a>
                                                </td>
                                                <td>29/04/2020</td>
                                                <td>Evie Singh, 54 Castledore Road, Tunstead Via Flat Rate</td>
                                                <td class="text-end"><span class="badge text-bg-success badge-sm">Completed<span class="ms-1 fa fa-check"></span></span></td>
                                                <td class="text-end">$90</td>
                                                <td class="text-end">
                                                    <div class="dropdown">
														<button class="btn btn-sm btn-primary light btn-square" type="button" data-bs-toggle="dropdown" data-boundary="viewport" aria-haspopup="true" aria-expanded="false">
															<i class="fa-solid fa-ellipsis-vertical"></i>
														</button>
                                                        <div class="dropdown-menu dropdown-menu-end">
                                                            <a class="dropdown-item" href="javascript:void(0);">Completed</a>
															<a class="dropdown-item" href="javascript:void(0);">Processing</a>
															<a class="dropdown-item" href="javascript:void(0);">On Hold</a>
															<a class="dropdown-item" href="javascript:void(0);">Pending</a>
															<div class="dropdown-divider m-0"></div>
															<a class="dropdown-item text-danger" href="javascript:void(0);">Delete</a>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
													<div class="form-check custom-checkbox checkbox-success">
														<input type="checkbox" class="form-check-input check-input" required="">
													</div>
                                                </td>
                                                <td>
                                                    <a href="javascript:void(0);">#191</a> by David Peters<br>
													<a href="mailto:peter@example.com">peter@example.com</a>
												</td>
                                                <td>29/04/2020</td>
                                                <td>David Peters, Rhyd Y Groes, Rhosgoch, LL66 0AT Via Link Road</td>
                                                <td class="text-end"><span class="badge text-bg-success badge-sm">Completed<span class="ms-1 fa fa-check"></span></span></td>
                                                <td class="text-end">$69</td>
                                                <td class="text-end">
                                                    <div class="dropdown">
														<button class="btn btn-sm btn-primary light btn-square" type="button" data-bs-toggle="dropdown" data-boundary="viewport" aria-haspopup="true" aria-expanded="false">
															<i class="fa-solid fa-ellipsis-vertical"></i>
														</button>
                                                        <div class="dropdown-menu dropdown-menu-end">
                                                            <a class="dropdown-item" href="javascript:void(0);">Completed</a>
															<a class="dropdown-item" href="javascript:void(0);">Processing</a>
															<a class="dropdown-item" href="javascript:void(0);">On Hold</a>
															<a class="dropdown-item" href="javascript:void(0);">Pending</a>
															<div class="dropdown-divider m-0"></div>
															<a class="dropdown-item text-danger" href="javascript:void(0);">Delete</a>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
													<div class="form-check custom-checkbox">
														<input type="checkbox" class="form-check-input check-input" required="">
													</div>
                                                </td>
                                                <td>
                                                    <a href="javascript:void(0);">#192</a> by Jennifer Johnson<br>
													<a href="mailto:jennifer@example.com">jennifer@example.com</a>
												</td>
                                                <td>28/04/2020</td>
                                                <td>Jennifer Johnson, Rhyd Y Groes, Rhosgoch, LL66 0AT Via Flat Rate</td>
                                                <td class="text-end"><span class="badge text-bg-primary badge-sm">Processing<span class="ms-1 fa fa-redo"></span></span></td>
                                                <td class="text-end">$112</td>
                                                <td class="text-end">
                                                    <div class="dropdown">
														<button class="btn btn-sm btn-primary light btn-square" type="button" data-bs-toggle="dropdown" data-boundary="viewport" aria-haspopup="true" aria-expanded="false">
															<i class="fa-solid fa-ellipsis-vertical"></i>
														</button>
                                                        <div class="dropdown-menu dropdown-menu-end">
                                                            <a class="dropdown-item" href="javascript:void(0);">Completed</a>
															<a class="dropdown-item" href="javascript:void(0);">Processing</a>
															<a class="dropdown-item" href="javascript:void(0);">On Hold</a>
															<a class="dropdown-item" href="javascript:void(0);">Pending</a>
															<div class="dropdown-divider m-0"></div>
															<a class="dropdown-item text-danger" href="javascript:void(0);">Delete</a>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- End - Order Receipt -->

                </div>
            </div>
{% endblock %}
{% block additional_js %}
{% endblock %}