@extends('dashboard.layout.user')
@section('content')
    {{-- <div id="wrapper"> --}}


    <div class="container-fluid p-0">
        <div class="mainDashboard">
            <h2 class="mainHeading">Dashboard</h2>
            <div class="row">
                <div class="col-md-3">
                    <div class="orderBox">
                        <div>
                            <h2>Total Orders</h2>
                            <h6>08</h6>
                        </div>
                        <figure><img src="{{ asset('images/totalorder.png') }}" class="img-fluid" alt="img"></figure>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="orderBox">
                        <div>
                            <h2>Pending Orders</h2>
                            <h6>03</h6>
                        </div>
                        <figure><img src="{{ asset('images/pending-order.png') }}" class="img-fluid" alt="img"></figure>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="orderBox">
                        <div>
                            <h2>Completed Orders</h2>
                            <h6>05</h6>
                        </div>
                        <figure><img src="{{ asset('images/complete-order.png') }}" class="img-fluid" alt="img"></figure>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="orderBox">
                        <div>
                            <h2>Reports</h2>
                            <h6>05</h6>
                        </div>
                        <figure><img src="{{ asset('images/reporticon.png') }}" class="img-fluid" alt="img"></figure>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-md-7">
                    <div class="mainOrder">
                        <div class="orderContent">
                            <h2 class="heading">Order</h2>
                            <a href="#">+ Add New User</a>
                        </div>
                        <div class="orderTable recentTable">
                            <table class="table table-striped">
                                <thead class="thead-dark">
                                    <tr>
                                        <th scope="col">User</th>
                                        <th scope="col">Status</th>
                                        <th scope="col">Date Created</th>
                                        <th scope="col">Created By</th>
                                        <th scope="col">Actions</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td>
                                            <div class="detailMain">
                                                <div class="title mb-0">
                                                    <h6>Moses</h6>
                                                </div>
                                            </div>
                                        </td>
                                        <td>Active</td>
                                        <td>Feb 23,2024</td>
                                        <td>Holman,Stephanie</td>
                                        <td>
                                            <div class="actionBtn">
                                                <a href=""><i class="fal fa-edit"></i></a>
                                                <a href=""><i class="fas fa-trash-alt"></i></a>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <div class="detailMain">
                                                <div class="title mb-0">
                                                    <h6>Moses</h6>
                                                </div>
                                            </div>
                                        </td>
                                        <td>Active</td>
                                        <td>Feb 23,2024</td>
                                        <td>Holman,Stephanie</td>
                                        <td>
                                            <div class="actionBtn">
                                                <a href=""><i class="fal fa-edit"></i></a>
                                                <a href=""><i class="fas fa-trash-alt"></i></a>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <div class="detailMain">
                                                <div class="title mb-0">
                                                    <h6>Moses</h6>
                                                </div>
                                            </div>
                                        </td>
                                        <td>Active</td>
                                        <td>Feb 23,2024</td>
                                        <td>Holman,Stephanie</td>
                                        <td>
                                            <div class="actionBtn">
                                                <a href=""><i class="fal fa-edit"></i></a>
                                                <a href=""><i class="fas fa-trash-alt"></i></a>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <div class="detailMain">
                                                <div class="title mb-0">
                                                    <h6>Moses</h6>
                                                </div>
                                            </div>
                                        </td>
                                        <td>Active</td>
                                        <td>Feb 23,2024</td>
                                        <td>Holman,Stephanie</td>
                                        <td>
                                            <div class="actionBtn">
                                                <a href=""><i class="fal fa-edit"></i></a>
                                                <a href=""><i class="fas fa-trash-alt"></i></a>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <div class="detailMain">
                                                <div class="title mb-0">
                                                    <h6>Moses</h6>
                                                </div>
                                            </div>
                                        </td>
                                        <td>Active</td>
                                        <td>Feb 23,2024</td>
                                        <td>Holman,Stephanie</td>
                                        <td>
                                            <div class="actionBtn">
                                                <a href=""><i class="fal fa-edit"></i></a>
                                                <a href=""><i class="fas fa-trash-alt"></i></a>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <div class="detailMain">
                                                <div class="title mb-0">
                                                    <h6>Moses</h6>
                                                </div>
                                            </div>
                                        </td>
                                        <td>Active</td>
                                        <td>Feb 23,2024</td>
                                        <td>Holman,Stephanie</td>
                                        <td>
                                            <div class="actionBtn">
                                                <a href=""><i class="fal fa-edit"></i></a>
                                                <a href=""><i class="fas fa-trash-alt"></i></a>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <div class="detailMain">
                                                <div class="title mb-0">
                                                    <h6>Moses</h6>
                                                </div>
                                            </div>
                                        </td>
                                        <td>Active</td>
                                        <td>Feb 23,2024</td>
                                        <td>Holman,Stephanie</td>
                                        <td>
                                            <div class="actionBtn">
                                                <a href=""><i class="fal fa-edit"></i></a>
                                                <a href=""><i class="fas fa-trash-alt"></i></a>
                                            </div>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
                <div class="col-md-5">
                    <div class="lookupBox">
                        <figure><img src="{{ asset('images/lookupimg.png') }}" class="img-fluid" alt="img"></figure>
                        <h2 class="heading">Jurisdiction Lookup</h2>
                        <p>From here you can lookup jurisdictions by launching the Jurisdiction Lookup Tool below.
                        </p>
                        <p>Once the tool has been opened, feel free to navigate anywhere within InstaScreen(tm) and
                            the tool will remain open until you close it.</p>
                        <a href="#" class="themeBtn">Jurisdiction Tool</a>
                    </div>
                </div>
            </div>


            <div class="mainOrder mt-5 mb-4">
                <form class="searchfilter-form">
                    <div class="form-group"><input type="text" class="form-control" placeholder="User Id"></div>
                    <div class="form-group"><input type="text" class="form-control" placeholder="Name"></div>
                    <div class="form-group">
                        <select class="form-control">
                            <option value="">View By Status</option>
                            <option value="">View By Status</option>
                            <option value="">View By Status</option>
                        </select>
                    </div>
                    <div class="form-group">
                        <select class="form-control">
                            <option value="">View By Date</option>
                            <option value="">View By Date</option>
                            <option value="">View By Date</option>
                        </select>
                    </div>
                    <div class="form-group d-flex align-items-center">
                        <button class="btn themeBtn">Search</button>
                        <button type="reset" class="btn">Clear Filter</button>
                    </div>
                    <div class="form-group">
                        <button class="btn themeBtn borderBtn"><i class="fas fa-sliders-h"></i> Advance Search</button>
                    </div>
                </form>
            </div>

            <div class="row">
                <div class="col-md-12">
                    <div class="mainOrder mainReports">
                        <div class="orderContent">
                            <h2 class="heading">Reports</h2>
                        </div>
                        <div class="orderTable recentTable">
                            <table class="table table-striped">
                                <thead class="thead-dark">
                                    <tr>
                                        <th scope="col">Name</th>
                                        <th scope="col">Crime</th>
                                        <th scope="col">Status</th>
                                        <th scope="col">Report ID</th>
                                        <th scope="col">Order Date</th>
                                        <th scope="col">Action</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td>
                                            <div class="detailMain">
                                                <div class="title mb-0">
                                                    <h6>Moses</h6>
                                                </div>
                                            </div>
                                        </td>
                                        <td>Childhood abuse</td>
                                        <td>Completed</td>
                                        <td>#5432415</td>
                                        <td>Feb 23,2024</td>
                                        <td>
                                            <select>
                                                <option>File...</option>
                                            </select>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <div class="detailMain">
                                                <div class="title mb-0">
                                                    <h6>Moses</h6>
                                                </div>
                                            </div>
                                        </td>
                                        <td>Childhood abuse</td>
                                        <td>Completed</td>
                                        <td>#5432415</td>
                                        <td>Feb 23,2024</td>
                                        <td>
                                            <select>
                                                <option>File...</option>
                                            </select>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <div class="detailMain">
                                                <div class="title mb-0">
                                                    <h6>Moses</h6>
                                                </div>
                                            </div>
                                        </td>
                                        <td>Childhood abuse</td>
                                        <td>Completed</td>
                                        <td>#5432415</td>
                                        <td>Feb 23,2024</td>
                                        <td>
                                            <select>
                                                <option>File...</option>
                                            </select>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <div class="detailMain">
                                                <div class="title mb-0">
                                                    <h6>Moses</h6>
                                                </div>
                                            </div>
                                        </td>
                                        <td>Childhood abuse</td>
                                        <td>Completed</td>
                                        <td>#5432415</td>
                                        <td>Feb 23,2024</td>
                                        <td>
                                            <select>
                                                <option>File...</option>
                                            </select>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <div class="detailMain">
                                                <div class="title mb-0">
                                                    <h6>Moses</h6>
                                                </div>
                                            </div>
                                        </td>
                                        <td>Childhood abuse</td>
                                        <td>Completed</td>
                                        <td>#5432415</td>
                                        <td>Feb 23,2024</td>
                                        <td>
                                            <select>
                                                <option>File...</option>
                                            </select>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
    </div>
    </tr>

    <!-- end 8 -->

    </tbody>
    </table>
    </div>

    </div>
    </div>
    </div>

    </div>

    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-body">
                    <div class="d-flex justify-content-between align-items-center mb-3">
                        <h4 class="mt-0 header-title">Order</h4>


                    </div>
                    <table id="geniustable" class="table table-bordered dt-responsive nowrap"
                        style="border-collapse: collapse; border-spacing: 0; width: 100%;">
                        <thead>
                            <tr>
                                <th>Name</th>
                                <th>Status</th>
                                <th>Date Created</th>
                                <th>Action</th>
                            </tr>
                        </thead>
                    </table>

                </div>
            </div>
        </div>
    </div>

    </div>
    <!-- container-fluid -->

    </div>
    <!-- content -->



    {{-- </div> --}}
@endsection
@section('script')
    {{--    Routes for hitting ajax --}}

@endsection