@extends('dashboard.layout.user')
@section('content')
<div class="container-fluid p-0">
    <div class="mainDashboard">
        <h2 class="mainHeading mb-1">Hit Ratio Report</h2>
        <p>The Hit Ratio: Report Centric template provides a list of reports completed within a selected date range that can be grouped and sub-totaled by client, vendor or processor. The report indicates the existence of a hit and the number of hits on a report.</p>

        <div class="mainOrder mb-5">
            <form class="decisionreport-form">
                <div class="row">
                    <div class="col-12">
                        <label for="">Report Type:</label>
                        <div class="serchwrap">
                            <label>
                                <input type="radio" name="reporttype">
                                <span>Report Centric</span>
                            </label>
                            <label>
                                <input type="radio" name="reporttype">
                                <span>Search Centric</span>
                            </label>
                        </div>
                    </div>
                    <div class="col-12">
                        <label for="">Report Type:</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 Type:</label>
                        <div class="serchwrap">
                            <label>
                                <input type="radio" name="search">
                                <span>Investigative Searches</span>
                            </label>
                            <label>
                                <input type="radio" name="search">
                                <span>Credential Searches</span>
                            </label>
                            <label>
                                <input type="radio" name="search">
                                <span>Verification Searches</span>
                            </label>
                            <label>
                                <input type="radio" name="search">
                                <span>Eviction Searches</span>
                            </label>
                            <label>
                                <input type="radio" name="search">
                                <span>Driving Records</span>
                            </label>
                            <label>
                                <input type="radio" name="search">
                                <span>Occupational Health</span>
                            </label>
                        </div>
                    </div>
                    <div class="col-12">
                        <label for="">Investigative Searches:</label>
                        <div class="note-summary">
                            <h6>All Searches</h6>
                            <p>Assumed Name Records Search Bankruptcy Filings Search County Civil Records Search</p>
                        </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