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

<main>

<style>
.btn-div button {
    background: #252525;
    color: #fff;
    font-family: 'Poppins';
    padding: 15px 30px;
}
</style>
    <section class="banner">
        <div class="main-slide">
            <div class="h-100 position-relative">
                <img src="{{ URL::asset('assets/front/images/rev.jpg')}}" class="img-fluid banner-img " alt="">
                <div class="container">
                    <div class="row">
                        <div class="banner-slider">
                        </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">
                            <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="statements criteria">
        <div class="container">
            <div class="row gy-3">
                <div class="col-12 col-lg-6">
                    <img src="{{ URL::asset('assets/front/images/sub.png') }}" class="img-fluid down-last" alt="">
                </div>
                <div class="col-12 col-lg-6">
                    <div class="con">
                        <h3 class="stroke2 stroke">Submission Criteria</h3>
                        <ul>
                            <li>DATE OF INCIDENT </li>
                            <li>DEPARTMENT </li>
                            <li>OFFICER NAME </li>
                            <li>NAME OF VICTIM (Or confidential) </li>
                            <li>DESCRIPTION OF EVENTS (+ Links) </li>
                        </ul>
                        <div class="btn-div">
                            <a href="javascript:;" class="banner_btn">Submit Review</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    
   
    <section class="dt-form">
        <div class="container">
            <div class="top" style="background:#ed0c0c;">
                <h2 class="text-center">Submit Your Report Now</h2>
            </div>
            
            @if(session('success'))
                <h6 class="alert alert-success">
                    {{ session('success') }}
                </h6>
            @endif
            
            <form action="{{ route('paypal.pay') }}" 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>Title of Review</span><b>:</b></label>
                    </div>
                    <div class="col-sm-12 col-md-6 col-lg-8">
                        <input class="input form-control" type="text" name="title_name" id="date-time" value="{{ old('title_name') }}">
                        @if($errors->has('title_name'))
                        <div class="error">{{ $errors->first('title_name') }}</div>
                        @endif
                    </div>
                    
                    
                    
                    <div class="col-sm-12 col-md-6 col-lg-4">
                        <label class="d-flex justify-content-between" for="date-time"><span>Date of the
                            incident</span><b>:</b></label>
                    </div>
                    
                    <div class="col-sm-12 col-md-6 col-lg-8">
                        
                         <div class="row">
                            <div class="col-lg-6 col-12">
                                <input type="date" class="input form-control" name="date_of_incident" value="{{ old('date_of_incident') }}" />
                            </div>
                             <div class="col-lg-6 col-12">
                                <input type="time" class="input form-control" name="time_of_incident" value="{{ old('time_of_incident') }}" />
                            </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-sm-12 col-md-6 col-lg-6">
                                <select name="department" class="input form-control" id="cars">
                                  @if($departments) 
                                    @foreach($departments as $depart)
                                      <option value="{{ $depart->id }}"> {{ $depart->department }} </option>
                                    @endforeach
                                  @endif
                                </select>
                            </div>
                        
                            <div class="col-sm-12 col-md-6 col-lg-6">
                                <select name="location" class="input form-control" id="cars">
                                  @if($locations) 
                                    @foreach($locations as $locat)
                                      <option value="{{ $locat->id }}"> {{ ucfirst($locat->location) }} </option>
                                    @endforeach
                                  @endif
                                </select>
                            </div>
                        </div>
                    </div>
                    
                    
                    @if($errors->has('department'))
                        <div class="error">{{ $errors->first('department') }}</div>
                    @endif
                    
                    <div class="col-sm-12 col-md-6 col-lg-4">
                        <label class="d-flex justify-content-between" for="date-time"><span>Officer
                                Name and Image (If Any)</span><b>:</b></label>
                    </div>
                    <div class="col-sm-12 col-md-6 col-lg-8">
                        <div class="row">
                            <div class="col-lg-6 col-12">
                                <input class="input form-control" type="text" name="officer_name" id="date-time" value="{{ old('officer_name') }}">
                                @if($errors->has('officer_name'))
                                <div class="error">{{ $errors->first('officer_name') }}</div>
                                @endif
                            </div>
                            
                             <div class="col-lg-6 col-12">
                                <input type="file" name="image" class="input form-control">
                                @if($errors->has('image'))
                                <div class="error">{{ $errors->first('image') }}</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') }}">
                        @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>INCIDENT(S)/CRIMES</span><b>:</b></label>
                    </div>
                    
                    <div class="col-sm-12 col-md-6 col-lg-8">
                        <input class="input form-control" type="text" name="incident_crime" id="location" value="{{ old('incident_crime') }}">
                    </div>
                    
                     @if($errors->has('incident_crime'))
                        <div class="error">{{ $errors->first('incident_crime') }}</div>
                    @endif
                    
                    <div class="col-sm-12 col-md-6 col-lg-4">
                        <label class="d-flex justify-content-between" for="details"><span>Describe the incident</span><b>:</b></label>
                    </div>
                    
                    <div class="col-sm-12 col-md-6 col-lg-8">
                        <textarea id="makeMeSummernote" name="describtion" value="{{ old('describtion') }}"> </textarea>
                        @if($errors->has('describtion'))
                        <div class="error">{{ $errors->first('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