@if(count($professionalCertificates) > 0)
    <!-- course area start -->
    <div class="course-area-start rts-section-gap">
        <div class="container">

            <div class="row">
                <div class="col-lg-12">
                    <div class="title-between-area">
                        <div class="title-area-left-style">
                            <div class="pre-title">
                                <img src="{{ Helper::imageFilesPath('banner/bulb.png') }}" alt="icon">
                                <span>@lang('home.Professional Certificates')</span>
                            </div>
                            <h2 class="title"> @lang('home.Professional Certificates')</h2>
                        </div>
                    </div>
                </div>
            </div>

            <div class="ms-portfolio-filter-area main-isotop">
            <div class="portfolio_wrap">
                <div class="row g-5 mt--20 portfolio-feed">
                    @foreach($professionalCertificates as $professionalCertificate)
                        <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12">
                            <!-- single course style two -->
                            <div class="single-course-style-three">
                            <a    href="{{ LaravelLocalization::localizeUrl('course/' . $professionalCertificate->{'link_'.$lang}) }}" class="thumbnail">
                                <img src="{{ isset($professionalCertificate->image) ? Helper::uploadedImagesPath('courses/source', $professionalCertificate->image) : Helper::imageFilesPath('noimage.png') }}" alt="course">
                                <div class="tag-thumb">
                                    <span>{{ $professionalCertificate->category->{'name_' . $lang} ?? '' }}</span>
                                </div>
                            </a>
                            <div class="body-area">
                               {{-- <div class="course-top">
                                    <div class="price">
                                        {{ $professionalCertificate->last_price()==0?__('home.free'):$professionalCertificate->last_price() . ' ' . __('home.SAR') }}
                                    </div>
                                </div>--}}
                                <div class="course-top">
                                    <div class="price">
                                        @if ($professionalCertificate->discount)
                                            {{--<h4 class="none"> {{ $professionalCertificate->price . ' ' . __('home.SAR') }}</h4>
                                            <span class="discount">-{{ round((($professionalCertificate->price - $professionalCertificate->last_price()) / $professionalCertificate->price) * 100,2) }}%</span>--}}
                                            
                                            <div class="price">
                                                {{ $professionalCertificate->last_price() . ' ' . __('home.SAR') }}  
                                                <small style='font-size: 18px; text-decoration: line-through; color: #727272;'> {{ $professionalCertificate->price . ' ' . __('home.SAR') }} </small>
                                            </div>
                                            @if(isset($professionalCertificate->discount->end_date))
                                                <div class="clock-area">
                                                    <i class="ms-1 fa-light fa-clock"></i>
                                                    @php
                                                        $end_date = \Carbon\Carbon::parse($professionalCertificate->discount->end_date);
                                                        $daysLeft = \Carbon\Carbon::now()->diffInDays($end_date);
                                                    @endphp
                                                    <span class="text-danger">{{ $daysLeft }} @lang('home.Day left at this price!')</span>
                                                </div>
                                            @endif
                                        @else
                                            <div class="price">
                                                {{ $professionalCertificate->last_price() . ' ' . __('home.SAR') }}
                                            </div>
                                        @endif
                                    </div>
                                </div>
                                <a href="{{ LaravelLocalization::localizeUrl('course/' . $professionalCertificate->{'link_'.$lang} ) }}">
                                    <h5 class="title">{{ $professionalCertificate->{'name_' . $lang} }}</h5>
                                </a>
                                <p class=' mb-3 rounded d-inline-block p-2 border 'style='      border: 1px solid #f379245c  !important; font-size: 13px;  padding: 3px 6px !important;'>{{ $professionalCertificate->field->{'name_' . $lang} }}</p>
                                @if($professionalCertificate->type)
                                <p class=' mb-3 rounded d-inline-block p-2 border 'style=' background: #f379241f;  color: #f37924;   border: 1px solid #f379245c  !important; font-size: 13px;  padding: 3px 6px !important;'>
                                    <i class="ms-1 fa-solid fa-clipboard-user"></i>
                                    {{ $professionalCertificate->type->{'name_' . $lang} ?? '' }}   
                                </p>
                                @endif
                                 <div class="leasson-students">
                                    <div class="lesson">
                                        <i class="fa-regular fa-clock"></i>
                                        <span>{{ intval($professionalCertificate->duration).' '.__('home.hours')    }}</span>
                                    </div>
                                    <div class="lesson">
                                        <i class="fa-light fa-calendar-lines-pen"></i>
                                        <span>  {{ intval($professionalCertificate->overall_days).' '.__('home.days') }} </span>
                                    </div>

                                     <div class="button-area">
                                        <a href="{{ LaravelLocalization::localizeUrl('course/' . $professionalCertificate->{'link_'.$lang}) }}"   class="rts-btn btn-primary px-3 py-2 ">
                                              @lang('home.register now')
                                        </a>
                                     </div>
                                </div> 
                                {{--<div class="teacher-stars row">
                                    @if($professionalCertificate->teachers())
                                        @foreach ($professionalCertificate->teachers() as $teacher)
                                            <span class="teacher mx-2 col-auto">{{ $teacher->name }}</span>
                                            @if (!$loop->last)
                                                /
                                            @endif
                                        @endforeach
                                    @endif
                                    <ul class="stars col-auto">
                                        @if ($professionalCertificate->rate != 0)
                                            <span class="span">{{ $professionalCertificate->rate }}</span>
                                        @endif
                                                                                @for ($i = 1; $i <= $rate; $i++)
                                            <li><i class="fa-sharp fa-solid fa-star"></i></li>
                                        @endfor
                                        @for ($i = 1; $i <= 5 - $rate; $i++)
                                            <li><i class="fa-sharp fa-regular fa-star"></i></li>
                                        @endfor
                                    </ul>
                                </div> --}}
                                <div class="course-content-area">
                                    <h6 class="heading-title">
                                        <a    href="{{ LaravelLocalization::localizeUrl('course/' . $professionalCertificate->{'link_'.$lang} ) }}">{{ $professionalCertificate->{'name_' . $lang} ?? '' }}</a>
                                    </h6>
                                    <p class=' mb-3 rounded d-inline-block p-2 border '>{{ $professionalCertificate->field->{'name_' . $lang} }}</p>
                                    <div class="button-area">
                                        <a href="javascript:void(0)" data-course_id="{{$professionalCertificate->id}}" class="rts-btn btn-primary addToCart">@lang('home.Add to Cart')</a>
                                        <a href="javascript:void(0)" data-course_id="{{$professionalCertificate->id}}" class="addToWislist wishlist-btn"><i class="fa-thin fa-circle-heart"></i></a>
                                    </div>
                                    <div class="shape">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- single course style two end -->
                    </div>
                    @endforeach
                </div>
            </div>
        </div>
            <div class="d-flex justify-content-center mt-5">
                <a href="{{ url('trainings/الشهادات-الإحترافية') }}" class="rts-btn btn-primary">{{ trans('home.show_all') }}</a>
            </div> 
        </div>
    </div>
    <!-- course area end -->
@endif