@extends('template.default')
@push('styles')
 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
@endpush
@section('content')
  <div class="header-breadcrumbs">
    <div class="container">
      <div class="row">
        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
          {{-- <iframe frameborder="1" width="420" height="345" src="//www.youtube.com/"></iframe> --}}
          <div class="headerheading">
            <p class="big-caption home-big-cation" >How can we transfer basic maintenance knowledge effectively to the next generation? </p>
          </div>
        </div>
      </div>
    </div>
  </div>
  <br>
  <!-- testomilial area end hear -->

  <div class="coursedetails-area">
    <div class="container-inner">
      <div class="row">
        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="">
          <div class="aboutus-video mob-aboutus-video">
            <div class="container mob-p-l-0">
              <div class="row">
                <h3 style="color: #337ab7;"><b><u>Quality is Not an Accident, The Challenge of Managing Maintenance Quality</u></b></h3>
                <h5>ISBN: 9798842723751</h5>
                <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2" id="">
                  <img src="public/assets/images/NewCoverImages/Maintenance-quality.jpg" class="landing-page" alt="landing-page" style="height: auto;width: 100%; padding:10px;">
                </div>
                <div id="">
                  <h4><b>What stands in the way of quality maintenance work?</b></h4> 
                  <p>Quality of work depends on everything going right. For years we've tended to blame the maintainers when quality suffers. Now we realize there are barriers to quality, independent of the person. These barriers are named and, when addressed, will improve the quality of your whole maintenance effort.</p>
                  <p>Quality issues are directly related to safety issues; at the core of both are mistakes. <u>Quality is Not an Accident </u>will directly help you reduce all types of mistakes. This full-color graphic novel is fun to read and covers the basics of managing quality.</p>             
                  <p>This work investigates the barriers to quality, the relationship between mistakes and bad quality, and accidents.</p>  
                  <p><u>Quality is no Accident</u>  is the fourth book in the Elements of Great Maintenance Management series, designed to educate practitioners on the basics of some, often complex, but vital maintenance ideas.</p>
                  <h4><b>What do experts in the field say:<br>Rolly Angeles, Consultant at RSA Reliability and Maintenance Consultancy Firm (Philippines)</b></h4>
                  <p>Joel Levitt is one of the maintenance gurus I admire and have much respect for. I have purchased some of his books which I used for reference. There are many authors out there, which you will have a difficult time digesting the contents of the book. Joel has found a way of overcoming this by writing a book in an animated format where it is straightforward to understand.</p>
                  <p>If you are looking for a smart way to improve your plant, I highly recommend this book by Joel Levitt, which you can finish reading in one sitting. I give this book two thumbs up.</p>
                  <br>
                  <h4><b>Quality is a motivator.</b></h4>
                  <p>W.E. Deming said, "The greatest motivator for workers is pride in a job well done."</p>                        
                  <h2 style="text-align: center;">Free offer!</h2>
                  <p><b>Order one of these books for free</b> and see how it can fit into your curriculum.  Order a review copy of one of the books today by filling in the form with a street address where we can send it.</p>
                  <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 p-t-10">
                  <button type="button" data-toggle="modal" data-target="#exampleModal" class="buttonsize"  id="submitBtn" style="color:white !important;background-color: #c61508 !important;border:1px !important;border-radius:4px !important;line-height: revert;width:auto;"><b>For Free Review Copy mailed directly to you</b></button>
                  </div>
                  <h4 style="margin-top:90px;"><b>Paperback:</b></h4>
                  <a href="https://www.amazon.com/dp/B0B7QGX4TL" target="_blank">https://www.amazon.com/dp/B0B7QGX4TL</a>
                </div> 
                <div style="text-align: center;">
                  <a href="http://amazon.com/author/joellevitt" target="_blank"><img src="public/assets/images/NewCoverImages/Joel003.jpg" class="landing-page" alt="landing-page" style="height: auto;width: 200px; padding:10px;"></a>
                <a href="http://amazon.com/author/joellevitt" target="_blank"><p style="font-size: 18px;"><u>See all of Joel Levitt's books on Amazon</u></p></a>
                </div>
              </div> 
            </div>
            <br>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- Modal -->
  <div class="modal" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title" id="exampleModalLabel">Contact Email</h5>
          <button type="button" class="close contactemail" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
        <form type="post" id="contactForm" name="contactForm">
          <div class="modal-body" style="margin-left:50px !important">
            <div class="col-md-12">
              <div class="row" style="margin-bottom: 15px !important;">
                <div class="col-md-3">
                  <label>Name:</label>
                </div>
                <div class="col-md-9">
                  <input type="text" id="name" name="name" class="contactFormInp">
                </div>
              </div>
            </div>
            <div class="col-md-12">
              <div class="row" style="margin-bottom: 15px !important;">
                <div class="col-md-3">
                  <label>Email:</label>
                </div>
                <div class="col-md-9">
                  <input type="email" id="email" name="email" class="contactFormInp">
                </div>
              </div>
            </div>
            <div class="col-md-12">
              <div class="row" style="margin-bottom: 15px !important;">
                <div class="col-md-3">
                  <label>Street Address:</label>
                </div>
                <div class="col-md-9">
                  <input type="text" id="address" name="address" class="contactFormInp">
                </div>
              </div>
            </div>
            <div class="col-md-12">
              <div class="row" style="margin-bottom: 10px !important;">
                <div class="col-md-3">
                  <label>Comments:</label>
                </div>
                <div class="col-md-9">
                  <textarea name="comments" id="comments" class="contactFormInp"></textarea>
                </div>
              </div>
            </div>
            <div class="col-md-12">
              <div class="row" style="margin-bottom: 10px !important;">
                <div class="col-md-3">
                  <label>Training Needs:</label>
                </div>
                <div class="col-md-9">
                  <textarea name="training" id="training" class="contactFormInp"></textarea>
                </div>
              </div>
            </div>  
            <div class="col-md-12">
              <div class="row" style="margin-bottom: 10px !important;">
                <div class="col-md-3">
                  <input type="hidden" class="hiddenRecaptcha required" name="hiddenRecaptcha" id="hiddenRecaptcha" value="">
                  <div id="recaptcha" class="g-recaptcha" data-callback="validateRecaptcha" data-expired-callback="expiredRecaptcha" data-sitekey="6LewakIUAAAAACSoKMaBasi3pn53TBjxqBVLKJDJ"></div>
                </div>
              </div>
            </div> 
          </div>
          <div class="row" style="margin-left:20px !important">
            <p>*You will be notified when new books in this series come out. Unsubscribe anytime</p>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-secondary closeEmailModal" data-dismiss="modal" style="background-color:#c61508 !important">Close</button>
            <button type="submit" class="btn btn-primary saveBtnEmail" style="background-color:#c61508 !important">Save</button>
          </div>
        </form> 
      </div>
    </div>
  </div>
@endsection

@push('styles')
<style>
  .form-error{color:red !important; font-weight: lighter;}
  .color{color:red;}
  iframe:focus {
    outline: none;
  }
  iframe[seamless] {
    display: block;
  }
  .more{
    margin-left: 2px;
    color: #c61508;
  }
  .boxsize{
    height: 366px!important;
    width: 363px!important;
  }
  .butontop {
    margin-top: -132px!important;
    height: 150px!important;
  }
  .laserfocus{
    height: 340px!important;
    width: 360px!important;
  }
  .modal-header .close {
    margin-top: -22px !important;
  }
  .modal-header{
    border-bottom:0px !important
  }
  .modal-footer{
    border-top:0px !important
  }
  .closeEmailModal .saveBtnEmail{
    background-color:#c61508 !important
  }
  .form-error{color:red !important; font-weight: lighter;}
  .color{color:red;}
  .error{
    color:red !important  
  }
  .contactFormInp{
    width: 260px; 
    vertical-align: top;
  }
</style>
  <link href="{{{URL::asset('public/css/home.css')}}}" rel="stylesheet">
  <link href="{{{URL::asset('public/css/about.css')}}}" rel="stylesheet">
  <meta name="csrf-token" content="{{ csrf_token() }}" />
@endpush

@push('scripts')
<script type="text/javascript" src="{{{URL::asset('public/js/jquery-1.7.1.min.js')}}}"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.min.js"></script>
<script>
  
  $(document).ready(function(){
    $("#contactForm").validate({  
      rules: {
        name : "required",
        email: "required",
      },  
    });
  });

  $('#contactForm').on('submit',function(e) {
    e.preventDefault(); 
  console.log($('#contactForm').valid());
    if($('#contactForm').valid()) {
      $.ajax({
        type: "POST",
        headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
        data:$('#contactForm').serialize(),
        url: "{{route('saveEmail')}}",
        success: function(response)
        {
          $('#exampleModal').modal('hide');
          $('.contactemail').trigger('click');
        }
      }); 
    }
  });

  $('#exampleModal').on('show.bs.modal', function () {
    $('#contactForm').find('#email,#name,#address,#comments,#training').val('');
    $('#contactForm').validate().resetForm();
  });

</script>
@endpush