@extends('main')
@section('title')
  {{ __('Card') }}
@endsection
@section('styles')
  <style>
  #wrap {
    max-width: 660px;
    margin: 100px auto;
  }
</style>
@endsection
@section('content')
  <div class="page-header">
    <div class="row-inner">
      <h1 class="page-title">{{ __('Card') }}</h1>
      <nav class="breadcrumbs-trail" role="navigation"><a href="{{ Route('mobily.site.home.page') }}" class="home">{{ __('Home') }}</a> <span class='breadcrumbs-separator'>&raquo;</span> {{ __('Card') }}</nav>
    </div>
  </div>
  <section class="wpb_row main_row  no-seperator" style="padding-top:20px; padding-bottom:40px;">
    <div class="row-inner">
      <div class="wpb_column vc_column_container vc_col-sm-12">
        <div class="vc_column-inner ">
          <div class="wpb_wrapper">
            <div class="wpb_text_column wpb_content_element ">
              <div class="wpb_wrapper">
                <div class="vc_empty_space" style="height: 100px"><span class="vc_empty_space_inner"></span></div>
                <div class="vc_message_box vc_message_box-standard vc_message_box-rounded vc_color-success">
                  <div class="vc_message_box-icon"><i class="fa fa-check"></i>
                  </div>
                  <p>{{ __('Empty Card') }}</p>
                </div>
                <div class="vc_empty_space" style="height: 100px"><span class="vc_empty_space_inner"></span></div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
@endsection
@section('scripts')
  {!! Html::script(Theme::current()->assetPath.'/js/jquery.validate.js') !!}
  <script type="text/javascript">
    jQuery(document).ready(function($){
      $.validator.messages.required = "{{ __('This field is required.') }}";
      $.validator.messages.email = "{{ __('Please enter a valid Email.') }}";
      $("#myform").validate({
        invalidHandler: function(event, validator) {
          // 'this' refers to the form
          var errors = validator.numberOfInvalids();
          if (errors) {
            var message = errors == 1
            ? 'You missed 1 field. It has been highlighted'
            : 'You missed ' + errors + ' fields. They have been highlighted';
            $("div.error span").html(message);
            $("div.error").show();
          } else {
            $("div.error").hide();
          }
        }
      });
    });
  </script>
@endsection