@extends('layouts.front.master')
@section('contant')

<!-- Start Home Header -->


<style type="text/css">
   @media screen and (max-width: 568px) {
    .des-details li::marker {
        color: black;
    }
}
   .certificate-img {
    width: 100%!important;
     margin-left: 0px!important;
}
.reviews_section .card-zoom {
    height: auto;
}
.iconaccordian img {
    width: 20px;
}
.des-details li{
    font-size: 14px;
}
.feature-card{
   height: 100%;
   min-height: auto;
}
.feature-card .des-details{
   text-align: justify;
}
.reviews_section .review-box {
    overflow-y: auto;
    max-height: 170px;
}
   .sticky {
   position: fixed;
   top: 0px;
   width: 100%;
   background-color: #7700cc;
   left: 0;
   display: block;
   }
   #navbartab .w-xl-487p{
   width: 429px;
   display: none!important;
   }
   #navbartab.sticky .w-xl-487p{
      width: 100%!important;
      display: block!important;
   }
   .p-5 {
      padding: 18px!important;
   }
   #navbartab .book-free {

      display: none!important;
   }
   #navbartab.sticky .book-free{

      display: block!important;
      }
      .margin-free {
      position: relative;
      top: -10px;
   }
   .freeconsultant {
      list-style-type: none;
      border: 3px solid #5100a8;
      text-align: center;
      padding: 6px;
      position: relative;
      top: -17px;
      /* background-color: #004977; */
   }
   .page-title{
      margin-right: 12rem !important;
      display:block !important;
   }
   .scrolling-top{
   scroll-margin: 100px 0px 0px 0px ;
   }
   @media (max-width: 767.98px){
      .pagetitlepart {
      margin-right: 0px!important;
      font-size: 18px;
   }
      }
      .bookfree12 {
      margin-top: 17px;
   }
   .collapse-accordion-toggle[aria-expanded=false] div svg:not(:last-child), .collapse-accordion-toggle[aria-expanded=false] span svg:not(:last-child) {
    display: none;
}
.collapse-accordion-toggle[aria-expanded=true] div svg:not(:first-child), .collapse-accordion-toggle[aria-expanded=true] span svg:not(:first-child) {
        display: none;
    }
    .input-group > .intl-tel-input.allow-dropdown {
    flex: 1 1 auto;
    width: 1%;
  }

  .input-group > .intl-tel-input.allow-dropdown > .flag-container {
    z-index: 4;
  }
/* .feature-card {
    min-height: 180px!important;
} */
.text-infodk {
    color: rgb(44 151 240) !important;
}
  .iti-flag {
    background-image: url("https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/12.1.6/img/flags.png");
  }
input.mobile_no_2 {
    padding: 8px 0px;
    border: 1px solid #ffffff;
    border-radius: 4px;
    width: 100%;
}
  @media only screen and (min-resolution: 2dppx) {
    .iti-flag {
      background-image: url("https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/12.1.6/img/flags@2x.png");
    }
  }
 @media only screen and (max-width:767px) {
  .unlock-heading{
        font-size: 18px;
        line-height: 1.3em;
  }
  input#support_phone {
    font-size: 13px;
}
.bg_circular_notifi{
   padding: 20px 30px;
  }
  .certificate-img {
    width: 100%;
     margin-left: 0px;
}
.Curriculam-section{
   margin-bottom: 20px;
}
}
</style>

<div class="modal fade-left fade model-load" id="modal-login">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-body load-model-body">
           <div class="row login-alpha">
              <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 login-images">
              </div>
              <div class="col-xxl-6 col-xl-6 col-lg-6 p-0 col-md-6">
                <div class="bg-bright-sun modal-custom-header load-header">
                    <h5 class="modal-title text-white">Login now</h5>
                    <button type="button" class="close close-login text-primary" data-bs-dismiss="modal" aria-label="Close" style="color: #fff!important;">
                        <!-- Icon -->
                        <i class="fas fa-light fa-times"></i>
                    </button>
                </div>
                <div class="box-modal-login white-bg p-5">

                    <div class="loginMSG"></div>
                    <div class="sign__form">
                        <form id="loginForm">
                            <input type="hidden" name="_token" value="UdNIcMXa2Yha3TbzHUIJauQ168nt1Xy4UKvNIbBK">                                <div class="form-group mb-5">
                                <!-- <label for="email">
                                    Username or Email
                                </label> -->
                                <input type="email" class="form-control" name="email" id="email" value="" placeholder="Email" required>
                                <p style="margin-bottom: 2px;" class="text-danger error-container" id="log-error-email"></p>
                            </div>

                            <!-- Password -->
                            <div class="form-group mb-5">
                                <!-- <label for="password">
                                    Password
                                </label> -->
                                <input type="password" class="form-control" name="password" id="password" placeholder="Enter Password" required>
                                <p style="margin-bottom: 2px;" class="text-danger error-container" id="log-error-password"></p>
                            </div>

                            <div class="d-flex align-items-center mb-5 font-size-sm rememberme">
                                <div class="form-check">
                                    <input class="form-check-input text-gray-800" type="checkbox" id="autoSizingCheck1" name="remember">
                                    <label class="form-check-label text-gray-800" for="autoSizingCheck1">
                                        Remember me
                                    </label>
                                </div>

                                <div class="ms-auto">
                                    <a class="text-gray-800" href="https://www.certsolution.org/forgot-password">Forgot Password</a>
                                </div>
                            </div>
                            <!-- Submit -->
                            <button type="button" class="btn btn-block btn-primary p-5 log2">
                                LOGIN
                            </button>
                        </form>
                        <p class="mb-0 font-size-sm text-center">
                            Don't have an account? <a class="text-underline go-register" href="#">Sign up</a>
                        </p>
                    </div>
                 </div>
              </div>
           </div>
  <!-- Register-balde file data -->
  <div class="row register-alpha">
    <div class="row register-2 p-0">
        <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 login-images">

      </div>
        <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 p-0">
            <div class="bg-bright-sun modal-custom-header load-header">
            <h5 class="modal-title text-white">Register now</h5>
            <button type="button" class="close close-login text-primary" data-dismiss="modal" aria-label="Close" style="color: #fff!important;">
                <!-- Icon -->
                <i class="fas fa-light fa-times"></i>
            </button>
        </div>

            <div class="box-modal-login white-bg p-5">

            <div class="sign__form">
                <div class="alert alert-success text-white mx-3 signupSuccess" style="display: none;background:green"> </div>
               <form  id="registerForm">
                <input type="hidden" name="_token" value="UdNIcMXa2Yha3TbzHUIJauQ168nt1Xy4UKvNIbBK">                            <div class="form-group mb-5">
                    <!-- <label for="name">Name</label> -->
                    <input type="text" class="form-control" id="name" name="name" placeholder="Full Name*" autofocus>
                    <p style="margin-bottom: 2px;" class="text-danger error-container" id="reg-error-name"></p>
                </div>
                <div class="form-group mb-5">
                    <!-- <label for="email">Email</label> -->
                    <input type="email" class="form-control " id="email" name="email" placeholder="Email*" >
                    <p style="margin-bottom: 2px;" class="text-danger error-container" id="reg-error-email"></p>
                </div>
                <div class="form-group mb-5">
                    <!-- <label for="mobile">Mobile</label> -->
                    <input type="tel" class="form-control" id="mobile" name="mobile" placeholder="Mobile*" maxlength="10">
                       <p style="margin-bottom: 2px;" class="text-danger error-container" id="reg-error-mobile"></p>
                </div>
                <div class="form-group mb-5">
                    <!-- <label for="password">Password</label> -->
                    <input type="password" class="form-control" id="password" name="password" placeholder="Password*">
                     <p style="margin-bottom: 2px;" class="text-danger error-container" id="reg-error-password"></p>

                </div>
                <!-- <div class="form-group mb-5">
                    <label for="password">Confirm Password</label>
                    <input type="password" class="form-control" id="conf-password" name="password" placeholder="**********">
                </div> -->

                <!-- Submit -->
                <button type="button" class="btn btn-block btn-primary log1">REGISTER</button>
            </form>
              <p class="mb-0 font-size-sm text-center">
                 Have an account? <a class="text-underline go-login" href="javascript:">Login</a>
              </p>
            </div>
         </div>

        </div>
        </div>
  </div>

   <!-- register blade file data ends -->

</div>
</div>
</div>
</div>









<div class="container-fluid text-center pt-6 pb-4 shadow border rounded blue-gradient">
   <div class="mb-4">
       <h1 class="mb-3 text-white fs_18_mobile">{{ $course->name }}</h1>
       <nav class="d-md-block d-none" style="--bs-breadcrumb-divider: '>';" aria-label="breadcrumb">

      </nav>
   </div>
</div>
<section class="pt-md-5 mt-md-5 pt-1 mt-1 bg-white ">
   <div class="container">
      <div class="row mb-md-5 mb-0">
         <div class="col-lg-12 mb-6 mb-lg-0 position-relative">
            {{-- <h1 class="page-title pagetitlepart certzip-heading-color" style=" display:block !important">
               {{ $course->name }} @if($course->mark_bestseller=='Yes') <div class="bestseller"> <p>Bestseller</p> </div> @endif
            </h1> --}}
            <a href="javascript:void(0)"
               class="badge badge-lg badge-rounded-circle badge-secondary font-size-base badge-float badge-float-inside top-10 text-white add-wishlist">
            <i class="far fa-heart"></i>
            </a>
            <!-- COURSE META ================================================== -->
            <div class="d-md-flex align-items-center mb-5">
               {{-- <div class="mb-4 mb-md-0 me-md-8 me-lg-4 me-xl-8">
                  <h6 class="mb-0">Categories</h6>
                  <a href="#" class="font-size-sm text-gray-800">{{ $course->category_name }}</a>
               </div> --}}

            </div>
            <div class="row align-items-center">
               <div class="col-lg-6 col-md-4 col-sm-5 col-xs-12 no-padding clp_video_box">
                  <a href="#" class="d-block sk-thumbnail rounded mb-6"
                     data-fancybox>
                     <img class="rounded shadow-light-lg" src="{{ url('uploads/course/'.$course->image) }}" alt="{{ $course->name }} " loading="lazy">
                  </a>
               </div>
               <div class="col-lg-6 col-md-8 col-sm-7 col-xs-12 no-padding blurb_course">
                  <p class="mb-5">
                     {!! $course->short_description !!}
                  </p>
                  <div class="mb-4 mb-md-0 me-md-6 me-lg-4 me-xl-6">
                     <h6 class="mb-0 text-black"><a href="#pills-reviews" class="text-dark">Read Review</a></h6>
                     <div class="d-lg-flex align-items-center">
                            @if($course->rating!=null)
                               <div class="rating full-star-row">
                                   <div class="empty-star">
                                       <span class="far fa-star"></span>
                                       <span class="far fa-star"></span>
                                       <span class="far fa-star"></span>
                                       <span class="far fa-star"></span>
                                       <span class="far fa-star"></span>
                                   </div>
                                   <a class="overlay-star" style="width:100%;"  ></a>
                                   <div class="fill-star">
                                       <span class="fas fa-star"></span>
                                       <span class="fas fa-star"></span>
                                       <span class="fas fa-star"></span>
                                       <span class="fas fa-star"></span>
                                       <span class="fas fa-star"></span>
                                   </div>

                              </div>
                              <div class="font-size-sm ms-lg-3">
                                 <div class="rev-text">{{number_format((float)$course->rating, 1, '.', '')}} ({{ $course->r_count }} satisfied learners)</div>
                              </div>
                              @endif
                        <!-- <div class="font-size-sm ms-lg-3">
                           <span>(9.8k+ reviews)</span>
                        </div> -->
                     </div>
                  </div>
                  </div>
            </div>
              <!-- SIDEBAR FILTER ================================================== -->
              <h2>{{ $course->classes_heading ? $course->classes_heading : 'Instructor-led live online' }} <span class="text-infodk">Classes</span></h2>

               <div class=" row sidebar_prices shadow mb-5 d-flex align-items-center justify-content-between px-md-5 px-1">
                     <div class="col-md-9 classes-first-section">
                           <h2 class="fs_22 fw_600 pagetitlepart certzip-heading-color" style=" display:block !important">
                              {{ $course->name }} @if($course->mark_bestseller=='Yes') <div class="bestseller"> <p>Bestseller</p> </div> @endif
                           </h2>
                           <p>{{ $course->classes_heading ? $course->classes_heading : 'Instructor-led live online' }} <span>Training (Weekday/Weekend)</span></p>
                     </div>
                     <div class=" col-md-3 classes-second-section">
                        <div class="d-block rounded ">
                           <a href="https://www.youtube.com/watch?v=9I-Y6VQ6tyI" class="d-none sk-thumbnail rounded mb-1"
                              data-fancybox>
                              <div
                                 class="h-60p w-60p rounded-circle size-20-all d-inline-flex align-items-center justify-content-center position-absolute center z-index-1">
                                 <!-- Icon -->
                                 <svg width="14" height="16" viewBox="0 0 14 16" xmlns="http://www.w3.org/2000/svg">
                                    <path
                                       d="M12.8704 6.15374L3.42038 0.328572C2.73669 -0.0923355 1.9101 -0.109836 1.20919 0.281759C0.508282 0.673291 0.0898438 1.38645 0.0898438 2.18929V13.7866C0.0898438 15.0005 1.06797 15.9934 2.27016 16C2.27344 16 2.27672 16 2.27994 16C2.65563 16 3.04713 15.8822 3.41279 15.6591C3.70694 15.4796 3.79991 15.0957 3.62044 14.8016C3.44098 14.5074 3.05697 14.4144 2.76291 14.5939C2.59188 14.6982 2.42485 14.7522 2.27688 14.7522C1.82328 14.7497 1.33763 14.3611 1.33763 13.7866V2.18933C1.33763 1.84492 1.51713 1.53907 1.81775 1.3711C2.11841 1.20314 2.47294 1.21064 2.76585 1.39098L12.2159 7.21615C12.4999 7.39102 12.6625 7.68262 12.6618 8.01618C12.6611 8.34971 12.4974 8.64065 12.2118 8.81493L5.37935 12.9983C5.08548 13.1783 4.9931 13.5623 5.17304 13.8562C5.35295 14.1501 5.73704 14.2424 6.03092 14.0625L12.8625 9.87962C13.5166 9.48059 13.9081 8.78496 13.9096 8.01868C13.9112 7.25249 13.5226 6.55524 12.8704 6.15374Z"
                                       fill="currentColor" />
                                 </svg>
                              </div>
                              <img class="rounded shadow-light-lg" src="assets/img/products/product-2.jpg" alt="product-2.jpg" loading="lazy">
                           </a>
                           @if($course->video_link!=null)
                           <div class="pt-5 pb-4 px-5 px-lg-3 px-xl-5">
                              <iframe class="mt-4" width="100%" frameborder="0" allowfullscreen="" src="https://www.youtube.com/embed/{{ $course->video_link }}"  title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
                           </div>
                           @endif
                           <div class="pt-2 pb-2 px-1 px-lg-3 px-xl-3 border-start price_focus">
                              @php
                                 $date = \Carbon\Carbon::now();
                                 $to   = \Carbon\Carbon::createFromFormat('Y-m-d H:s:i', $date);
                                 $from = \Carbon\Carbon::createFromFormat('Y-m-d', $course->price_deadline);
                                 $diff_in_days = $to->diffInDays($from);
                                 // echo $to.'//'.$data->price_deadline.'//'.$diff_in_days;
                              @endphp

                              <input type="hidden" id="defaultPrice" value="{{ $course->price }}">
                              <form id="courseDetailForm" method="GET" action="{{route('paypalBuy',base64_encode($course->id))}}">
                                 <div class="d-flex align-items-center mb-2">
                                    <input type="hidden" name="newamount" id="newamount">
                                    <input type="hidden" name="courseId" id="courseId" value="{{$course->id}}">
                                    <input type="hidden" name="coursename" id="coursename" value="{{$course->name}}">
                                    <ins class="h2 mb-0">{{ Config::get('app.currency_icon') }}<span id="curramount">{{ $course->price }}</span></ins>
                                    <del class="ms-3">{{ Config::get('app.currency_icon') }}{{ $course->cost }}</del>
                                    <div class="badge badge-lg badge-purple text-white ms-auto fw-normal">{{ Config::get('app.currency_icon') }}{{ $course->price_diff }} Off</div>
                                 </div>
                                 @if($diff_in_days <=7)
                                 <span style="color:red !important">
                                    <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                                       <path d="M9.99974 3.0083C5.79444 3.0083 2.37305 6.42973 2.37305 10.635C2.37305 14.8405 5.79448 18.2619 9.99974 18.2619C14.2053 18.2619 17.6264 14.8405 17.6264 10.635C17.6264 6.42973 14.205 3.0083 9.99974 3.0083ZM9.99974 16.8797C6.55666 16.8797 3.7555 14.0783 3.7555 10.6353C3.7555 7.19219 6.55662 4.39103 9.99974 4.39103C13.4428 4.39103 16.244 7.19219 16.244 10.6353C16.244 14.0785 13.4428 16.8797 9.99974 16.8797Z" fill="currentColor"></path>
                                       <path d="M12.1193 10.4048H10.2761V7.73202C10.2761 7.35022 9.9666 7.04077 9.5848 7.04077C9.20301 7.04077 8.89355 7.35022 8.89355 7.73202V11.0961C8.89355 11.4779 9.20301 11.7873 9.5848 11.7873H12.1194C12.5012 11.7873 12.8106 11.4779 12.8106 11.0961C12.8106 10.7143 12.5011 10.4048 12.1193 10.4048Z" fill="currentColor"></path>
                                       <path d="M6.08489 15.5823C5.80102 15.3267 5.36391 15.35 5.10864 15.6336L3.0349 17.9378C2.77935 18.2214 2.80263 18.6585 3.08627 18.9138C3.2183 19.033 3.38372 19.0915 3.54849 19.0915C3.73767 19.0915 3.92614 19.0143 4.06255 18.8625L6.13629 16.5583C6.3918 16.2746 6.36852 15.8375 6.08489 15.5823Z" fill="currentColor"></path>
                                       <path d="M16.9661 17.9381L14.8924 15.634C14.6375 15.3501 14.2002 15.327 13.9163 15.5826C13.6325 15.8379 13.6097 16.275 13.865 16.5586L15.9387 18.8628C16.0749 19.0144 16.2633 19.0916 16.4525 19.0916C16.6171 19.0916 16.7825 19.033 16.9147 18.9141C17.1986 18.6588 17.2214 18.2217 16.9661 17.9381Z" fill="currentColor"></path>
                                       <path d="M5.96733 1.91597C4.59382 0.571053 2.3798 0.573123 1.03211 1.92105C0.361569 2.59132 -0.00479631 3.47819 4.74212e-05 4.41826C0.00512553 5.34705 0.373327 6.21665 1.03715 6.86689C1.17172 6.99845 1.34614 7.06411 1.52078 7.06411C1.69774 7.06411 1.87469 6.99638 2.00949 6.86181L5.9726 2.8987C6.10303 2.76808 6.17584 2.59085 6.17491 2.40632C6.17401 2.22171 6.09932 2.04523 5.96733 1.91597ZM1.5966 5.31939C1.45813 5.04037 1.38414 4.73162 1.38254 4.41088C1.37953 3.84315 1.60211 3.30581 2.00949 2.89843C2.41594 2.49222 2.95328 2.28921 3.49359 2.28921C3.80949 2.28921 4.12655 2.35855 4.4187 2.49726L1.5966 5.31939Z" fill="currentColor"></path>
                                       <path d="M18.9673 1.92072C17.6194 0.573026 15.4053 0.570721 14.0318 1.91564C13.9 2.04489 13.8252 2.22142 13.8242 2.40595C13.8233 2.59052 13.8963 2.76794 14.0268 2.89833L17.9899 6.86144C18.1247 6.99648 18.3016 7.06398 18.4786 7.06398C18.6532 7.06398 18.8279 6.99831 18.9622 6.86628C19.6263 6.21628 19.9945 5.34672 19.9993 4.41789C20.0042 3.47809 19.6376 2.59122 18.9673 1.92072ZM18.4028 5.3193L15.5807 2.4972C16.3729 2.12114 17.3459 2.25458 17.9899 2.89856C18.3973 3.30594 18.6199 3.84301 18.6169 4.41102C18.6152 4.73152 18.5413 5.04051 18.4028 5.3193Z" fill="currentColor"></path>
                                    </svg>
                                    {{$diff_in_days}} days left at this price!
                                 </span>
                                 @endif
                              </form>
                              <form id="courseDetail" method="POST">
                                 <input type="hidden" name="course" id="course" value="{{$course->id}}">
                              </form>
                              @if(Auth::check())
                                 <div id="paypal-course-button"></div>
                                <!-- <a href="javascript:void(0)" class="buy-course">
                                    <button class="btn certzip-bttn btn-block rounded-pil p-3" type="button" name="button">ENROLL NOW</button>
                                 </a> -->
                              @else
                                 <button class="btn certzip-bttn btn-block buy-now rounded-pill p-3 mt-3" type="button" name="button">ENROLL NOW</button>
                              @endif
                              <!-- <a class="btn btn-orange btn-block mb-6 add-item" href="javascript:void(0)" name="addItem">ADD TO CART</a> -->
                              <!-- <ul class="list-group list-group-flush mt-5">
                                 <li class="nav-item px-3 bookfree freeconsultant">
                                    <a href="#" class="nav-link p-0 bookfree1" data-bs-toggle="modal" data-bs-target="#freeconsult">
                                       Book Free Consultation
                                    </a>
                                 </li>
                                 <li class="list-group-item d-flex align-items-center py-3">
                                    <div class="text-secondary d-flex icon-uxs">
                                       <svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
                                          <path
                                             d="M14.3164 4.20996C13.985 4.37028 13.8464 4.76904 14.0067 5.10026C14.4447 6.00505 14.6667 6.98031 14.6667 8C14.6667 11.6759 11.6759 14.6667 8 14.6667C4.32406 14.6667 1.33333 11.6759 1.33333 8C1.33333 4.32406 4.32406 1.33333 8 1.33333C9.52328 1.33333 10.9543 1.83073 12.1387 2.77165C12.4259 3.00098 12.846 2.95296 13.0754 2.66471C13.3047 2.37663 13.2567 1.95703 12.9683 1.72803C11.5661 0.613607 9.8016 0 8 0C3.58903 0 0 3.58903 0 8C0 12.411 3.58903 16 8 16C12.411 16 16 12.411 16 8C16 6.77767 15.7331 5.60628 15.2067 4.51969C15.0467 4.18766 14.6466 4.04932 14.3164 4.20996Z"
                                             fill="#44318d" />
                                          <path
                                             d="M7.99967 2.66663C7.63167 2.66663 7.33301 2.96529 7.33301 3.33329V7.99996C7.33301 8.36796 7.63167 8.66663 7.99967 8.66663H11.333C11.701 8.66663 11.9997 8.36796 11.9997 7.99996C11.9997 7.63196 11.701 7.33329 11.333 7.33329H8.66634V3.33329C8.66634 2.96529 8.36768 2.66663 7.99967 2.66663Z"
                                             fill="#44318d" />
                                       </svg>
                                    </div>
                                    <h6 class="mb-0 ms-3 me-auto">Duration</h6>
                                    <span>{{ $course->duration }} {{ $course->duration_type }}</span>
                                 </li>
                                 <li class="list-group-item d-flex align-items-center py-3">
                                    <div class="text-secondary d-flex icon-uxs">
                                       <svg width="16" height="16" viewBox="0 0 16 16" fill="none"
                                          xmlns="http://www.w3.org/2000/svg">
                                          <path
                                             d="M14.5936 3.78122H7.72003L6.56976 0.320872C6.50607 0.12928 6.32686 0 6.12495 0H1.40624C0.630839 0 0 0.630839 0 1.40624V10.8124C0 11.5878 0.630839 12.2187 1.40624 12.2187H6.57173L7.71263 15.6698C7.77566 15.8719 7.96259 16 8.1604 16C8.1615 16 8.16259 15.9999 8.16369 15.9999H14.5937C15.3691 15.9999 15.9999 15.369 15.9999 14.5936V5.18746C15.9999 4.41206 15.369 3.78122 14.5936 3.78122ZM1.40624 11.2812C1.14777 11.2812 0.937493 11.0709 0.937493 10.8124V1.40624C0.937493 1.14777 1.14777 0.937493 1.40624 0.937493H5.7868L9.22511 11.2812C7.46913 11.2812 3.14004 11.2812 1.40624 11.2812ZM9.14771 12.2187L8.22897 14.2449L7.55913 12.2187H9.14771ZM15.0624 14.5936C15.0624 14.8521 14.8521 15.0624 14.5936 15.0624H8.88768L10.3018 11.9435C10.3525 11.8316 10.3549 11.7077 10.3197 11.6018L8.03166 4.71871H14.5936C14.8521 4.71871 15.0624 4.92899 15.0624 5.18746V14.5936Z"
                                             fill="#44318d" />
                                          <path
                                             d="M6.12497 5.65623H4.71873C4.45986 5.65623 4.24998 5.8661 4.24998 6.12497C4.24998 6.38385 4.45986 6.59372 4.71873 6.59372H5.5756C5.3821 7.13931 4.86107 7.53121 4.24998 7.53121C3.47458 7.53121 2.84374 6.90037 2.84374 6.12497C2.84374 5.34958 3.47458 4.71874 4.24998 4.71874C4.6256 4.71874 4.97873 4.86502 5.24435 5.13061C5.42738 5.31367 5.72419 5.31367 5.90725 5.13061C6.09028 4.94755 6.09028 4.65077 5.90725 4.46771C5.46457 4.02503 4.87601 3.78125 4.24998 3.78125C2.95765 3.78125 1.90625 4.83264 1.90625 6.12497C1.90625 7.4173 2.95765 8.4687 4.24998 8.4687C5.54232 8.4687 6.59371 7.4173 6.59371 6.12497C6.59371 5.8661 6.38384 5.65623 6.12497 5.65623Z"
                                             fill="#44318d" />
                                          <path
                                             d="M13.625 7.53124H12.2187V7.0625C12.2187 6.80362 12.0089 6.59375 11.75 6.59375C11.4911 6.59375 11.2812 6.80362 11.2812 7.0625V7.53124H9.875C9.61612 7.53124 9.40625 7.74112 9.40625 7.99999C9.40625 8.25886 9.61612 8.46874 9.875 8.46874H12.5981C12.449 8.91201 12.1287 9.43735 11.7563 9.94291C11.6761 9.8346 11.5968 9.72376 11.5204 9.61138C11.3748 9.39729 11.0833 9.34176 10.8692 9.48735C10.6551 9.63291 10.5997 9.92447 10.7452 10.1386C10.8767 10.332 11.0146 10.5202 11.152 10.6985C10.9177 10.9702 10.6868 11.2163 10.4842 11.4154C10.2994 11.5967 10.2966 11.8935 10.4779 12.0783C10.6585 12.2623 10.9552 12.2666 11.1408 12.0846C11.157 12.0687 11.4126 11.8169 11.7541 11.4303C12.0873 11.8115 12.3367 12.0621 12.356 12.0814C12.539 12.2644 12.8357 12.2645 13.0188 12.0815C13.2019 11.8985 13.202 11.6017 13.019 11.4186C13.0141 11.4137 12.7271 11.1251 12.3609 10.698C13.0245 9.84029 13.429 9.09314 13.5691 8.46874H13.6249C13.8838 8.46874 14.0937 8.25886 14.0937 7.99999C14.0937 7.74112 13.8839 7.53124 13.625 7.53124Z"
                                             fill="#44318d" />
                                       </svg>
                                    </div>
                                    <h6 class="mb-0 ms-3 me-auto">Language</h6>
                                    <span>{{ $course->language }}</span>
                                 </li>
                                 <li class="list-group-item d-flex align-items-center py-3">
                                    <div class="text-secondary d-flex icon-uxs">
                                       <svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
                                          <path
                                             d="M15.4286 7.42841H6.20457C5.89469 6.21086 4.65646 5.47506 3.43888 5.78494C2.63143 5.99045 2.00093 6.62095 1.79541 7.42841H0.571439C0.255837 7.42841 0 7.68424 0 7.99985C0 8.31545 0.255837 8.57125 0.571439 8.57125H1.79545C2.10532 9.7888 3.34356 10.5246 4.56114 10.2147C5.36859 10.0092 5.99909 9.37871 6.20461 8.57125H15.4286C15.7442 8.57125 16 8.31542 16 7.99981C16 7.68421 15.7442 7.42841 15.4286 7.42841ZM4.00001 9.14269C3.36884 9.14269 2.85716 8.63102 2.85716 7.99985C2.85716 7.36868 3.36884 6.857 4.00001 6.857C4.63118 6.857 5.14285 7.36868 5.14285 7.99985C5.14285 8.63102 4.63118 9.14269 4.00001 9.14269Z"
                                             fill="#44318d" />
                                          <path
                                             d="M15.4286 1.71405H13.6331C13.3233 0.496508 12.085 -0.239295 10.8675 0.0705817C10.06 0.276095 9.4295 0.906597 9.22399 1.71405H0.571439C0.255837 1.71405 0 1.96989 0 2.28549C0 2.60109 0.255837 2.85693 0.571439 2.85693H9.22399C9.53387 4.07447 10.7721 4.81028 11.9897 4.5004C12.7971 4.29489 13.4276 3.66438 13.6331 2.85693H15.4286C15.7442 2.85693 16 2.60109 16 2.28549C16 1.96989 15.7442 1.71405 15.4286 1.71405ZM11.4286 3.42834C10.7974 3.42834 10.2857 2.91666 10.2857 2.28549C10.2857 1.65432 10.7974 1.14265 11.4286 1.14265C12.0598 1.14265 12.5714 1.65432 12.5714 2.28549C12.5714 2.91666 12.0598 3.42834 11.4286 3.42834Z"
                                             fill="#44318d" />
                                          <path
                                             d="M15.4286 13.1428H12.4903C12.1804 11.9252 10.9422 11.1894 9.72458 11.4993C8.91713 11.7048 8.28662 12.3353 8.08111 13.1428H0.571439C0.255837 13.1428 0 13.3986 0 13.7142C0 14.0297 0.255837 14.2856 0.571439 14.2856H8.08114C8.39102 15.5032 9.62926 16.239 10.8468 15.9291C11.6543 15.7236 12.2848 15.0931 12.4903 14.2856H15.4286C15.7442 14.2856 16 14.0298 16 13.7142C16 13.3986 15.7442 13.1428 15.4286 13.1428ZM10.2857 14.8571C9.65454 14.8571 9.14286 14.3454 9.14286 13.7142C9.14286 13.083 9.65454 12.5714 10.2857 12.5714C10.9169 12.5714 11.4286 13.083 11.4286 13.7142C11.4286 14.3454 10.9169 14.8571 10.2857 14.8571Z"
                                             fill="#44318d" />
                                       </svg>
                                    </div>
                                    <h6 class="mb-0 ms-3 me-auto">Skill level</h6>
                                    <span style ="text-transform:capitalize;">{{ $course->skill_level }}</span>
                                 </li>
                                 <li class="list-group-item d-flex align-items-center py-3">
                                    <div class="text-secondary d-flex icon-uxs">

                                       <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                                          <path
                                             d="M16.5465 5.13024L15.2322 4.02945L14.9329 2.34131C14.8335 1.78023 14.348 1.37335 13.7783 1.37335C13.778 1.37335 13.7775 1.37335 13.7772 1.37335L12.0628 1.37488L10.7485 0.274205C10.3114 -0.0919028 9.67738 -0.0913556 9.24091 0.275574L7.92861 1.37875L6.2142 1.38035C5.64405 1.3809 5.15872 1.78887 5.06026 2.35042L4.76408 4.03907L3.45178 5.14228C3.01535 5.50917 2.90582 6.13362 3.19137 6.62712L4.04992 8.1111L3.75378 9.79967C3.65524 10.3613 3.97276 10.91 4.50875 11.1046L5.9543 11.6292L5.95989 18.8268C5.95989 19.2647 6.20095 19.6629 6.58899 19.8659C6.76059 19.9556 6.94712 20 7.13295 20C7.36737 20 7.60062 19.9294 7.8013 19.7901L9.9861 18.2734L12.1709 19.7901C12.5306 20.0398 12.9951 20.0689 13.3832 19.8659C13.7712 19.6629 14.0123 19.2647 14.0123 18.8268V11.6377L15.5005 11.0945C16.0361 10.899 16.3526 10.3496 16.2531 9.78825L15.9538 8.10015L16.8096 6.61461C17.0943 6.12056 16.9836 5.49631 16.5465 5.13024ZM10.3205 17.078C10.1194 16.9385 9.85281 16.9385 9.65178 17.078L7.13264 18.8265C7.13264 18.8264 7.13264 18.8263 7.13264 18.8263L7.12842 13.3771C7.35154 13.6218 7.66652 13.7592 7.99315 13.7592C8.12738 13.7592 8.26357 13.7361 8.39608 13.6877L10.0065 13.0999L11.6181 13.6848C12.0517 13.842 12.5242 13.7298 12.8396 13.4196L12.8395 18.8266L10.3205 17.078ZM14.9377 7.51475C14.8003 7.75327 14.7511 8.03382 14.7992 8.30482L15.0984 9.99292L13.4878 10.5808C13.286 10.6545 13.1095 10.783 12.9761 10.949C12.9697 10.9566 12.9639 10.9647 12.9579 10.9727C12.9277 11.0123 12.899 11.0533 12.8739 11.0969L12.0185 12.5825C12.0185 12.5825 12.0183 12.5825 12.0181 12.5824L10.4065 11.9976C10.1478 11.9037 9.86297 11.9039 9.6044 11.9983L7.99393 12.5861L7.13538 11.1022C7.08925 11.0224 7.03339 10.9496 6.97073 10.8835C6.96507 10.8774 6.95975 10.871 6.95381 10.8652C6.83236 10.7425 6.68464 10.6468 6.52039 10.5871L4.90882 10.0022L5.205 8.31358C5.2525 8.04245 5.20277 7.76199 5.06495 7.52378L4.20639 6.03984L5.51869 4.93663C5.72942 4.75952 5.87163 4.51263 5.91912 4.24159L6.2153 2.55298L7.92963 2.55138C8.20489 2.55114 8.47254 2.45346 8.68319 2.27635L9.99549 1.17318L11.3098 2.27389C11.5205 2.45041 11.7879 2.54759 12.0629 2.54759H12.0638L13.7783 2.54602L14.0775 4.23416C14.1255 4.50517 14.2682 4.75166 14.4792 4.92842L15.7935 6.02921L14.9377 7.51475Z"
                                             fill="#44318d" />
                                          <path
                                             d="M9.99928 3.64673C8.13493 3.64673 6.61816 5.1635 6.61816 7.02785C6.61816 8.89221 8.13493 10.409 9.99928 10.409C11.8636 10.409 13.3804 8.89221 13.3804 7.02785C13.3804 5.1635 11.8636 3.64673 9.99928 3.64673ZM9.99928 9.23631C8.78154 9.23631 7.79083 8.2456 7.79083 7.02785C7.79083 5.81011 8.78154 4.8194 9.99928 4.8194C11.217 4.8194 12.2078 5.81011 12.2078 7.02785C12.2078 8.2456 11.217 9.23631 9.99928 9.23631Z"
                                             fill="#44318d" />
                                       </svg>
                                    </div>
                                    <h6 class="mb-0 ms-3 me-auto">Certificate</h6>
                                    <span>{{ $course->certification }}</span>
                                 </li>
                                 <li class="list-group-item">
                                    <b>Enter coupon code </b>
                                       <div class="input-group mb-3">
                                          <input type="text" class="form-control coupon-code1 cname" placeholder="COUPON CODE" aria-label="Recipient's username" aria-describedby="basic-addon2">
                                          <input type="hidden" id="course_id" name="course_id" value="{{$course->id}}">
                                          <div class="input-group-append">
                                             <button class="btn btn-outline-secondary cbtn1 coupon-apply p-2" type="button"><span class="capply1">Apply</span></button>
                                          </div>
                                       </div>
                                 </li>
                                 <li class="list-group-item d-flex align-items-center py-4">
                                    <a href="#" class="mx-auto text-teal fw-medium d-flex align-items-center mt-2 comp1" data-bs-toggle="modal" data-bs-target="#loadModal1">

                                       <span class="ms-3 comp">Complete this Course in 7 days!!</span>
                                    </a>
                                 </li>