@extends('layouts.app')


@section('content')

    <div class="container mt-10">
        <div class="card-body">
            <h3>Please fullfil the form</h3>
            <form action="{{route('transportation.request.store')}}" method="POST">
                @csrf
                <div class="form-group row">
                    <div class="form-group col-md-6">
                        <label for="pickup_date">{{  __('Pickup Date')}}</label>
                        <input name="pickup_date" type="text" class="date form-control @error('pickup_date') is-invalid @enderror" placeholder="Date" >

                        @error('pickup_date')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                        @enderror
                    </div>
                    <div class="form-group col-md-6">
                        <label for="pickup_time">{{ __('Pickup Time')}}</label>
                        <input name="pickup_time" type="text" class="timepicker form-control @error('pickup_time') is-invalid @enderror" placeholder="Time" >
                        @error('pickup_time')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                        @enderror
                    </div>
                </div>

                <div class="form-group row">

                    <div class="col-md-6">
                        <label for="pickup_location" class="">{{ __('Pickup Location') }}</label>
                        <select name="pickup_location" id="pickup_location" class="form-control @error('pickup_location') is-invalid @enderror" name="pickup_location"  autocomplete="pickup_location">
                            <option value="">Select Pickup Location</option>
                            @foreach($areas as $area) 
                                <option value="{{$area->area_code}}">{{$area->area_name}}</option>
                            @endforeach
                        </select>

                        @error('pickup_location')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                        @enderror
                    </div>
                </div>

                <div class="form-group row">
                    <div class="col-md-12">
                        <label for="drop-off">Drop off location</label>
                        <input name="address1" type="text" class="form-control @error('address1') is-invalid @enderror" placeholder="Address 1" >
                        <br>
                        <input name="address2" type="text" class="form-control" placeholder="Address 2">
                        @error('address1')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                        @enderror
                    </div>

                    


                </div>
                <div class="form-group row">
                    <div class="form-group col-md-4">
                        <input name="postcode" type="text" class="form-control @error('postcode') is-invalid @enderror" placeholder="Postcode" >
                        
                        @error('postcode')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                        @enderror
                    </div>
                    <div class="form-group col-md-4">
                        <input name="city" type="text" class="form-control @error('city') is-invalid @enderror" placeholder="City" >   
                        @error('city')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                        @enderror
                    </div>
                    <div class="form-group col-md-4">
                        <input name="state" type="text" class="form-control @error('state') is-invalid @enderror" placeholder="State" >
                        @error('state')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                        @enderror
                    </div>

                </div>

                <div class="form-group row">
                    <div class="form-group col-md-6">
                        <label for="no_passenger">No. of Passengers</label>
                        <input name="no_passenger" type="text" id="passenger" class="form-control @error('no_passenger') is-invalid @enderror" placeholder="No. of Passengers" >
                        @error('no_passenger')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                        @enderror
                    </div>
                    
                    <div class="form-group col-md-6">
                        <label for="no_luggage">No. of Luggage</label>
                        <select name="no_luggage" id="no_luggage" class="form-control @error('no_luggage') is-invalid @enderror">
                            <option value="" selected disabled>No. of Luggage</option>
                        </select>
                        @error('no_luggage')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                        @enderror
                    </div>
                </div>

                <div class="form-group row">
                    <div class="col-md-6 form-group">
                        <label for="vehicle_type">Vehicle Type</label>
                        <select name="vehicle_type" id="vehicle_type" class="form-control @error('vehicle_type') is-invalid @enderror">
                            <option value="" selected disabled>Vehicle Type</option>
                        </select>
                        @error('vehicle_type')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                        @enderror
                    </div>
                </div>

                <div class="form-group row">
                    <div class="col-md-12">
                        <label for="message">Message</label>
                        <textarea
                            class="form-control @error('message') is-invalid @enderror"
                            rows="3"
                            name="message"
                            placeholder="Write your enquiry here."
                        >Write your enquiry here.</textarea>
                        @error('message')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                        @enderror
                    </div>
                </div>

                <div class="form-group row mb-0">
                    <div class="col-md-6">
                        <button type="submit" class="btn btn-primary">
                            {{ __('Request') }}
                        </button>
                    </div>
                </div>

            </form>
        </div>
    </div>

@endsection