@if ($dataRelateds->count() > 0)
<section class="container-fluid" style="">
    <div class="mx-md-5">
        <div class="row justify-content-between mb-3 mb-sm-5">
            <div class="col-12">
                <h2>Related <span class="text-primary">Courses</span></h2>
            </div>
        </div>
        <div class="row">
                @foreach ($dataRelateds as $related)
                @php
               /*         $selectedCategories = (array) request()->get('category_id');
                    $isSelected = in_array($category->id, $selectedCategories);
                    $updatedCategories = $isSelected ? array_diff($selectedCategories, [$category->id]) : array_merge($selectedCategories, [$category->id]);
                */
                
                    @endphp
                   
                    <div class="col-lg-3 col-md-4 col-sm-12 mb-3 d-flex justify-content-stretch">
                        <div  class="card">
                            <div class="course_images" style="">
                            <a class="m-auto card-imgs" href="{{route('fe.market-place.detail', [
                                        $related->id, $related->model
                                    ])}}">
                                <img src="{{$related->image}}" alt="images"  onerror="this.src='{{ asset('assets/b2c_img/courses.jpg') }}'; this.alt='img';" class="c_img" style="height:200px;">
                                
                            </a>
                            </div>
                            
                            <div class="card-body">
                                <div class="course-category">
                                    <a style="background:{{$related->sub_color}};color:black;font-weight:600;font-size:11px;" class="my-2 course-category-item" href="">
                                        {{$related->sub_category}}
                                    </a>
                                </div>
                            <h5 class="mb-3" style="">
                                <a class="text-primary" href="{{route('fe.market-place.detail', [
                                        $related->id, $related->model
                                    ])}}">
                                    {!!str_limit($related->title, 50)!!}
                                </a>
                            </h5>
                                <div class=" d-flex flex-wrap justify-content-between">
                                    <div class="" style="height: 25px;width:100px">
                                        <span class="d-flex gap-2 align-items-center dt-p-w" style="font-size:14px">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" fill="var(--color-secondary)" class="bi bi-calendar-date" viewBox="0 0 16 16">
                                        <path d="M6.445 11.688V6.354h-.633A12.6 12.6 0 0 0 4.5 7.16v.695c.375-.257.969-.62 1.258-.777h.012v4.61h.675zm1.188-1.305c.047.64.594 1.406 1.703 1.406 1.258 0 2-1.066 2-2.871 0-1.934-.781-2.668-1.953-2.668-.926 0-1.797.672-1.797 1.809 0 1.16.824 1.77 1.676 1.77.746 0 1.23-.376 1.383-.79h.027c-.004 1.316-.461 2.164-1.305 2.164-.664 0-1.008-.45-1.05-.82h-.684zm2.953-2.317c0 .696-.559 1.18-1.184 1.18-.601 0-1.144-.383-1.144-1.2 0-.823.582-1.21 1.168-1.21.633 0 1.16.398 1.16 1.23z"/>
                                        <path d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1z"/>
                                        </svg>
                                            {{$related->validity}} days</span>
                                    </div>

                                    <div >
                                    <span class="d-flex align-items-center gap-2 dt-p-w" style="font-size:14px;width:100px">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" fill="var(--color-secondary)" class="bi bi-book-fill" viewBox="0 0 16 16">
                                        <path d="M8 1.783C7.015.936 5.587.81 4.287.94c-1.514.153-3.042.672-3.994 1.105A.5.5 0 0 0 0 2.5v11a.5.5 0 0 0 .707.455c.882-.4 2.303-.881 3.68-1.02 1.409-.142 2.59.087 3.223.877a.5.5 0 0 0 .78 0c.633-.79 1.814-1.019 3.222-.877 1.378.139 2.8.62 3.681 1.02A.5.5 0 0 0 16 13.5v-11a.5.5 0 0 0-.293-.455c-.952-.433-2.48-.952-3.994-1.105C10.413.809 8.985.936 8 1.783z"/>
                                        </svg>
                                        Lesson</span>
                                    </div>

                                    <div >
                                    <span class="d-flex align-items-center gap-2 dt-p-w" style="font-size:14px;width:100px">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" fill="var(--color-secondary)" class="bi bi-clock" viewBox="0 0 16 16">
                                            <path d="M8 3.5a.5.5 0 0 0-1 0V9a.5.5 0 0 0 .252.434l3.5 2a.5.5 0 0 0 .496-.868L8 8.71V3.5z"/>
                                            <path d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zm7-8A7 7 0 1 1 1 8a7 7 0 0 1 14 0z"/>
                                        </svg>
                                        Duration</span>
                                    </div>

                                    <div >
                                    <span class="d-flex align-items-center gap-2 dt-p-w" style="font-size:14px;width:100px">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" fill="var(--color-secondary)" class="bi bi-clock" viewBox="0 0 16 16">
                                            <path d="M8 3.5a.5.5 0 0 0-1 0V9a.5.5 0 0 0 .252.434l3.5 2a.5.5 0 0 0 .496-.868L8 8.71V3.5z"/>
                                            <path d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zm7-8A7 7 0 1 1 1 8a7 7 0 0 1 14 0z"/>
                                        </svg>
                                        Mock Test</span>
                                    </div>
                                </div> 
                                <hr class="dt-bg-w">
                                
                                <div class="d-flex justify-content-between">
                                @if (is_student_master())
                                @if (!check_student_paid($related->id, $related->model))
                                @if ($related->course_type == 1)
                                <button type="button" id="btn-payment-{{$related->id}}" class="dt-p-w btn btn-outline-primary mb-2">
                                    <i class="fas" aria-hidden="true"></i> Buy
                                </button>
                                @if($related->model == "courses")
                                @php
                                $related->selling_price = $related->selling_series;
                                @endphp
                                @elseif($related->model == "test-series")
                                @php
                                $related->selling_price = $related->selling_series;
                                @endphp
                                @else
                                @php
                                $related->selling_price = $related->selling_series;
                                @endphp
                                @endif
                                @php
                                $itemId = $related->model . '-' . $related->id;
                                @endphp
                                @if (empty(Cart::session(user()->id)->get($itemId)))
                                <button type="button" id="btn-add-cart-{{$related->id}}" class="btn btn-secondary mb-2">
                                    <img class="text-white" src="{{ asset('assets/b2c_img/cart.png') }}" alt="cart" width="20">
                                </button>
                                @endif
                                <h5 class="dt-p-w text-secondary"><del class="dash_price mx-2">₹{{ $related->cost_of_course }}</del>₹<span class="text-primary">{{ $related->selling_course }}</span></h5>
                                @else
                                    <h5 class="dt-p-w text-secondary">Free</h5>
                                    <a href="{{ route('fe.student.free_course.detail', $data->id) }}" class="dt-p-w dt-bor-w btn btn-outline-secondary mb-2">Start</a>  
                                @endif
                                @push('script')
                                @include('student.payment.script-payment-multi', [
                                'data' => $related,
                                'url' => route('fe.student.payment', [$related->id, $related->model]),
                                'urlCart' => route('fe.student.cart.add', [$related->id, $related->model]),
                                ])
                                @endpush
                                @else
                                <a href="#" class="btn btn-success disabled mb-2">Paid
                                </a>
                                @endif
                                @else
                                @if($related->course_type == 1)
                                    <a href="{{route('fe.login')}}" class=" dt-p-w dt-bor-w btn btn-outline-secondary mb-2">
                                        <i class="fas fa-cart-arrow-down" aria-hidden="true"></i> Buy
                                    </a>
                                    @if($related->cost_of_course == $related->selling_price)
                                        <p class="dt-p-w text-secondary">₹<span class="text-primary">{{ $related->selling_price }}</span> </p>  
                                    @else
                                        <p class="dt-p-w text-secondary"><del class="dash_price mx-2">₹{{ $related->cost_of_course }}</del>₹<span class="text-primary dt-p-r">{{ $related->selling_price }}</span> </p>
                                    @endif
                                    <!-- <h5 class="dt-p-w text-secondary"><del class="dash_price mx-2">₹{{ $related->cost_of_course }}</del>₹<span class="text-primary">{{ $related->selling_price }}</span></h5> -->
                                @else
                                    <h5 class="dt-p-w text-secondary">Free</h5>
                                    <a href="{{route('fe.login')}}" class="dt-p-w dt-bor-w btn btn-outline-secondary mb-2">Start</a>    
                                @endif
                                @endif
                                </div>  
                            </div>
                        </div>
                                </div>
                        @endforeach
                    </div>                  
                </div>
            </div>
</section>
@endif