@extends('layouts.layout-inner')

@section('content')
<div class="container-fluid no-padding">
  <div class="inner-page-title-wrap">
    <div class="inner-page-title">
      <h2>{{ isset($pageTitle) ? $pageTitle : 'Untitled' }}</h2>
    </div>
    <div class="inner-page-title-pointer"></div>
  </div>
</div>

<div id="contentPage" class="container top-bot-spacer-40">

  <h2>Social Care Training Ireland Ltd.</h2>
  <p>15 Dublin St, Carlow</p>
  <div class="contact-pg-cont mobile">0879576221</div>
  <div class="contact-pg-cont email"><a href="">catherine.mccarthy@socialcaretraining.ie</a></div>

  <div class="cont-page-form-contact">
@if (count($errors) > 0)
    <div class="alert alert-danger">
        <ul>
            @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
@endif

@if(Session::has('success'))
    <div class="alert alert-success fade in">
        <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
        <strong>Success!</strong> {{ Session::get('success') }}
    </div>
@endif

@if(Session::has('error'))
    <div class="alert alert-warning fade in">
        <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
        <strong>Warning!</strong> {{ Session::get('error') }}
    </div>
@endif

    <div class="row" ng-controller="contactcCtrl">
      <form method="post" name="formContact" id="formContact" ng-submit="postContact(contactFields)">
        <div class="col-md-6">
            <div class="form-group">
                <label for="name">Name</label>
                <input type="text" class="form-control" id="name" name="name" ng-model="contactFields.name" ng-minlength="3" ng-maxlength="100" required>
                <div class="help-block has-error" ng-messages="formContact.name.$error" ng-if="formContact.name.$touched">
                    @include('frontend.partials.errormessages')
                </div>
            </div>
            <div class="form-group">
                <label for="email">Email</label>
                <input type="email" class="form-control" id="email" name="email" ng-model="contactFields.email" ng-minlength="5" ng-maxlength="155" required>
                <div class="help-block has-error" ng-messages="formContact.email.$error" ng-if="formContact.email.$touched">
                    @include('frontend.partials.errormessages')
                </div>
            </div>
            <div class="form-group">
                <label for="uphonesr">Phone</label>
                <input type="text" class="form-control" id="phone" name="phone" ng-change="checkNumber(contactFields.phone)" ng-model="contactFields.phone" ng-minlength="7" ng-maxlength="15" required>
                <div class="help-block has-error" ng-messages="formContact.phone.$error" ng-if="formContact.phone.$touched">
                    @include('frontend.partials.errormessages')
                    <span class="help-block" ng-if="isPhoneInValid">This needs to be a valid integer.</span>
                </div>
            </div>
        </div>
        <div class="col-md-6">
            <div class="form-group">
                <label for="comments">Comments</label>
                <textarea name="comments" id="comments" cols="" rows="" class="form-control" ng-model="contactFields.comments" ng-minlength="10" ng-maxlength="255" required></textarea>
                <div class="help-block has-error" ng-messages="formContact.comments.$error" ng-if="formContact.comments.$touched">
                    @include('frontend.partials.errormessages')
                </div>
            </div>
        </div>
        <div class="col-md-6" data-ng-init="numCaptcha()">
            <p>Please enter the sum of numbers, this helps prevent spam</p>
            <div class="sumNumber"><% num1 %> + <% num2 %></div>
            <input type="text" class="form-control" id="usrAnswer" name="usrAnswer" ng-model="usrAnswer" style="width:10%;">
        </div>
        {!! csrf_field() !!}
        <div class="col-md-6">
            <button type="submit" class="btn pull-right" ng-disabled="usrAnswer!=answer || isPhoneInValid">Submit</button>
        </div>
      </form>
    </div>
  </div>
  <div class="contact=pg-map">
    <!--<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d56367.01694582266!2d-7.287535639187923!3d52.656776706435984!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x485d31f7445571e1%3A0x1800c7acf1800300!2sCo.+Kilkenny%2C+Ireland!5e0!3m2!1sen!2sin!4v1497432336408" width="100%" height="440" frameborder="0" style="border:0" allowfullscreen></iframe>-->
    <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2410.2324210519005!2d-6.929015084180697!3d52.836196879875246!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x485d5d53adb3ee03%3A0x31221bbf5f09e27e!2s1%2C+Lismard+House%2C+Tullow+St%2C+Carlow%2C+Ireland!5e0!3m2!1sen!2sin!4v1510647091946" width="100%" height="440" frameborder="0" style="border:0" allowfullscreen></iframe>
  </div>

</div>
@endsection