@extends('front.layouts.app')
@section('content')



<style>


.criteria {
    background: #f1f1f100;
}

.criteria {
    margin: 0 0 50px;
    padding: 70px 0;
}

.con {
    padding-left: unset;
}

.criteria li {
    font-size: 17px;
    padding: 10px 0;
    padding-left: 31px;
    font-weight: 500;
    line-height: 32px;
    font-weight: 500;
}

.criteria li::before {
    height: 11px;
    width: 11px;
    top: 20px;
    transform: unset;
}

.col-12.col-lg-5 img {
    height: 380px;
}

.criteria li::before {
    content: unset;
}

.criteria {
    margin: 0 0 50px;
    padding: 70px 0 0 0;
}

.criteria li {
    padding-left: 0px;
}


</style>
<main>
    
    <section class="banner">
        <div class="main-slide">
            <div class="h-100 position-relative">
                <img src="{{ URL::asset('assets/front/images/contact.png') }}" class="img-fluid banner-img big-ban" alt="">
                <div class="exa">
                    <div class="container">
                        <div class="row">
                            <div class="col-12 col-lg-10">
                                <div class="banner-slider">
                                    <div class="content aos-init aos-animate" data-aos="fade-right"
                                        data-aos-duration="1500">
                                        <h3>Serch Reviews</h3>
                                        <div class="appoin">
                                            <form action="{{ route('search.reviews') }}" method="get" class="booking-form">
                                                <div class="row">
                                                    <div class="col-6 col-sm-6 col-md-3 col-lg-3 col-xl-3 col-xxl-3">
                                                        <div class="number-box">
                                                            <p class="f-text">Department</p>
                                                            <select name="department_id" id="" class="lev">
                                                                @if(!empty($departments))
                                                                 @foreach($departments as $depart)
                                                                    <option value="{{ $depart->id }}">{{ $depart->department }} </option>
                                                                @endforeach
                                                                @endif    
                                                                
                                                                
                                                            </select>
                                                            </select>
                                                        </div>
                                                    </div>
                                                    <div class="col-6 col-sm-6 col-md-3 col-lg-3 col-xl-3 col-xxl-3">
                                                        
                                                        <div class="number-box">
                                                            <p class="f-text">Location</p>
                                                            
                                                            <select name="location_id" id="" class="lev">
                                                                @if(!empty($locations))
                                                                 @foreach($locations as $locat)
                                                                    <option value="{{$locat->id}}">{{ ucfirst($locat->location) }}</option>
                                                                 @endforeach  
                                                                @endif 
                                                                
                                                                <!--<option value="AL">Alabama</option>-->
                                                                <!--<option value="AK">Alaska</option>-->
                                                                <!--<option value="AZ">Arizona</option>-->
                                                                <!--<option value="AR">Arkansas</option>-->
                                                                <!--<option value="CA">California</option>-->
                                                                <!--<option value="CO">Colorado</option>-->
                                                                <!--<option value="CT">Connecticut</option>-->
                                                                <!--<option value="DE">Delaware</option>-->
                                                                <!--<option value="DC">District Of Columbia</option>-->
                                                                <!--<option value="FL">Florida</option>-->
                                                                <!--<option value="GA">Georgia</option>-->
                                                                <!--<option value="HI">Hawaii</option>-->
                                                                <!--<option value="ID">Idaho</option>-->
                                                                <!--<option value="IL">Illinois</option>-->
                                                                <!--<option value="IN">Indiana</option>-->
                                                                <!--<option value="IA">Iowa</option>-->
                                                                <!--<option value="KS">Kansas</option>-->
                                                                <!--<option value="KY">Kentucky</option>-->
                                                                <!--<option value="LA">Louisiana</option>-->
                                                                <!--<option value="ME">Maine</option>-->
                                                                <!--<option value="MD">Maryland</option>-->
                                                                <!--<option value="MA">Massachusetts</option>-->
                                                                <!--<option value="MI">Michigan</option>-->
                                                                <!--<option value="MN">Minnesota</option>-->
                                                                <!--<option value="MS">Mississippi</option>-->
                                                                <!--<option value="MO">Missouri</option>-->
                                                                <!--<option value="MT">Montana</option>-->
                                                                <!--<option value="NE">Nebraska</option>-->
                                                                <!--<option value="NV">Nevada</option>-->
                                                                <!--<option value="NH">New Hampshire</option>-->
                                                                <!--<option value="NJ">New Jersey</option>-->
                                                                <!--<option value="NM">New Mexico</option>-->
                                                                <!--<option value="NY">New York</option>-->
                                                                <!--<option value="NC">North Carolina</option>-->
                                                                <!--<option value="ND">North Dakota</option>-->
                                                                <!--<option value="OH">Ohio</option>-->
                                                                <!--<option value="OK">Oklahoma</option>-->
                                                                <!--<option value="OR">Oregon</option>-->
                                                                <!--<option value="PA">Pennsylvania</option>-->
                                                                <!--<option value="RI">Rhode Island</option>-->
                                                                <!--<option value="SC">South Carolina</option>-->
                                                                <!--<option value="SD">South Dakota</option>-->
                                                                <!--<option value="TN">Tennessee</option>-->
                                                                <!--<option value="TX">Texas</option>-->
                                                                <!--<option value="UT">Utah</option>-->
                                                                <!--<option value="VT">Vermont</option>-->
                                                                <!--<option value="VA">Virginia</option>-->
                                                                <!--<option value="WA">Washington</option>-->
                                                                <!--<option value="WV">West Virginia</option>-->
                                                                <!--<option value="WI">Wisconsin</option>-->
                                                                <!--<option value="WY">Wyoming</option>-->
                                                            </select>
                                                        </div>
                                                        
                                                    </div>

                                                    <div class="col-6 col-sm-6 col-md-3 col-lg-3 col-xl-3 col-xxl-3">
                                                        <div class="number-box">
                                                            <p class="f-text">Date</p>
                                                            <input type="date" name="date" class="form-control f-input lev">
                                                        </div>
                                                    </div>

                                                    <div class="col-6 col-sm-6 col-md-3 col-lg-3 col-xl-3 col-xxl-3">
                                                        <div class="search-btn submi h-100 d-flex align-items-end">
                                                            <input type="submit" class="submiting" value="Search">
                                                        </div>
                                                    </div>

                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="statements criteria un-space sec123">
        <div class="container">
            <div class="row soyeh gy-4">
                <div class="col-12 col-lg-8">
                    @if(session('success'))
                        <h6 class="alert alert-success">
                            {{ session('success') }}
                        </h6>
                    @endif
                    @if(count($reviews) > 0)
                        @foreach($reviews as $rev)
                            <div class="lidti">
                                <a href="{{ url('listing/details/'.Crypt::encrypt($rev->id)) }}">
                                            <ul class="hellio">
                                                <li class="main-revi">
                                                    <ul class="d-flex">
                                                        <li>
                                                            <img src="{{ URL::asset('uploads/dirtycopsus/reviews/'.$rev->file) }}" alt="">
                                                        </li>
                                                        <li class="padd-left">
                                                            <h5>{{ ucfirst($rev->title_name) }}</h5>
                                                            <div>{!! substr($rev->describtion,0,300) !!}...</div> 
                                                            <span class="frst">{{$rev->officer_name }}</span><span>{{ date('h:i A', strtotime($rev->time_of_incident)) }}</span><span>
                                                                {{ date('M d',strtotime($rev->date_of_incident)) }}</span>
                                                        </li>
                                                    </ul>
                                                </li>
                                            </ul>
                                </a>
                            </div>
                        @endforeach
                    @endif
                    
                    <!--<div class="lidti">-->
                    <!--    <ul class="hellio">-->
                    <!--        <li class="main-revi">-->
                    <!--            <ul class="d-flex">-->
                    <!--                <li>-->
                    <!--                    <img src="{{ URL::asset('assets/front/images/post.webp') }}" alt="">-->
                    <!--                </li>-->
                    <!--                <li class="padd-left">-->
                    <!--                    <h5><a href="listing-details2.php">Bribery trial of ex-Palm Springs mayor and-->
                    <!--                            developer delayed to 2024</a></h5>-->
                    <!--                    <p>More than a decade after prosecutors say then-mayor of Palm Springs-->
                    <!--                        Pougnet<br>began taking-->
                    <!--                        bribes from powerful developer, they-->
                    <!--                        haven't gone to trial-->
                    <!--                    </p>-->
                    <!--                    <span class="frst">PALM SPRING</span><span>1:05 p.m.</span><span>PT-->
                    <!--                        Nov.22</span>-->
                    <!--                </li>-->
                    <!--            </ul>-->
                    <!--        </li>-->
                    <!--    </ul>-->
                    <!--</div>-->
                    <!--<div class="lidti">-->
                    <!--    <ul class="hellio">-->
                    <!--        <li class="main-revi">-->
                    <!--            <ul class="d-flex">-->
                    <!--                <li>-->
                    <!--                    <img src="{{ URL::asset('assets/front/images/post.webp') }}" alt="">-->
                    <!--                </li>-->
                    <!--                <li class="padd-left">-->
                    <!--                    <h5><a href="listing-details3.php">Bribery trial of ex-Palm Springs mayor and-->
                    <!--                            developer delayed to 2024</a></h5>-->
                    <!--                    <p>More than a decade after prosecutors say then-mayor of Palm Springs-->
                    <!--                        Pougnet<br>began taking-->
                    <!--                        bribes from powerful developer, they-->
                    <!--                        haven't gone to trial-->
                    <!--                    </p>-->
                    <!--                    <span class="frst">PALM SPRING</span><span>1:05 p.m.</span><span>PT-->
                    <!--                        Nov.22</span>-->
                    <!--                </li>-->
                    <!--            </ul>-->
                    <!--        </li>-->
                    <!--    </ul>-->
                    <!--</div>-->
                    <!--<div class="lidti">-->
                    <!--    <ul class="hellio">-->
                    <!--        <li class="main-revi">-->
                    <!--            <ul class="d-flex">-->
                    <!--                <li>-->
                    <!--                    <img src="{{ URL::asset('assets/front/images/post.webp') }}" alt="">-->
                    <!--                </li>-->
                    <!--                <li class="padd-left">-->
                    <!--                    <h5><a href="listing-details4.php">Bribery trial of ex-Palm Springs mayor and-->
                    <!--                            developer delayed to 2024</a></h5>-->
                    <!--                    <p>More than a decade after prosecutors say then-mayor of Palm Springs-->
                    <!--                        Pougnet<br>began taking-->
                    <!--                        bribes from powerful developer, they-->
                    <!--                        haven't gone to trial-->
                    <!--                    </p>-->
                    <!--                    <span class="frst">PALM SPRING</span><span>1:05 p.m.</span><span>PT-->
                    <!--                        Nov.22</span>-->
                    <!--                </li>-->
                    <!--            </ul>-->
                    <!--        </li>-->
                    <!--    </ul>-->
                    <!--</div>-->
                    <!--<div class="lidti">-->
                    <!--    <ul class="hellio">-->
                    <!--        <li class="main-revi">-->
                    <!--            <ul class="d-flex">-->
                    <!--                <li>-->
                    <!--                    <img src="{{ URL::asset('assets/front/images/post.webp') }}" alt="">-->
                    <!--                </li>-->
                    <!--                <li class="padd-left">-->
                    <!--                    <h5><a href="listing-details5.php">Bribery trial of ex-Palm Springs mayor and-->
                    <!--                            developer delayed to 2024</a></h5>-->
                    <!--                    <p>More than a decade after prosecutors say then-mayor of Palm Springs-->
                    <!--                        Pougnet<br>began taking-->
                    <!--                        bribes from powerful developer, they-->
                    <!--                        haven't gone to trial-->
                    <!--                    </p>-->
                    <!--                    <span class="frst">PALM SPRING</span><span>1:05 p.m.</span><span>PT-->
                    <!--                        Nov.22</span>-->
                    <!--                </li>-->
                    <!--            </ul>-->
                    <!--        </li>-->
                    <!--    </ul>-->
                    <!--</div>-->
                    <!--<div class="lidti">-->
                    <!--    <ul class="hellio">-->
                    <!--        <li class="main-revi">-->
                    <!--            <ul class="d-flex">-->
                    <!--                <li>-->
                    <!--                    <img src="{{ URL::asset('assets/front/images/post.webp') }}" alt="">-->
                    <!--                </li>-->
                    <!--                <li class="padd-left">-->
                    <!--                    <h5><a href="listing-details6.php">Bribery trial of ex-Palm Springs mayor and-->
                    <!--                            developer delayed to 2024</a></h5>-->
                    <!--                    <p>More than a decade after prosecutors say then-mayor of Palm Springs-->
                    <!--                        Pougnet<br>began taking-->
                    <!--                        bribes from powerful developer, they-->
                    <!--                        haven't gone to trial-->
                    <!--                    </p>-->
                    <!--                    <span class="frst">PALM SPRING</span><span>1:05 p.m.</span><span>PT-->
                    <!--                        Nov.22</span>-->
                    <!--                </li>-->
                    <!--            </ul>-->
                    <!--        </li>-->
                    <!--    </ul>-->
                    <!--</div>-->
            
                </div>

                <div class="col-12 col-lg-4">
                    <div class="d-flex justify-content-center">
                        <form action="{{ route('newest.oldest') }}" method="get">
                            
                            <select name="sort" id="sort" class="selectti">
                                @foreach($sortOptions as $key => $value)
                                    <option value="{{ $key }}" {{ $selectedSort === $key ? 'selected' : '' }}>{{ $value }}</option>
                                @endforeach
                            
                            </select>
                        <button type="submit" class="theAPp">Apply</button>
                    </form>
                    </div>
                </div>
            </div>
    </section>

    <section class="pagi5867">
        <div class="container">
            <div class="row">
                <div class="col-12 col-lg-8 col-lg-8lgng">
                    <ul class="pagination">
                        
                        {{ $reviews->links() }}
                        
                        <!--<li class="icon">-->
                        <!--    <a href="javascript:;"><span class="fas fa-angle-left"></span>Previous</a>-->
                        <!--</li>-->
                        <!--<li><a href="javascript:;">1</a></li>-->
                        <!--<li><a href="javascript:;">2</a></li>-->
                        <!--<li><a href="javascript:;">3</a></li>-->
                        <!--<li><a href="javascript:;">4</a></li>-->
                        <!--<li><a href="javascript:;">5</a></li>-->
                        <!--<li><a href="javascript:;">6</a></li>-->
                        <!--<li><a href="javascript:;">7</a></li>-->
                        <!--<li><a href="javascript:;">8</a></li>-->
                        <!--<li><a href="javascript:;">9</a></li>-->
                        <!--<li><a href="javascript:;">10</a></li>-->
                        <!--<li class="icon">-->
                        <!--    <a href="javascript:;">Next<span class="fas fa-angle-right"></span></a>-->
                        <!--</li>-->
                        
                    </ul>
                </div>
            </div>

        </div>
    </section>


</div>
</div>


    </section>




</main>

@endsection