@extends('dashboard.layout.user')
@section('content')
<div class="container-fluid p-0">
    <div class="mainDashboard">
        <h2 class="mainHeading mb-1">Metadata Report</h2>
        <p>The <strong>Metadata Report</strong> [formerly known as <strong>Cost Center Report</strong>] template provides file details for files either created or completed within a selected date range. Optional information includes Cost Code, Optional Fields, and more.</p>

        <div class="mainOrder mb-5">
            <form class="decisionreport-form">
                <div class="row">
                    <div class="col-12">
                        <label for="">Order Created Date:</label>
                        <div class="dateswrap">
                            <input type="date" class="form-control" placeholder="March 1, 2024">
                            <span>to</span>
                            <input type="date" class="form-control" placeholder="March 12, 2024">
                        </div>
                    </div>
                    <div class="col-12">
                        <label for="">Search By:</label>
                        <div class="serchwrap">
                            <label>
                                <input type="radio" name="search">
                                <span>Created Date</span>
                            </label>
                            <label>
                                <input type="radio" name="search">
                                <span>Completed Date</span>
                            </label>
                        </div>
                    </div>
                    <div class="col-12">
                        <button class="btn themeBtn w-100">Search</button>
                    </div>
                </div>

            </form>
        </div>

        <div class="mainOrder mb-5">
            <div class="orderContent">
                <h4 class="card-heading">Reports</h4>
            </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>Moses</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>Moses</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>Moses</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>Moses</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>Moses</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>Moses</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>Moses</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>Moses</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>
@endsection