@extends('user.layout.app')

@section('styles')
<style>
    input{
        border-radius: 0px !important;
        border-color: #ccc !important;
        padding: 6px 12px !important;
        height: 40px !important;
    }
    select{
      height: 40px !important;
    }
    .com_title{
      text-align: center;
    }
    .com_subtitle{
      text-align: center;
      font-size: 17px;
    }
    sup{
        color: red;
    }
    .tooltip-inner {
    max-width: 200px;
    /* If max-width does not work, try using width instead */
    width: 350px; 
    }
    .acknow{
      font-size: 12px;
    }
</style>
@endsection

@section('content')
<!-- Page Header -->
    <div class="page-header">
        <div class="container">
            <h2 class="page-title"></h2>
        </div>
    </div>
    <!-- Page Header End -->
<div class="cps-main-wrap">
<!-- About us -->
        <div class="cps-section cps-section-padding" id="about">
            <div class="container">
                <div class="row">
                    <div class="col-md-8 col-md-push-2">
                      @if (count($errors) > 0)
                          <div class="alert alert-danger">
                              <button type="button" class="close" data-dismiss="alert">×</button>
                              <ul>
                                  @foreach ($errors->all() as $error)
                                      <li>{{ $error }}</li>
                                  @endforeach
                              </ul>
                          </div>
                      @endif

                      @if(Session::has('flash_error'))
                          <div class="alert alert-danger">
                              <button type="button" class="close" data-dismiss="alert">×</button>
                              {{ Session::get('flash_error') }}
                          </div>
                      @endif


                      @if(Session::has('flash_success'))
                          <div class="alert alert-success">
                              <button type="button" class="close" data-dismiss="alert">×</button>
                              {{ Session::get('flash_success') }}
                          </div>
                      @endif

                        <h4 class="com_title">Register Your Complaints</h4>
                        <p class="com_subtitle">Please fill out the following form with your complaint. We will review your request and follow up with you as soon as possible.</p>
                        <form action="{{ url('/complaintstore') }}" method="POST">
                          {{csrf_field()}}
                            <div class="form-group">
                              <label for="email">Name:</label>
                              <input type="text" class="form-control" id="name" placeholder="Enter Name" name="name">
                            </div>
                            <div class="form-group">
                              <label for="email">Email:<sup>*</sup></label>
                              <input type="email" class="form-control" id="email" required="required" placeholder="Enter email" name="email">
                            </div>
                            <div class="form-group">
                              <label for="email">Phone:</label>
                              <input type="text" class="form-control" id="phone" placeholder="Enter phone" name="phone">
                            </div>
                            <div class="form-group">
                              <label for="pwd">Nature of Complaint: <sup>*</sup> </label>
                              <select name="complaint_type" id="complaint_type" required="required" class="form-control">
                                  <option value="">Select Complaint</option>
                                  <option value="Driver behaviour">Driver behaviour</option>
                                  <option value="Driver driving skills">Driver driving skills</option>
                                  <option value="Lost property">Lost property</option>
                                  <option value="Trip charges">Trip charges</option>
                              </select>
                            </div>
                            <div class="form-group">
                              <label for="pwd">Specify Details of the Complaint: <sup>*</sup> </label>
                              <textarea name="complaint_desc" id="complaint_desc" required="required" cols="30" rows="10" class="form-control"></textarea>
                              <p class="acknow">Your complaint will be acknowledged promptly.<br>
We will take the most appropriate disciplinary action in relation to your complaint. This will be based on the information you provide us and the information we collect as part of our investigation. <br>We will contact you if further information is required</p>
                            </div>
                            <button type="submit" class="btn btn-default">Submit</button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
        <!-- About us end -->
		<div class="cps-cta cps-gray-bg style-4">
            <div class="container text-center">
                <h3 class="cps-cta-title">Driver &amp; Passenger App on Android and IOS</h3>
                <p class="cps-cta-text">Your App for Taxis, Cars and Beyond...</p>
                <div class="cps-cta-download">
                    <a href="{{Setting::get('store_link_android','#')}}" target="_blank"><img src="{{asset('asset/theme/images/googleplay.png')}}" alt="Download from Google Play"></a>
                    <a href="{{Setting::get('store_link_ios','#')}}" target="_blank"><img src="{{asset('asset/theme/images/appstore.png')}}" alt="Download from Play Store"></a>
                </div>
            </div>
        </div>
</div>
@endsection

@section('scripts')
<script>
  $(function () {
    $('[data-toggle="tooltip"]').tooltip()
  });
</script>
@endsection