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



<main>
    
<style>
.btn-div button {
    background: #252525;
    color: #fff;
    font-family: 'Poppins';
    padding: 15px 30px;
}
textarea#location {
    height: 140px;
}
</style>

    <section class="banner latoi" style="height: 500px;">
        <div class="main-slide">
            <div class="h-100 position-relative">
                <img src="{{ URL::asset('uploads/dirtycopsus/cms/submitreviewpage/'.$reviewPages->banner)}}" class="img-fluid banner-img " style="position: absolute;" alt="">
                <!--{!!  isset($reviewPages->title) ? $reviewPages->title : ''  !!}-->
                <div class="container">
                    <div class="row ">
                        <div class="banner-slider" style=" padding:130px 0;">
                            <div class="content aos-init aos-animate" data-aos="fade-right"
                                data-aos-duration="1500">
                                <h3 style="color: #fff; font-size:50px; text-transform: capitalize;text-shadow: 3px 0px #00000073;">{{ !empty($reviewPages->title) ? $reviewPages->title : '' }}</h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="black">
        <div class="container">
            <div class="row">
                <div class="black-box">
                    <div class="row justify-content-center">
                        <div class="col-12 col-lg-8">
                            {!!  isset($reviewPages->quote_section) ? $reviewPages->quote_section : ''  !!}
                            <!--<p>“When the people fear their government, there is tyranny;-->
                            <!--    when the government fears the people, there is liberty.” </p>-->
                            <!--<h6> - Thomas Jefferson</h6>-->
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

   
    
   
    <section class="dt-form">
        <div class="container">
            <div class="top" style="background:#ed0c0c;">
                <h2 class="text-center">{!! isset($reviewPages->heading) ? $reviewPages->heading : ''  !!}</h2>
            </div>
            
            @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-4">
                        <label class="d-flex justify-content-between" for="date-time"><span>
                            Date of Incident(s)
                            </span><b>:</b></label>
                    </div>
                    
                    <div class="col-sm-12 col-md-6 col-lg-8">
                        
                         <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" >-->
                                
                            <!--</div>-->
                            <div class="col-lg-12 col-12">
                                <input type="text" name="date_of_incident" class="input form-control" placeholder="" autocomplete="off" >
                            </div>
                            @if($errors->has('date_of_incident'))
                            <div class="error">{{ $errors->first('date_of_incident') }}</div>
                            @endif
                        </div>
                    </div>
                    
                    
                    
                    <div class="col-sm-12 col-md-6 col-lg-4">
                        <label class="d-flex justify-content-between"  for="date-time"><span>Department and Location</span><b>:</b></label>
                    </div>
                    
                    <div class="col-sm-12 col-md-6 col-lg-8">
                        <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">{{ $errors->first('department') }}</div>
                                @endif
                            </div>
                        </div>
                    </div>
                    
                
                    <div class="col-sm-12 col-md-6 col-lg-4">
                        <label class="d-flex justify-content-between" for="date-time"><span>Name of Officer(s)
                                </span><b>:</b></label>
                    </div>
                    <div class="col-sm-12 col-md-6 col-lg-8">
                        <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">{{ $errors->first('officer_name') }}</div>
                                @endif
                            </div>
                        </div>
                    </div>
                    
                
                    <div class="col-sm-12 col-md-6 col-lg-4">
                        <label class="d-flex justify-content-between" for="location"><span>Victim or
                        Confidential</span><b>:</b></label>
                    </div>
                    <div class="col-sm-12 col-md-6 col-lg-8">
                        <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">{{ $errors->first('victim_or_confidential') }}</div>
                        @endif
                    </div>
                    
                
                    <div class="col-sm-12 col-md-6 col-lg-4">
                        <label class="d-flex justify-content-between" for="details"><span>Describe the Incident(s)</span><b>:</b></label>
                    </div>
                    
                    <div class="col-sm-12 col-md-6 col-lg-8">
                        <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">{{ $errors->first('describe_the_incident') }}</div>
                    @endif
                    
                    <div class="col-sm-12 col-md-6 col-lg-4">
                        <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-8">
                        <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>
</main>



@endsection