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



<style>
.col-lg-7 {
    flex: 0 0 auto;
    width: 50.333333%;
}
.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;
}

.exa h3 {
    font-family: 'Poppins', sans-serif;
    font-size: 45px !important;
    font-weight: 600;
    margin: 0 0 15px 0;
    color: #fff !important;
    margin-top: 45px;
}

.cops-ad.row.gy-3 {
    margin: 45px 0 0 0;
}
.criteria {
    margin: 0 0 0px;
    padding: 70px 0;
}
</style>

<main>
    
    <section class="statements criteria">
        <div class="container">
            <div class="row gy-3 justify-content-between">
                <div class="col-12 col-lg-5">
                    <div class="con">
                        <ul>
                            <li>NAME AND LOCATION OF DEPARTMENT <br>
                                <div class="items">{{ !empty($reviews->department) ? ucfirst($reviews->department->department) : ''}}, {{ !empty($reviews->location) ? ucfirst($reviews->location->location) : '' }}</div>
                            </li>
                            <li>NAME OF OFFICER - DATE OF <br>
                                <div class="items">{{ ucfirst($reviews->officer_name)}} - {{ date('d/m/y',strtotime($reviews->date_of_incident)) }}</div>
                            </li>
                            <li>INCIDENT(S)/CRIMES <br>
                                <div class="items">{{ ucfirst($reviews->incident_crime)}}</div>
                            </li>
                            <li>NAME OF VICTIM (Or confidential) <br>
                                <div class="items">{{ ucfirst($reviews->victim_or_confidential)}}</div>
                            </li>
                            <li>DESCRIPTION OF EVENTS (+ Links) </li>
                        </ul>
                    </div>
                </div>
                <div class="col-12 col-lg-7">
                    <img src="{{ URL::asset('uploads/dirtycopsus/reviews/'.$reviews->file) }}" class="img-fluid down-list" alt="">
                </div>
                <div class="col-12">
                   {!! $reviews->describtion !!}
                </div>
            </div>

            <div>
    </section>

</main>

@endsection