@extends('layouts.new-app')
@section('content')
@php
 if($pre1 != '') {
    $exp1 = explode('-', $pre1);
    $operator1 = $exp1[0];
 } else {
    $exp1 = '';
    $operator1 = '';
 }
 @endphp

<div class="container-fluid">
    <div class="row">
        <div class="col-md-6 col-sm-6">
            <h4 class="name">Welcome {{ ucwords(auth()->user()->name.' '.auth()->user()->last_name) }}</h4>
        </div>
        <div class="col-md-6 col-sm-6 text-right">
            <a class="btn btn-sm btn-outline-success" data-toggle="modal" data-target="#largeModal">CONSOLIDATION LESSON PLAN</a>
        </div>
        <div class="col-md-12 col-sm-12">
            <h5 class="caption">Here you can select the operator type and do the further actions</h5>
        </div>
        <div class="modal fade in" id="largeModal" tabindex="-1" role="dialog" style="display:none;">
            <div class="modal-dialog modal-lg" role="document">
                <div class="modal-content" style="margin-left: 25%;">
                    <div class="modal-body">
                        <span class="ls-hide" data-dismiss="modal"><span class="material-icons">cancel</span></span>
                        <img src="{{ asset('new_theme/images/Consolidated-Lesson-Plan.jpg') }}" alt="image" width="100%">
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<section>
<div class="container-fluid courseall">
    <div class="row" style="justify-content: center;">
        <div class="col-md-5 col-sm-12 col-lg-5 col-xs-12 ">
            <div class="col-md-12 col-sm-12 firstcourse">
                <div class="row">
                    <div class="col-xs-12 col-md-12 col-sm-12 col-lg-8 eachcoursetitle"><span class="coursecountone" data-toggle="popover" style="cursor: pointer"  data-placement="bottom" data-content="Class AB Operator have primary responsibility for operation and maintenance of UST system.">AB</span>CLASS 'AB' OPERATOR</div>
                    <div class="col-xs-12 col-md-12 col-sm-12 col-lg-4 text-right mobile-res">
                       @if($payment1 == 0)
                       <a href="{{ url('/user/payment/1') }}" class="btn btn-primary btn-sm buynowbtn">BUY NOW</a>
                       @else
                       <a href="{{ url('/user/payments') }}" class="btn btn-warning btn-sm">PAID</a>
                       @endif
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12 col-sm-12">
                        <div class="courseimage">
                            <img src="{{ asset('new_theme/images/login-ust-6.jpg') }}" class="img-fluid" style="cursor: pointer" data-toggle="tooltip" data-placement="bottom"x data-html="true" title="<div style='padding:5px;'><div class='imaehovetitle'>CLASS 'AB' OPERATOR</div><div class='imagehovetxt'>Underground Storage Tank(UST) operator A training courses meet the federal requirement for UST operator training. Operator AB Course is divided into three sections, Pre-Evaluation, Course Content(12 Chapters), Post-Evaluation. Training may be stopped and restarted, allowing for maximum schedule flexibility. Golars does not impose time restrictions on course access.</div></div>" >
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12 col-sm-12">
                        <p class="coursedisc">Class AB Operator have primary responsibility for operation and maintenance of UST system.</p>
                    </div>
                </div>
                <div class="row coursebuttonwraper">
                    <div class="col-md-6 col-sm-12 col-xs-12 col-lg-6 text-center">
                        @if($payment1 >= 1)
                            @if($pre1 != '')
                            <a href="{{ url('user/page/'.$pre1) }}" class="btn btn-block btn-sm" style="width:9rem;"> @if($preCnt1 == 90 && $previousExams >= 10) Course Completed <span class="green"><i class="fa fa-check" aria-hidden="true"></i></span> @else Resume Course @endif</a>
                            @else
                            <a href="{{ url('user/chapter-home/1') }}" class="btn btn-block btn-sm"> @if($opt1==100) Course Completed @else Begin Course @endif</a>
                            @endif
                        @else
                            <a href="#" class="btn btn-block btn-sm buy-btn">Begin Course</a>
                        @endif
                    </div>
                    <div class="col-md-6 col-sm-12 col-xs-12 col-lg-6 text-center">
                        @if($opTotals1 == $preSlideCnt1 && $previousExams >= 10)
                            <a href="{{ url('user/exam/100') }}" class="btn btn-block btn-sm">Final Evaluation @if($oppost1 != 0) <span class="green"><i class="fa fa-check" aria-hidden="true"></i></span> @endif</a>
                        @else
                            <a href="#" class="btn btn-block btn-sm alert-post">Final Evaluation @if($oppost1 != 0) <span class="green"><i class="fa fa-check" aria-hidden="true"></i></span> @endif</a>
                        @endif
                    </div>
                </div>
                @if($opt1!=0)
                <div class="row">
                    <div class="col-md-12 col-sm-12">
                        <div class="progressbarcontaier">
                            <div class="progress">
                                <div class="progress-bar" style="width:{{$opt1}}%"></div>
                            </div>
                            <div class="progress-status">
                                {{$opt1}}% Completed
                                @if($oppost1 >= 1)
                                    <a href="{{ url('user/c_certificate') }}" class="btn btn-outline-success btn-flex btn-sm pull-right">VIEW/DOWNLOAD CERTIFICATE</a>
                                @endif
                            </div>
                        </div>
                    </div>
                </div>
                @endif
            </div>
        </div>
    </div>
</div>
<script>
  $(document).ready(function(){
    $("#ls-hide").click(function(){
        $("#largeModal").hide();
    });
  });

  $(".alert-post").on('click', function() {
     swal({
        title: 'Please complete the Course and chapter evaluations'
     })
  });

  $(".alert-requi").on('click', function() {
     swal({
        title: 'Please Submit Prerequisite Form First'
     })
  });

  $(".buy-btn").on('click', function() {
     swal({
        title: 'Please purchase course to continue'
     })
  });
</script>
</section>
@endsection