@extends('site.layouts.master')
@section('title', $course->name)
@section('link')
    <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
@endsection
@section('content')
    @php
        $teachers = App\Models\Teacher::get();
    @endphp
    <style>
        .breadcrumbs {
            display: none;
        }

        @media (max-width: 768px) {
            .w3-modal {
                padding-top: 110px !important;
            }
        }

        .accordion button[aria-expanded="true"]+.accordion-content {
            max-height: 100%;
        }
    </style>
    <div id="id01" class="w3-modal">
        <div class="w3-modal-content w3-animate-top w3-card-4 w-50">
            <header class="w3-container w3-teal">
                <span onclick="document.getElementById('id01').style.display='none'"
                    class="w3-button w3-display-topright">&times;
                </span>
            </header>
            <div class="row text-center">
                <div class="col-lg-4 col-md-4 col-sm-12 w-100">
                    <div class="buy-coursesingle">
                        <h4>
                            خرید {{ $course->name }}
                        </h4>
                        <p>
                            قیمت: {{ $course->getPrice() }} تومان
                        </p>
                        <a href="" class="addToCart" data-course="{{ $course->id }}">
                            نهایی کردن سفارش
                        </a>
                        @if (!$installments->isEmpty())
                            @if (auth()->check())
                                <button type="button" class="btn btn-success ms-2 mt-4" data-bs-toggle="modal"
                                    data-bs-target="#installment-modal">
                                    خرید اقساطی
                                </button>
                            @else
                                <a href="{{ route('login') }}" class="btn btn-success ms-2 mt-4">
                                    خرید اقساطی
                                </a>
                            @endif
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Installments Modal -->
    @if (auth()->check())
        @if ($installments)
            <div class="modal fade" id="installment-modal" tabindex="-1" aria-labelledby="exampleModalLabel"
                aria-hidden="true">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h1 class="modal-title fs-5" id="exampleModalLabel">اقساط شما</h1>
                            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                        </div>
                        <div class="modal-body">
                            <div class="container">
                                @foreach ($installments as $item)
                                    @php
                                        $prevUserIns = null;
                                        $userIns = $authUser->installments()->where(['installment_id' => $item->id, 'status' => '1']);
                                        $prevIns = App\Models\Installment::where('course_id', $item->course_id)
                                            ->where('id', '<', $item->id)
                                            ->orderByDesc('id')
                                            ->first();
                                        if ($prevIns) {
                                            $prevUserIns = $authUser
                                                ->installments()
                                                ->whereInstallmentId($prevIns->id)
                                                ->first();
                                        }
                                    @endphp
                                    <div class="row my-3 shadow rounded p-2">
                                        <div class="col-4">
                                            {{ $item->title }}
                                        </div>
                                        <div class="col-4">
                                            {{ number_format($item->price) }} تومان
                                        </div>
                                        <div class="col-4">
                                            @if ($userIns->exists())
                                                <button type="button" class="btn btn-success text-white" disabled>پرداخت
                                                    شده</button>
                                            @elseif(($prevUserIns && $prevUserIns->status == '0') || (!$prevUserIns && $prevIns))
                                                <button type="button" class="btn btn-dark text-white" disabled>غیر قابل
                                                    پرداخت</button>
                                            @else
                                                <form action="{{ route('pay') }}" method="GET">
                                                    @csrf
                                                    <input type="hidden" name="type" value="installment">
                                                    <input type="hidden" name="getway" value="bitpay">
                                                    <input type="hidden" name="installment_id" value="{{ $item->id }}">
                                                    <button type="submit" class="btn btn-success text-white">پرداخت
                                                        کنید</button>
                                                </form>
                                            @endif
                                        </div>
                                    </div>
                                @endforeach

                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">بستن</button>
                        </div>
                    </div>
                </div>
            </div>
        @endif

        @if ($relatedInstallments)
            <div class="modal fade" id="related-installment-modal" tabindex="-1" aria-labelledby="exampleModalLabel"
                aria-hidden="true">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h1 class="modal-title fs-5" id="exampleModalLabel">اقساط شما</h1>
                            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                        </div>
                        <div class="modal-body">
                            <div class="container">
                                @foreach ($relatedInstallments as $item)
                                    @php
                                        $prevUserIns = null;
                                        $userIns = $authUser->installments()->where(['installment_id' => $item->id, 'status' => '1']);
                                        $prevIns = App\Models\Installment::where('course_id', $item->course_id)
                                            ->where('id', '<', $item->id)
                                            ->orderByDesc('id')
                                            ->first();
                                        if ($prevIns) {
                                            $prevUserIns = $authUser
                                                ->installments()
                                                ->whereInstallmentId($prevIns->id)
                                                ->first();
                                        }
                                    @endphp
                                    <div class="row my-3 shadow rounded p-2">
                                        <div class="col-4">
                                            {{ $item->title }}
                                        </div>
                                        <div class="col-4">
                                            {{ number_format($item->price) }} تومان
                                        </div>
                                        <div class="col-4">
                                            @if ($userIns->exists())
                                                <button type="button" class="btn btn-success text-white" disabled>پرداخت
                                                    شده</button>
                                            @elseif(($prevUserIns && $prevUserIns->status == '0') || (!$prevUserIns && $prevIns))
                                                <button type="button" class="btn btn-dark text-white" disabled>غیر قابل
                                                    پرداخت</button>
                                            @else
                                                <form action="{{ route('pay') }}" method="GET">
                                                    @csrf
                                                    <input type="hidden" name="type" value="installment">
                                                    <input type="hidden" name="getway" value="bitpay">
                                                    <input type="hidden" name="installment_id"
                                                        value="{{ $item->id }}">
                                                    <button type="submit" class="btn btn-success text-white">پرداخت
                                                        کنید</button>
                                                </form>
                                            @endif
                                        </div>
                                    </div>
                                @endforeach
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        @endif
    @endif

    <section class="cafearabi">
        <div class="container">
            <div style="padding: 10em 0 3em">

                <div class="row header-single">
                    <div class="col-lg-6 col-sm-12">
                        <h4>{{ $course->name }}</h4>
                        {{-- <img src="" alt="لوگوی بیگ بنگ میلاد ناصح زاده - کافه کنکور"> --}}
                    </div>
                    @if($course->is_sell == 1)

                    <div class="col-lg-3 col-sm-6 text-center">
                        <button onclick="document.getElementById('id01').style.display='block'"
                            class="w3-button w3-black">خرید
                            دوره</button>
                    </div>
                    @endif
                    <div class="col-lg-3 col-sm-6 text-center">
                        <div class="Lesson-bigbang">
                            <p class="price-Lesson">
                                قیمت:
                                @if ($course->discount > 0)
                                    <b>
                                        {{ number_format($course->price) }}
                                        تومان
                                    </b>
                                    <br>
                                    <b>
                                        قیمت نهایی :
                                        {{ $course->getPrice() }}
                                    </b>
                                @else
                                    <b>
                                        {{ number_format($course->price) }} تومان
                                    </b>
                                @endif
                            </p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-sm-6 text-center">
                    <p>
                        {{--                        قیمت: <span>{{ $course->getPrice() }}</span> تومان --}}
                    </p>
                </div>
            </div>
            <div class="text-box row">
                <div class="col-lg-6 col-sm-12 col-md-6">
                    <h4>
                        کافه عربی
                    </h4>
                    <p class="heading-primary">
                        {!! $course->short_desc !!}
                    </p>
                </div>
                <div class="col-lg-6 col-sm-12 col-md-6">
                    <video controls>
                        <source src="{{ $course->intro }}" type="video/mp4">
                        <source src="{{ $course->intro }}" type="video/ogg">
                        Your browser does not support the video tag.
                    </video>
                </div>

            </div>
        </div>
    </section>
    <div class="arabicafee">
        <div class="container">
            <div class="row">
                <div class="col-lg-4 col-md-2 col-sm-0"> </div>
                <div class="col-lg-8 col-md-10 col-sm-12">
                    <div class="row left-arabi">
                        <div class="col-lg-8 col-md-7 col-sm-12">
                            <div class="arabi-p">
                                <h4>
                                    مهندس میلاد ناصح زاده
                                </h4>
                                <p>
                                    استاد میلاد ناصح زاده با 17 سال سابقه کار علمی، آموزشی و مشاوره ای، دارای رتبه اول
                                    انتخاب رشته کشور از نظر تعداد و کیفیت، رتبه اول در زمینه تدریس درس عربی و همچنین
                                    بزرگترین تیم مشاوره ای در سراسر کشور میباشد.
                                </p>
                                <p>
                                    تحصیلات: <br>
                                    فارغ التحصیل رشته مهندسی عمران از دانشگاه شهید بهشتی . <br>
                                    سوابق کاری: <br>
                                    _ موسس و بنیانگذار انتشارات ناصح زاده. <br>
                                    _موسس و بنیانگذار بزرگترین آکادمی علمی پرورش نخبه شرق تهران <br>
                                    _ایشان طراح سوالات عربی آزمونهای قلم چی و گزینه دو طی سالهای 94 تا 97 بودند. <br>
                                    _ در برنامه های تلویزیونی متعدد مانند پرواز کنکوری ها و عصر خانواده در شبکه های 1 و 2 و
                                    3 و 7 حضور داشتند و عربی تدریس می کردند. <br>
                                    _ در بسیاری از استانها مانند آذربایجان غربی،شیراز و همدان تدریس درس عربی و همچنین مشاوره
                                    تحصیلی و انتخاب رشته انجام میدادند. <br>
                                    _در شهر تهران در مدارس برتری چون دبیرستان های علامه حلی ، فرزانگان، سلام ، هاتف ، دانشجو
                                    ، گسترش ، سوده همدانی ، سلاله ، شمیم نرگس ، پژوهندگان علم ، صالحین و آموزشگاه های برتر
                                    چون قلمچی عرفان و گزینه پارس و...تدریس داشتند. <br>

                                    تالیفات:<br>
                                    _مولف پکیج فاخر و ارزشمند کافه عربی با بیش از 30 هزار مخاطب کنکوری.<br>
                                    _مولف کتاب جمع بندی عربی خیلی سبز ( پر فروش ترین کتاب در انتشارات خیلی سبز طی سالهای 97
                                    تا کنون.).<br>
                                    _مولف کتاب عربی دبیران پر مخاطب انتشارت قلمچی.<br>
                                    _مولف کتاب عربی سوت پایان و سه سوت انتشارات بیست.<br>
                                    _مولف کتاب عربی کامل انتشارات فرهیختگان شریف.<br>

                                    افتخارات:<br>
                                    _ دانش آموز های استاد ناصح زاده در آزمون های قلم چی سال 97 و 98 مقام اول عربی کشور رو
                                    کسب کردند و ایشان بعنوان دبیر برتر عربی در سطح کشور انتخاب شدند.<br>
                                    _برگزاری همایش درس عربی با عنوان کلید گنج در سال 1399 با جمعیت 6400 دانش اموز.<br>
                                    _ برگزاری همایش درس عربی با عنوان کلید گنج در سال 1400 با جمعیت 12000دانش اموز.<br>
                                    _ برگزاری همایش درس عربی با عنوان کلید گنج در سال 1401 با جمعیت 11800 دانش اموز.<br>
                                    _اجرای انتخاب رشته با جمعیت 3 هزار داوطلب کنکوری در سال 1400<br>
                                    _اجرای انتخاب رشته با جمعیت 10200 داوطلب کنکوری در سال 1401<br>
                                    _اجرای انتخاب رشته با جمعیت 9 هزار داوطلب کنکوری در سال 1402<br>
                                    _صاحب اثر و خالق طرح بزرگ big bang با بیش از 2600 دانش آموز در سال تحصیلی 1401<br>
                                    _برگزاری و اجرای طرح بزرگ مشاوره ای و آموزشی رویال vip برای 1000 داوطلب کنکوری در سراسر
                                    کشور در سال 1400<br>
                                    _دارای بزرگترین پانسیون مطالعاتی دخترانه و پسرانه در شمال تهران در سال 1400<br>
                                    _پرورش دهنده بیش از 3500 ردیف مشاور ، سرمشاور ، معاون و مدیران انتخاب رشته در پروژه های
                                    بزرگ اجرای انتخاب رشته طی سالهای 1398 تا کنون.<br>


                                </p>

                            </div>
                        </div>
                        <div class="col-lg-4 col-md-5 col-sm-12 img-a">
                            <img src="{{ asset('site/img/home-1/milad-nasehzade.png') }}">
                        </div>
                    </div>
                </div>
                <div class="caf" style="margin-top: 1.5em">
                    <div class="col-lg-8 col-md-10 col-sm-12">
                        <div class="row right-arabi">
                            <div class="col-lg-4 col-md-5 col-sm-12 img-a">
                                <img src="{{ asset('site/img/general/کافه عربی.jpg') }}">
                            </div>
                            <div class="col-lg-8 col-md-7 col-sm-12">
                                <div class="arabi-p">
                                    <h4>
                                        کافه عربی
                                    </h4>
                                    انتشارات ناصح زاده با بیش از 17 سال سابقه در حوزه ی آموزش و کنکور ، اکنون این افتخار را
                                    دارد که نتیجه ی سال ها تجربه را با شما دانش آموزان عزیز از سرتاسر ایران شریک شود.مجموعه
                                    ی ما تنها یک هدف دارد : راحت کردن کار دانش آموزی که برنامه و هدفی مشخص در زمینه ی تحصیلی
                                    دارد.خروجی مجموعه ی ما در تمام این سال ها ، یک خروجی شفاف و مشخص است که بر هیچکس پوشیده
                                    نیست. آنچه ما در « کافه عربی » در اختیار شما قرار دادیم ، یکتا و بینظیر بوده ؛ یک تحول
                                    شگرف نه تنها در شیوه تدریس عربی بلکه یک یک تحول عظیم به طور کلی در نوع ارائه محتوای
                                    آموزشی بود در قالب پکیج یا به صورت آنلاین به دانش آموزان کنکوری .
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-2 col-sm-0"></div>
                </div>
            </div>
        </div>
    </div>
    <div class="container">
        <div class="accordion">
            @foreach ($course->seasons()->orderBy('position')->get() as $item)
                @php
                    $name = $item->name;
                    $name = explode('-', $name);
                @endphp
                <div class="accordion-item my-3">
                    <button class="shadow" aria-expanded="false">
                        <div class="row bigbang-class">
                            <div class="col-lg-3 col-md-2 col-sm-6">
                                <div class="Lesson-bigbang">
                                    <span style="font-size: 11px" class="btn btn-outline-success">
                                        مشاهده جلسات
                                    </span>
                                    {{-- <i class="fas fa-arrow-down"></i> --}}
                                </div>
                            </div>
                            <div class="col-lg-3 col-md-6 col-sm-6">
                                <div class="Lesson-bigbang">
                                    <b style="font-size: 15px">
                                        <p>{{ $item->name }}</p>
                                        <p>{{ $item->title }}</p>
                                    </b>
                                </div>
                            </div>
                            <div class="col-lg-3 col-md-4 col-sm-6">
                                <div class="Lesson-bigbang">
                                    <p class="meet-Lesson">
                                        <b>
                                            {{ $item->lessonsCount() }} جلسه
                                        </b>
                                    </p>
                                </div>
                            </div>
                            <div class="col-lg-3 col-md-4 col-sm-6">
                                <div class="Lesson-bigbang">
                                    <p class="meet-Lesson">
                                        {{ $item->duration() }}
                                    </p>
                                </div>
                            </div>
                        </div>
                    </button>
                    <div class="accordion-content">
                        @foreach ($item->lessons()->orderBy('position')->get() as $lesson)
                            <div class="row down-big">
                                <div class="col-lg-3">
                                    {{ $lesson->position }}
                                </div>
                                <div class="col-lg-3">
                                    {{ $lesson->title }}
                                </div>
                                <div class="col-lg-3">

                                </div>
                                <div class="col-lg-3">
                                    @if ($lesson->is_active)
                                        <a href="{{ route('lesson.stream', $lesson) }}" target="_blank"
                                            class="btn btn-dark">
                                            مشاهده جلسه
                                        </a>
                                    @else
                                        <span class="text-danger">این جلسه در دوره بیگ بنگ 60 موجود نیست</span>
                                    @endif
                                </div>
                            </div>
                        @endforeach
                    </div>
                </div>
            @endforeach
        </div>
    </div>
    <div class="footer-arabi">
        <div class="footer">
            <div class="bubbles">
                <div class="bubble"
                    style="--size:3.283778460829012rem; --distance:8.273995682244763rem; --position:80.43121961838831%; --time:3.370470516561046s; --delay:-2.4460750377075677s;">
                </div>
                <div class="bubble"
                    style="--size:5.048775832023261rem; --distance:8.209048016743958rem; --position:81.24435161533792%; --time:2.689387587750886s; --delay:-3.178866630821537s;">
                </div>
                <div class="bubble"
                    style="--size:2.8917775001193196rem; --distance:8.454264258769582rem; --position:-1.892480833658683%; --time:2.870417823317806s; --delay:-3.8694363898657054s;">
                </div>
                <div class="bubble"
                    style="--size:2.98950564759547rem; --distance:6.810598321237242rem; --position:100.02057873419844%; --time:2.2412476180211125s; --delay:-3.9669609230968366s;">
                </div>
                <div class="bubble"
                    style="--size:3.056008172581711rem; --distance:7.571228915589839rem; --position:101.36290426526402%; --time:3.556279976104421s; --delay:-2.601994631532017s;">
                </div>
                <div class="bubble"
                    style="--size:3.22671020910027rem; --distance:8.977876061761204rem; --position:69.44795371340336%; --time:2.0813687087410555s; --delay:-2.561126203255737s;">
                </div>
                <div class="bubble"
                    style="--size:2.309860158972202rem; --distance:8.23350401700413rem; --position:52.762390580567924%; --time:3.253681340156047s; --delay:-3.39928187900957s;">
                </div>
                <div class="bubble"
                    style="--size:5.405641933124867rem; --distance:7.787670658003827rem; --position:55.299301993538734%; --time:2.9254208880312023s; --delay:-3.4035022943444453s;">
                </div>
                <div class="bubble"
                    style="--size:4.7889435136433365rem; --distance:8.059493307179075rem; --position:6.476650057477524%; --time:2.8831662912305407s; --delay:-2.469760261123794s;">
                </div>
                <div class="bubble"
                    style="--size:5.202159646625798rem; --distance:6.485068767986836rem; --position:17.188791799414645%; --time:2.5591245696178158s; --delay:-2.547017621074239s;">
                </div>
                <div class="bubble"
                    style="--size:2.6536622797162357rem; --distance:7.047091090720969rem; --position:99.8065168678203%; --time:3.1358735873884225s; --delay:-2.7674896723499964s;">
                </div>
                <div class="bubble"
                    style="--size:5.455813017594882rem; --distance:7.92331827436949rem; --position:56.29121034809554%; --time:2.9592446232978804s; --delay:-3.0628319945178304s;">
                </div>
                <div class="bubble"
                    style="--size:5.376750549059151rem; --distance:7.037706886415796rem; --position:90.43150179415491%; --time:3.4947245448237947s; --delay:-2.7649519449431956s;">
                </div>
                <div class="bubble"
                    style="--size:3.6759966425104382rem; --distance:9.304354596540962rem; --position:50.078877699643236%; --time:2.364227888914125s; --delay:-2.1049591636942835s;">
                </div>
                <div class="bubble"
                    style="--size:2.6416988575492812rem; --distance:8.426364301174832rem; --position:34.50261001869937%; --time:3.1489044014899474s; --delay:-2.872308171609069s;">
                </div>
                <div class="bubble"
                    style="--size:3.039820548413071rem; --distance:7.700594071278777rem; --position:54.369437773201135%; --time:2.3518890849934877s; --delay:-3.816455915222773s;">
                </div>
                <div class="bubble"
                    style="--size:4.946041332561464rem; --distance:9.940105274558535rem; --position:93.38341839478599%; --time:3.515708411924009s; --delay:-2.139929822750188s;">
                </div>
                <div class="bubble"
                    style="--size:2.263980751965552rem; --distance:6.845227344107201rem; --position:7.6223749655636635%; --time:3.2543534151869933s; --delay:-3.5968097313692247s;">
                </div>
                <div class="bubble"
                    style="--size:2.9705072994554786rem; --distance:6.417811696490268rem; --position:0.9010946526242307%; --time:3.869664661904819s; --delay:-2.817867407827982s;">
                </div>
                <div class="bubble"
                    style="--size:3.7636117769983146rem; --distance:9.28767671082202rem; --position:104.59608438872068%; --time:2.6660045314116205s; --delay:-3.0279672533679767s;">
                </div>
                <div class="bubble"
                    style="--size:2.534147718025401rem; --distance:9.761714609373762rem; --position:17.47044672925322%; --time:3.8859389327208964s; --delay:-3.3352631179315866s;">
                </div>
                <div class="bubble"
                    style="--size:5.809103802369521rem; --distance:9.865569439286801rem; --position:15.660853702232227%; --time:2.518863325103205s; --delay:-3.5808886812518383s;">
                </div>
                <div class="bubble"
                    style="--size:2.4500873479914125rem; --distance:7.274598849994393rem; --position:36.897733125341446%; --time:3.3461286093771387s; --delay:-3.6280095853685674s;">
                </div>
                <div class="bubble"
                    style="--size:5.773371959699836rem; --distance:8.463136547655406rem; --position:35.06048100391646%; --time:3.209957922113289s; --delay:-3.0079091255606945s;">
                </div>
                <div class="bubble"
                    style="--size:4.3926522787512265rem; --distance:9.612613676284077rem; --position:22.262054455432867%; --time:2.373303643948798s; --delay:-3.0679725632400907s;">
                </div>
                <div class="bubble"
                    style="--size:3.952708176353637rem; --distance:9.169495699134323rem; --position:55.04449087079253%; --time:2.7418325241308232s; --delay:-3.3828476409270283s;">
                </div>
                <div class="bubble"
                    style="--size:3.844775009709453rem; --distance:8.355266723179703rem; --position:3.429889023129533%; --time:3.804465386878591s; --delay:-2.513210465049223s;">
                </div>
                <div class="bubble"
                    style="--size:2.375822423531286rem; --distance:8.085306102003058rem; --position:51.444859856544134%; --time:3.5291234902803015s; --delay:-3.174879273882913s;">
                </div>
                <div class="bubble"
                    style="--size:3.987597068631678rem; --distance:6.323842998471056rem; --position:58.472598393140736%; --time:3.6685014540532994s; --delay:-2.125640472580853s;">
                </div>
                <div class="bubble"
                    style="--size:3.826556536162788rem; --distance:8.093657912781008rem; --position:47.22358687899771%; --time:2.46067661652588s; --delay:-2.795336044113773s;">
                </div>
                <div class="bubble"
                    style="--size:5.409522304422901rem; --distance:8.08453713835749rem; --position:7.192255114868317%; --time:3.6024864503739416s; --delay:-2.02777453028783s;">
                </div>
                <div class="bubble"
                    style="--size:2.33220717107433rem; --distance:6.015929004226659rem; --position:69.52801341775708%; --time:3.072171961227187s; --delay:-2.4004690861766145s;">
                </div>
                <div class="bubble"
                    style="--size:3.1897153674684295rem; --distance:7.970038416707961rem; --position:79.81130078644377%; --time:3.2691207165145544s; --delay:-3.1095874096110614s;">
                </div>
                <div class="bubble"
                    style="--size:3.043749061825313rem; --distance:9.519971455545065rem; --position:-2.8790650455965716%; --time:2.5921789839789624s; --delay:-3.3392150143930954s;">
                </div>
                <div class="bubble"
                    style="--size:2.016067925148069rem; --distance:6.601355813566787rem; --position:12.042692941814398%; --time:3.302733338826566s; --delay:-2.666684825220276s;">
                </div>
                <div class="bubble"
                    style="--size:2.3135489970103658rem; --distance:8.429205824133346rem; --position:10.078502192237377%; --time:3.478083377118066s; --delay:-2.3933149990580658s;">
                </div>
                <div class="bubble"
                    style="--size:2.3997743557871374rem; --distance:7.408088419264727rem; --position:35.09525576349087%; --time:3.389315536809761s; --delay:-3.7218046643592877s;">
                </div>
                <div class="bubble"
                    style="--size:5.41080890592663rem; --distance:6.263885540517833rem; --position:88.47970464538236%; --time:3.791977923545102s; --delay:-2.1539409602055803s;">
                </div>
                <div class="bubble"
                    style="--size:4.187278503726575rem; --distance:8.495185390066428rem; --position:55.2879387519304%; --time:3.8691313236516165s; --delay:-3.7558742796010205s;">
                </div>
                <div class="bubble"
                    style="--size:5.2260631351390066rem; --distance:6.953165091043609rem; --position:87.01664638966206%; --time:2.2054605348148777s; --delay:-2.0729929853657163s;">
                </div>
                <div class="bubble"
                    style="--size:3.2309243043140823rem; --distance:8.90242528602417rem; --position:70.6941354974967%; --time:2.420572336985768s; --delay:-3.902986636768033s;">
                </div>
                <div class="bubble"
                    style="--size:4.416267568041894rem; --distance:8.454455353587463rem; --position:16.18344707827548%; --time:2.6786658712942186s; --delay:-3.7145978779515363s;">
                </div>
                <div class="bubble"
                    style="--size:5.179842125942596rem; --distance:6.279313089480346rem; --position:51.631946389170714%; --time:2.9215376152158723s; --delay:-3.579196747493768s;">
                </div>
                <div class="bubble"
                    style="--size:4.298088157115222rem; --distance:8.644044369523485rem; --position:25.709431630582966%; --time:3.9945321241856395s; --delay:-3.6007615466734237s;">
                </div>
            </div>
            <div class="content">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-4 col-sm-12 col-md-4">
                            <h5 style="color: #ffae00;">
                                تعداد جلسه:
                            </h5>
                            <p class="text-white">
                                {{ $course->lessonsCount() }}
                            </p>
                        </div>
                        <div class="col-lg-4 col-sm-12 col-md-4">
                            <h5 style="color: #ffae00;">
                                مدت زمان دوره:
                            </h5>
                            <p class="text-white">
                                {{ $course->duration() }}
                            </p>
                        </div>
                        <div class="col-lg-4 col-sm-12 col-md-4">
                            <h5 style="color: #ffae00;">
                                قیمت:
                            </h5>
                            <p class="text-white">
                                {{ number_format($course->price) }} تومان
                            </p>
                            <h5 style="color: #ffae00;">
                                قیمت نهایی :
                            </h5>
                            <p class="text-white">
                                {{ $course->getPrice() }} تومان
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <svg style="position:fixed; top:100vh">
            <defs>
                <filter id="blob">
                    <feGaussianBlur in="SourceGraphic" stdDeviation="10" result="blur"></feGaussianBlur>
                    <feColorMatrix in="blur" mode="matrix" values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 19 -9"
                        result="blob"></feColorMatrix>
                </filter>
            </defs>
        </svg>
    </div>
@endsection
@section('scripts')
    <script>
        const items = document.querySelectorAll(".accordion button");

        function toggleAccordion() {
            const itemToggle = this.getAttribute('aria-expanded');

            for (i = 0; i < items.length; i++) {
                items[i].setAttribute('aria-expanded', 'false');
            }

            if (itemToggle == 'false') {
                this.setAttribute('aria-expanded', 'true');
            }
        }

        items.forEach(item => item.addEventListener('click', toggleAccordion));
    </script>
@endsection