
@extends('front.layout')

@section('content')
    <!-- breadcrumb start-->
    <section class="breadcrumb breadcrumb_bg">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="breadcrumb_iner text-center">
                        <div class="breadcrumb_iner_item">
                            <h2>Our Courses</h2>
                            <p>Home<span>/</span>cat / <span></span> {{$category->name}}</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- breadcrumb start-->

    <!--::review_part start::-->
    <section class="special_cource padding_top">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-xl-5">
                    <div class="section_tittle text-center">
                        <p>popular courses</p>
                        <h2>Special Courses</h2>
                    </div>
                </div>
            </div>


            <div class="row">
                @foreach ( $courses as $course )
                <div class="col-sm-6 col-lg-4">
                 


                    <div class="single_special_cource">
                        <img src="{{asset("storage/courses/$course->image")}}" class="special_img" alt="">
                        <div class="special_cource_text">
                            <a href="course-details.html" class="btn_4">{{$course->category->name}}</a>
                            <h4>{{$course->price}} $</h4>
                            <a href="course-details.html"><h3>{{$course->name}}</h3></a>
                            <p>{{$course->small_desc}}</p>
                            <div class="author_info">
                                <div class="author_img">
                                    <img src="{{asset("storage/trainers")."/".$course->trainer->image}}" alt="" width=50>
                                    <div class="author_info_text">
                                        <p>Conduct by:</p>
                                        <h5><a href="#">{{$course->trainer->name}}</a></h5>
                                    </div>
                                </div>
                                {{-- <div class="author_rating">
                                    <div class="rating">
                                        <a href="#"><img src="{{asset('front/img')}}/icon/color_star.svg" alt=""></a>
                                        <a href="#"><img src="{{asset('front/img')}}/icon/color_star.svg" alt=""></a>
                                        <a href="#"><img src="{{asset('front/img')}}/icon/color_star.svg" alt=""></a>
                                        <a href="#"><img src="{{asset('front/img')}}/icon/color_star.svg" alt=""></a>
                                        <a href="#"><img src="{{asset('front/img')}}/icon/star.svg" alt=""></a>
                                    </div>
                                    <p>3.8 Ratings</p>
                                </div> --}}
                            </div>
                        </div>

                    </div>





                </div>

                @endforeach
            </div>

        </div>
    </section>
    <!--::blog_part end::-->

@endsection

