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



<style>
section.mission {
    margin-bottom: 25px !important;
}
.btn-div button, .btn-div input {
    background: #252525;
    color: #fff;
    font-family: 'Poppins';
    padding: 15px 30px;
}
.dt-form form {
    padding: 45px 50px 0px 70px;
}
.error {
    color: red;
    font-size: 14px;
    font-weight: 500;
}
</style>



<main>
    
    
       <div class="main-inde-c">

        <section class="inde-banner">
            <img src="{{ URL::asset('uploads/dirtycopsus/cms/homepage/'.$homePage->home_banner) }}" class="img-fluid banner-img" alt="">
            <div class="main-slide">
                <div class="position-relative">
                    <div class="container">
                        <div class="row">
                            <div class="banner-slider">
                                <h3>Unmasking Bad Landlords</h3>
                                <p>  {!! !empty($homePage) ? $homePage->mission_statement : '' !!}</p>
                                <div class="btn-div post text-center">
                                    <a href="{{ url('submit/review') }}" class="btn_banner">Write a Review</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="black-inde">
                <div class="container">
                    <div class="black-box">
                        <div class="row">
                            <h4>{!! !empty($homePage) ? $homePage->one_line_section : '' !!}</h4>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <section class="mission-inde">
            <div class="container">
                <div class="row gy-5">
                    <div class="col-12 col-lg-6">
                        <div class="d-flex align-items-center">
                            <div class="">
                                <h3 class="stroke">Mission Statement</h3>
                                <p class="para">  {!! !empty($homePage) ? $homePage->one_line_sectionsec : '' !!} </p>
                                <div class="btn-div">
                                    <a href="{{ url('/objective') }}" class="btn_banner btn_banner1">Read More</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-lg-6">
                        <img src="{{ URL::asset('uploads/dirtycopsus/cms/homepage/'.$homePage->statement_image) }}" class="img-fluid img-pos" alt="">
                    </div>
                </div>
            </div>
        </section>

        <section class="crimes-ofinde">
            <div class="container">
                <div class="row justify-content-center">
                    
                        <div class="slider">
                            <div class="">
                                <div class="parent">
                                    <img src="{{ asset('assets/front/images/sli1.png') }}" alt="">
                                    <div class="overfron">
                                        <div class="over">
                                            <a href="javascript:;">Property Condition</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="">
                                <div class="parent">
                                    <img src="{{ asset('assets/front/images/sli2.png') }}" alt="">
                                    <div class="overfron">
                                        <div class="over">
                                            <a href="javascript:;">Lease Violations</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="">
                                <div class="parent">
                                    <img src="{{ asset('assets/front/images/sli1.png') }}" alt="">
                                    <div class="overfron">
                                        <div class="over">
                                            <a href="javascript:;">Property Condition</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="">
                                <div class="parent">
                                    <img src="{{ asset('assets/front/images/sli2.png') }}" alt="">
                                    <div class="overfron">
                                        <div class="over">
                                            <a href="javascript:;">Lease Violations</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    
                </div>
            </div>
        </section>



  

        <section class="dt-form newalbabi">
        <div class="container">
           
            
            @if(session('success'))
                <h6 class="alert alert-success">
                    {{ session('success') }}
                </h6>
            @endif
            
            <form action="{{ route('reviewPayment') }}" method="POST" enctype="multipart/form-data">
                @csrf
                
              <div class="row gy-4">
                    
                    
                    <div class="col-sm-12 col-md-6 col-lg-5">
                        <label class="d-flex justify-content-between" for="date-time"><span>
                     Date/ Period of Residence
                            </span><b>:</b></label>
                    </div>
                    
                    <div class="col-sm-12 col-md-6 col-lg-7">
                        
                         <div class="row">
                            <div class="col-lg-12 col-12">
                                
                                <!--<input type="text" name="date_of_incident[]" id="datePicker" class="input form-control" placeholder="" autocomplete="off">-->
                                <input type="text" name="date_of_incident" id="" class="input form-control" placeholder="" autocomplete="off">
                                
                            </div>
                             
                        @if($errors->has('date_of_incident'))
                        <div class="error">Date/ Period of Residence</div>
                        @endif
                        </div>
                    </div>
                    
                    
                    <div class="col-sm-12 col-md-6 col-lg-5">
                        <label class="d-flex justify-content-between" for="date-time"><span>Location and Description of Residence
                                </span><b>:</b></label>
                    </div>
                    <div class="col-sm-12 col-md-6 col-lg-7">
                        <div class="row">
                            <div class="col-lg-12 col-12">
                                <input class="input form-control" type="text" name="department" value="{{ old('department') }}" autocomplete="off">
                                @if($errors->has('department'))
                                <div class="error">Location and Description of Residence</div>
                                @endif
                            </div>
                        </div>
                    </div>
                    
                    
                    
                    <div class="col-sm-12 col-md-6 col-lg-5">
                        <label class="d-flex justify-content-between"  for="date-time"><span>Name(s) of Landlord(s)/ Owner(s)/ Company</span><b>:</b></label>
                    </div>
                    
                    <div class="col-sm-12 col-md-6 col-lg-7">
                        <div class="row">
                           <div class="col-lg-12 col-12">
                                <input class="input form-control" type="text" name="officer_name" id="date-time" value="{{ old('officer_name') }}" autocomplete="off"> 
                                @if($errors->has('officer_name'))
                                <div class="error">Name(s) of Landlord(s)/ Owner(s)/ Company</div>
                                @endif
                            </div>
                        </div>
                    </div>
                    
                
                    <div class="col-sm-12 col-md-6 col-lg-5">
                        <label class="d-flex justify-content-between" for="location"><span>Name(s) of Inhabitant(s)/ Renter(s)</span><b>:</b></label>
                    </div>
                    <div class="col-sm-12 col-md-6 col-lg-7">
                        <input class="input form-control" type="text" name="victim_or_confidential" id="location" value="{{ old('victim_or_confidential') }}" autocomplete="off">
                        @if($errors->has('victim_or_confidential'))
                        <div class="error">Name(s) of Inhabitant(s)/ Renter(s) is required</div>
                        @endif
                    </div>
                    
                
                    <div class="col-sm-12 col-md-6 col-lg-5">
                        <label class="d-flex justify-content-between" for="details"><span>Describe the Behavior/ Acts/ Events</span><b>:</b></label>
                    </div>
                    
                    <div class="col-sm-12 col-md-6 col-lg-7">
                        <textarea class="input form-control" type="text" name="describe_the_incident" id="location" value="{{ old('describe_the_incident') }}" autocomplete="off"></textarea>
                    </div>
                    
                    <!-- @if($errors->has('describe_the_incident'))-->
                    <!--    <div class="error">Describe the Behavior/ Acts/ Events is required</div>-->
                    <!--@endif-->
                    
                    <div class="col-sm-12 col-md-6 col-lg-5">
                        <label class="d-flex justify-content-between" for="details"><span>Additional Details</span><b>:</b></label>
                    </div>
                    
                    <div class="col-sm-12 col-md-6 col-lg-7">
                        <textarea id="makeMeSummernote" name="additional_describtion" value="{{ old('additional_describtion') }}" autocomplete="off"> </textarea>
                        <!--@if($errors->has('additional_describtion'))-->
                        <!--<div class="error">{{ $errors->first('additional_describtion') }}</div>-->
                        <!--@endif-->
                    </div>
                    
                    
                    </div>
                    
                    <div class="col-sm-12 col-md-12 col-lg-12">
                        <div class="btn-div text-end">
                            <button type="submit" class="px-5">Submit</button>
                        </div>
                    </div>
                </div>
            </form>

        </div>
    </section>

    </div>
    


    <!--<section class="my-mission new_stat">-->
    <!--    <div class="container">-->
    <!--        <div class="row gy-4">-->
    <!--            <div class="col-12 col-lg-5">-->
    <!--                <img src="{{ URL::asset('uploads/dirtycopsus/cms/homepage/'.$homePage->statement_image) }}"-->
    <!--                    class="img-fluid" alt="">-->
    <!--            </div>-->
    <!--            <div class="col-12 col-lg-7">-->
    <!--                <div class="d-flex align-items-center">-->
    <!--                    <div class="">-->
    <!--                        <div class="miss-bfr">-->
    <!--                            <h1>Mission Statement</h1>-->
    <!--                        </div>-->
    <!--                        <p>-->
    <!--                            {!! !empty($homePage) ? $homePage->quote_section : '' !!}-->
    <!--                        </p>-->
    <!--                    </div>-->
    <!--                </div>-->
    <!--            </div>-->

    <!--            <div class="col-12">-->
    <!--                <p>-->
                      
    <!--                </p>-->

    <!--                <hr>-->

    <!--                <p>-->
                        
    <!--                </p>-->
    <!--            </div>-->
    <!--        </div>-->
    <!--    </div>-->
    <!--</section>-->

    <!--<section class="convo-inde">-->
    <!--    <div class="container">-->
    <!--        <hr class="non-bottom">-->
    <!--        <div class="row">-->
               
    <!--        </div>-->
    <!--    </div>-->
    <!--</section>-->

    <section class="mission mt-3 bottom">
        <div class="container">
            <div class="row gy-4 justify-content-center">
                <div class="col-10">
                    <div class="pt-3 mt-5 object-mar">
                        {!! !empty($homePage) ? $homePage->contact_section : '' !!}
                    </div>
                </div>

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

</main>

@endsection