@extends('layouts.default')

@section('page_css')
<style>
  .error{
    color: #FF0004;
  }
  }
</style>
        @include('includes.portal-css')	
@stop
        
 @section('content')
  <!-- Breadcroumbs start -->
  <div class="wshipping-content-block wshipping-breadcroumb inner-bg-1">
    <div class="container">
      <div class="row">
        <div class="col-12 col-lg-6">
          <h1>Report an Issue</h1>
          <a href="{{URL('/')}}" title="Home">Home</a> / Report an Issue
        </div>
        {{-- <div class="col-12 col-lg-6 text-right">
          <h4>We freight to all over the world
            The best logistic company, <span>FAST</span> and <span>SAFELY!</span></h4>
        </div> --}}
      </div>
    </div>
  </div>
  <!-- Breadcroumbs end --> 
<section class="faq-section-2 c-padd">
    <h3 class="font-weight-700 tx-title-blue mb-5 text-center">Drop us a message for any issue</h3>
  <div class="container">
  <form action="{{route('store-report-issue')}}" method="post" id="frm_submit">
    @csrf
    <div class="row" align="center">
      <div class="col-md-12">
        @if($errors->first('error'))
            <span class="text-danger">{{ $errors->first('error') }}</span>
        @elseif($errors->first('success'))              
            <span class="text-success">{{ $errors->first('success') }}</span>
        @endif
      </div>
    </div>
      
    <div class="row mb-4">
      <div class="col-lg-6">
        <div class="form-group">
            <label>First Name </label>
            <input type="text" class="form-control" placeholder="Enter First Name" id="firstname" name="first_name" value="{{ old('first_name') }}">
            @if($errors->first('first_name'))
            <span class="text-danger">{{ $errors->first('first_name') }}</span>
            @endif
          </div>
          <div class="form-group">
            <label>Last Name </label>
            <input type="text" class="form-control" placeholder="Enter Last Name" id="lastname" name="last_name" value="{{ old('last_name') }}">
            @if($errors->first('last_name'))
            <span class="text-danger">{{ $errors->first('last_name') }}</span>
            @endif
          </div>
          <div class="form-group">
            <label>Email Address <span class="red-text">*</span></label>
            <input type="text" class="form-control" placeholder="Enter Email Address" id="emailaddress" name="email_address" value="{{ old('email_address') }}">
            @if($errors->first('email_address'))
            <span class="text-danger">{{ $errors->first('email_address') }}</span>
            @endif
          </div>
         
      </div>
      <div class="col-lg-6">
        <div class="form-group">
            <label>Message <span class="red-text">*</span></label>
           <textarea class="form-control" name="message" id="message" style="height: 200px;">{{ old('message') }}</textarea>
           @if($errors->first('message'))
           <span class="text-danger">{{ $errors->first('message') }}</span>
           @endif
        </div>
        <div class="form-group" align="right">
            <button class="btn-3">Submit</button>
        </div>
      </div>
    </div>
  </form>
  </div>
</section>  
@section('javascript')
  @include('includes.portal-script')	
  <script type="text/javascript">
   
    $(document).ready(function(){  

        $('#frm_submit').validate({ 
            rules: {
                
                email_address: {
                    required:{
                        depends:function(){
                            $(this).val($.trim($(this).val()));
                            return true;
                        }
                    }
                },
                message:{
                    required:{
                        depends:function(){
                            $(this).val($.trim($(this).val()));
                                return true;  
                        }
                    }
                },
               
            },
          
            submitHandler: function (form) {
                
                $("input[type=submit]").prop("disabled", true);
                form.submit();
            }
        });        
    });    
    
</script>

@stop
@endsection