@extends('layouts.default')
@section('content')
            <div class="page-title">
                    <nav aria-label="breadcrumb">
        <ol class="breadcrumb">
            <li><h1>Product Order</h1></li>
            <li class="breadcrumb-item">
                <a href="{{ url('index') }}">
                    <svg width="16" height="16" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M2.125 6.375L8.5 1.41667L14.875 6.375V14.1667C14.875 14.5424 14.7257 14.9027 14.4601 15.1684C14.1944 15.4341 13.8341 15.5833 13.4583 15.5833H3.54167C3.16594 15.5833 2.80561 15.4341 2.53993 15.1684C2.27426 14.9027 2.125 14.5424 2.125 14.1667V6.375Z" stroke="var(--bs-body-color)" stroke-linecap="round" stroke-linejoin="round"/>
                        <path d="M6.375 15.5833V8.5H10.625V15.5833" stroke="var(--bs-body-color)" stroke-linecap="round" stroke-linejoin="round"/>
                    </svg>
                    Home
                </a>
            </li>
            <li class="breadcrumb-item active" aria-current="page">Product Order</li>
        </ol>
    </nav>
            </div>
            <div class="container-fluid">
                <div class="row">
                    <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>
                </div>
            </div>
@endsection
