@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;
}
p.submit_custom_para123 {
    margin-top: 15px !important;
}

p.submit_custom_para {
    margin-top: 0;
    font-family: 'Poppins';
    line-height: 35px;
    font-weight: 400;
    letter-spacing: .2px;
}

h2.submit_custom_head {
    font-family: 'Poppins';
    font-weight: 600;
    font-size: 35px;
    padding: 20px 13px 0;
}
a.custom_listing_ancor {
    text-decoration: underline;
    font-family: 'Poppins';
    font-size: 16px;
    font-weight: 500;
}
.newili ul {
    margin-left: 11px;
}
.newpar{
    font-size: 17px;
    color: #9f9d9d;
    font-weight: 400;
    margin-left: 29px;

}
p.submit_custom_para {
    margin-top: -7px !important;
}

.criteria img {
    height: 370px;
    width: 100%;
    object-fit: contain;
    background: #000;
}
p.submit_custom_para {
    margin-top: 0;
    font-family: 'Poppins';
    line-height: 32px;
    font-weight: 400;
    letter-spacing: .2px;
}
.newpar {
    font-size: 16px;
    color: #9f9d9d;
    font-weight: 400;
    margin-left: 29px;
}

</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>
                            
                            @if(!empty($reviews->date_of_incident))
                            
                            <li> {{ isset($reviews->date_of_incident) ? 'Date/ Period of Residence' : '' }}
                            
                                <div class="items"> {{ $reviews->date_of_incident }}  </div>
                                
                            </li>
                            @endif
                            
                            
                             <li>Location and Description of Residence<br>
                                <div class="items">{{ !empty($reviews->department) ? ucfirst($reviews->department) : ''}}</div>
                            </li>
                            
                            
                            
                            <li>Name(s) of Landlord(s)/ Owner(s)/ Company<br>

                                 <div class="items">{{ ucfirst($reviews->officer_name)}}</div>
 
                            </li>
                            
                            @if(isset($reviews->victim_or_confidential))
                            <li>Name(s) of Inhabitant(s)/ Renter(s) <br>
                                <div class="items">{{ ucfirst($reviews->victim_or_confidential)}}</div>
                            </li>
                            @endif
                            
                            <li>Describe the Behavior/ Acts/ Events </li>
                            
                        </ul>
                    </div>
                </div>
                 
                @if(!empty(getImagesFromCKEditor($reviews->describtion)))
                
                <div class="col-12 col-lg-7">
                    <img src="{{ getImagesFromCKEditor($reviews->describtion) }}" class="img-fluid down-list" alt="">
                </div>
               
                @else
               
                <div class="col-12 col-lg-7">
                    <img src="https://custom.democlientlink.com/lousylandlord/lousylandlords/public/assets/front/images/logo-foo.png" class="img-fluid down-list" alt="">
                </div>
                @endif
                <p class="submit_custom_para submit_custom_para123 mt-5 newpar">
                   {!! ucfirst($reviews->incident_crime) !!}
                </p>
                
                
                
                @if(!empty($reviews->describtion))
                
                <div class="con newili">
                        <ul>
                            <li>Additional Details, Facts, Witnesses, etc.
                            </li>
                        </ul>
                    </div>
                @endif
                
               
                
                @if(!empty(removeLinksFromPlainText($reviews->describtion)))
                    <p class="submit_custom_para newpar">{{ removeLinksFromPlainText($reviews->describtion) }}</p>
                @endif
                
                @if(!empty(getLinksFromCKEditor($reviews->describtion)))
                    <a href="{{ getLinksFromCKEditor($reviews->describtion) }}" class="custom_listing_ancor"> {{ getLinksFromCKEditor($reviews->describtion) }} </a>
                @endif
                
            </div>

            <div>
    </section>

</main>

@endsection