@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">
  @if (isset($content->image))
    <div class="inner-page-img"><img src="{{ asset('uploads/contents') }}/{{ $content->image }}" alt="" class="img-responsive"></div>
  @endif
  <div class="clearfix"></div>
  @if (!isset($faqs))
    {!! isset($content->description) ? $content->description : '' !!}
  @endif

  @if (isset($faqs))
  <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">

    @foreach ($faqs as $faq)
    <div class="panel panel-default">
      <div class="panel-heading" role="tab" id="heading{{ $faq->id }}">
        <h4 class="panel-title">
          <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapse{{ $faq->id }}" aria-expanded="true" aria-controls="collapse{{ $faq->id }}">
            <i class="more-less glyphicon glyphicon-plus"></i> <span>{{ $faq->question }}</span>
          </a>
        </h4>
      </div>
      <div id="collapse{{ $faq->id }}" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading{{ $faq->id }}">
        <div class="panel-body">
          <p>{!! $faq->answer !!}</p>
        </div>
      </div>
    </div>
    @endforeach

  </div>
  @endif

  @if(isset($showEnquiryForm))
  <!-- Enquiry form. -->
  <div class="cont-page-form">
    @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="formEnquiry" id="formEnquiry" ng-submit="postEnquiry(enquiryFields)">
        <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="enquiryFields.name" ng-minlength="3" ng-maxlength="50" required>
            <div class="help-block has-error" ng-messages="formEnquiry.name.$error" ng-if="formEnquiry.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="enquiryFields.email" ng-minlength="5" ng-maxlength="155" required>
            <div class="help-block has-error" ng-messages="formEnquiry.email.$error" ng-if="formEnquiry.email.$touched">
                @include('frontend.partials.errormessages')
            </div>
          </div>
          <div class="form-group">
            <label for="phone">Phone</label>
            <input type="text" class="form-control" id="phone" name="phone" ng-model="enquiryFields.phone" ng-blur="checkNumber(enquiryFields.phone)" ng-minlength="7" ng-maxlength="20" required>
            <div class="help-block has-error" ng-messages="formEnquiry.phone.$error" ng-if="formEnquiry.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="course_query">Course Query</label>
            <textarea name="course_query" id="course_query" cols="" rows="" class="form-control"  ng-model="enquiryFields.course_query" ng-minlength="10" ng-maxlength="255" required></textarea>
            <div class="help-block has-error" ng-messages="formEnquiry.course_query.$error" ng-if="formEnquiry.course_query.$touched">
                @include('frontend.partials.errormessages')
            </div>
          </div>
        </div>
        {!! csrf_field() !!}
        <button type="submit" class="btn pull-right" ng-disabled="formEnquiry.$invalid || isPhoneInValid">Submit</button>
      </form>
    </div>
  </div>
  <!-- End -->
  @endif

</div>
@endsection