@extends('layout')

@section('content')

<div class="card">
    <div class="body-container">
        <div class="app-page-title" style="margin:0;">
            <div class="tracking-title">
                Filter
            </div>
            <p class="page-title-subheading">Check the boxes below to only show the records meeting the specific
                criteria: </p>
        </div>
        <div class="card-body">
            <form method="post" action="/searchRequests">
                <div class="row">
                    @csrf
                                    </div>
                <div class="row pull-right">
                        <div role="group" class="btn-group-sm nav btn-group">
                            <input type="submit" class="btn btn-primary btn-sm mr-4" value="Update List"/>
                            <input type="submit" class="btn btn-light btn-sm" name="clear" value="Clear Filters"/>
                        </div>
                </div>
            </form>
        </div>
            </div>
</div>
@stop


<script
    src="https://code.jquery.com/jquery-3.4.1.js"
    integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU="
    crossorigin="anonymous"></script>
<link rel="stylesheet" type="text/css" href="//cdn.datatables.net/1.10.20/css/jquery.dataTables.min.css">
<script src="//cdn.datatables.net/1.10.20/js/jquery.dataTables.min.js"></script>

<script>
    $(document).ready(function () {
        $('.table').each(function(){
           $(this).DataTable();
        });
    });
</script>