@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('uploads/dirtycopsus/cms/reviewpage/'.$reviewPage->banner) }}" 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>{!! !empty($reviewPage->banner) ? $reviewPage->title : '' !!}</h3>
                              <!--<h3>Search 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>
                                                
                                                <input type="text" id="department" name="department" autocomplete="off" class="form-control f-input lev">
                                                <!--<select name="deparmtment" id="" class="lev">-->
                                                <!--@if(count($departments))-->
                                                <!--  @foreach($departments as $depar)-->
                                                <!--    <option value="{{ ucfirst($depar->department) }}">{{ ucfirst($depar->department) }}-->
                                                <!--    </option>-->
                                                    
                                                <!--  @endforeach                -->
                                                <!--@endif        -->
                                                <!--</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))
                                                <option value="" selected>All States</option>
                                                @foreach($locations as $locat)
                                                <option value="{{$locat->location}}">{{ ucfirst($locat->location) }}</option>
                                                @endforeach  
                                                @endif 
                                                
                                             </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="text" id="" autocomplete="off" 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(!empty($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">
                            @if(!empty(getImagesFromCKEditor($rev->describtion)))   
                            
                              <li>
                                 <img src="{{ getImagesFromCKEditor($rev->describtion) }}" alt="">
                              </li>
                            @else
                            
                            <li>
                                 <img src="{{ URL::asset('uploads/dirtycopsus/dummy-picture/logo.png') }}" alt="">
                              </li>
                            @endif
                              <li class="padd-left">
                                 <h5>{{ !empty($rev->department) ? ucfirst($rev->department) : ''}}</h5>
                                 <p> {{ strip_tags(substr($rev->describtion,0,300)) }}...</p>
                                 @if(isset($rev->date_of_incident))
                                 <span class="frst"> {{$rev->officer_name }} </span> <span> {{ $rev->date_of_incident }} </span>
                                 @else
                                 <span class="frst"> {{$rev->officer_name }} </span>
                                 @endif
                              </li>
                           </ul>
                        </li>
                     </ul>
                  </a>
               </div>
               @endforeach
               @else
               <div>
                   <h4>No Reviews found</h4>
               </div>
               @endif
               
            </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">
       
   @if(isset($reviews))
   <ul class="pagination">
   {{ $reviews->links() }}
   
   </ul>
   @endif
   
   </div>
   </div>
   </div>
   </section>
   </div>
   </div>
   </section>
</main>
@endsection