@extends('front.layouts.front')
@section('content')
<!-- Start Section -->
<section class="py-5 show-course padding-x">
    <div class="container">
        <div class="row g-4">
            <div class="col-12 col-md-6 col-lg-7">
                <div class="img-holder">
                    <img src="{{ $course->image ? display_file($course->image) : asset('interface-asset/images/no-image.png') }}" alt="trining image">
                </div>
            </div>
            <div class="col-12 col-md-6 col-lg-5">
                <div class="box-instructor">
                    <div class="instructor">
                        <div class="img-holder">
                            <img src="{{ $course->user?->photo ? display_file($course->user->photo) : asset('interface-asset/images/no-image.png') }}" alt="instructor image">
                        </div>
                        <p class="name">المدرب : {{ $course->user?->name }}</p>
                        <ul class="list-info">
                            <!-- <li>مدرب معتمد لدي اكثر من 40 وكاله حول العالم و ممارس مهني علي اعلي مستوي </li>
                            <li>مدرب معتمد لدي اكثر من 40 وكاله حول العالم و ممارس مهني علي اعلي مستوي </li>
                            <li>مدرب معتمد لدي اكثر من 40 وكاله حول العالم و ممارس مهني علي اعلي مستوي </li>
                            <li>مدرب معتمد لدي اكثر من 40 وكاله حول العالم و ممارس مهني علي اعلي مستوي </li> -->
                            {{ $course->user?->trainer_details }}
                        </ul>
                    </div>
                    <div class="share-option">
                        <ul class="list-share">
                            <li>
                                <a target="_blank" href="https://twitter.com/intent/tweet?url={{ route('courses.show',$course->id) }}&text={{ $course->name }}"><i class="fa-brands fa-twitter"></i></a>
                            </li>
                            <li>
                                <a href="{{ route('courses.show',$course->id) }}"><i class="fa-solid fa-link"></i></a>
                            </li>
                            <li>
                                <a href="mailto:?subject=هل شاهدت هذة الدورة من قبل ؟&amp;body= لقد اعجبني هذة الدورة {{ $course->name }} اتمني ان تعجبك ايضا {{ route('courses.show',$course->id) }}"><i class="fa-solid fa-envelope"></i></a>
                            </li>
                            <li>
                                <a href="whatsapp://send?text=هل شاهدت هذة الدورة من قبل ؟  لقد اعجبني هذة الدورة {{ $course->name }} اتمني ان تعجبك ايضا {{ route('courses.show',$course->id) }}"><i class="fa-brands fa-whatsapp"></i></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="col-12 col-md-12 col-lg-7">
                <div class="course-content">
                    <h5 class="title">محتوى الدوره</h5>
                    <p class="des">
                        {{ $course->course_policy }}

                    </p>
                    <h6 class="title-list">محاور الدورة</h6>
                    <ul class="list-text">
                        {{-- <li>مقدمة في عالم القهوة</li>
                        <li>عوامل مؤثرة على كوب القهوة</li>
                        <li>مقدمة في طرق تحضير القهوة</li>
                        <li>عوامل مؤثرة على كوب القهوة</li>
                        <li>مقدمة في طرق تحضير القهوة</li>
                        <li>عوامل مؤثرة على كوب القهوة</li>
                        <li>مقدمة في عالم القهوة</li>
                        <li>مقدمة في طرق تحضير القهوة</li>
                        <li>مقدمة في عالم القهوة</li> --}}
                        {{ $course->course_steps }}
                    </ul>
                </div>
            </div>
            <div class="col-12 col-md-12 d-flex justify-content-center">
                <a href="{{ route('course_payment',$course->id) }}" class="btn rounded-pill btn-outline-dark px-5">اشتراك</a>
            </div>
        </div>
    </div>
</section>
@endsection