@if(session('success'))
  <div class="alert alert-success">
      <button data-dismiss="alert" class="close" type="button">&times;</button>
      {{session('success')}}
    </div><!--alert--> <br>
@endif

@if(session('error'))
    <div class="alert alert-danger">
      <button data-dismiss="alert" class="close" type="button">&times;</button>
      {{session('error')}}
    </div><!--alert--> <br>
@endif

<div class="form-row">
    <div class="form-group col-md-6">
        <input type="text" value="" data-msg-required="Please enter your name." maxlength="100" class="form-control" name="name" id="name" placeholder="Name" required>
    </div>

    <div class="form-group col-md-6">
        <input type="email" value="" data-msg-required="Please enter your email address." data-msg-email="Please enter a valid email address." maxlength="100" class="form-control" name="email" id="email" placeholder="E-mail" required>
    </div>
</div>

<div class="form-row">
    <div class="form-group col">
        <input type="text" value="" data-msg-required="Please enter the subject." maxlength="100" class="form-control" name="subject" id="subject" placeholder="Subject" required>
    </div>

</div>

<div class="form-row">
    <div class="form-group col">
        <textarea maxlength="5000" data-msg-required="Please enter your message." rows="5" class="form-control" name="message" id="message" placeholder="Message" required></textarea>
    </div>
</div>

<div class="form-row mt-2">
    <div class="col">
        <input type="submit" value="SEND MESSAGE" class="btn btn-primary btn-rounded btn-4 font-weight-semibold text-0" data-loading-text="Loading...">
    </div>

    {{ csrf_field() }}

</div>