@extends('frontend.maintemplate.maintemplate')
@section('title', $courseCategory->name . ' :: AgeLess Institute')

@section('content')

<div class="banner-with-text-section" style="background-image: url({{ asset('frontend/assets/images/others/banner.jpg') }});">
        <div class="banner-text-bg">
            <div class="container-fluid">
                <div class="banner-title-tab-wrapper">
                    <h3>{{ $courseSubCategory->name ?? '' }}</h3>
                </div>
            </div>
        </div>
    </div>
    <!-- Banner Section  -->

    <!-- New Courses  section  -->
    <div class="new-courses-details-section">
        <div class="container">
            <div class="new-courses-details-inner">
                <div class="overview-inner">
                    <div class="breadcrubm-wrapper">
                        <h6>{{ $courseCategory->name ?? '' }} > {{ $courseSubCategory->name ?? '' }}</h6>
                    </div>
                    <div class="bg-wrapper">
                        <div class="content-para">
                            @php
                                $desc = $courseSubCategory->getTranslation('description', app()->getLocale());
                                $cleanDesc = trim(strip_tags($desc));
                            @endphp
                            <div class="left-side-content">
                                {{-- <p>
                                    Become a certified <strong>Aesthetic</strong> Skin Technician with this
                                    comprehensive 690-hour
                                    professional program designed for those aspiring to build a career in advanced, non-
                                    invasive cosmetology. This course equips learners with in-depth knowledge of skin
                                    science, cosmetic ingredients, acne care, anti-ageing solutions, facial
                                    electrotherapy,
                                    HydraFacial, peels, microdermabrasion, pigmentation management, and laser hair
                                    removal.<br />
                                    Learners also gain strong foundations in client consultation, workplace hygiene,
                                    digital skills, employability, and customer service—making them job-ready for
                                    clinics,
                                    dermatologists, salons, med-spas, and aesthetic centres. --}}
                                    {{ $cleanDesc ?? '' }}
                                </p>
                            </div>
                            <div class="right-side-box">
                                <div class="inner-box">
                                    <h5>Foundation Course</h5>
                                    <p>Complimentary with this course package. Includes essential knowledge in anatomy,
                                        skincare
                                        ingredients, and hygiene protocols.</p>
                                    <div class="link-wrapper">
                                        <a href="javascript:void(0);">Complimentary</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="bottom-statistics">
                            <div class="statistic-box">
                                <div class="left-icon-wrapepr">
                                    <img src="{{ asset('frontend/assets/images/home/doctors.png') }}" alt="">
                                </div>
                                <div class="right-wrapper">
                                    @php
                                        $totalPracticalHours = $course->courseTopics->sum(
                                            function ($courseTopic) {
                                                return optional(
                                                    $courseTopic->topic,
                                                )->practical_hours;
                                            },
                                        );
                                        $totalTheoryHours = $course->courseTopics->sum(
                                            function ($courseTopic) {
                                                return optional(
                                                    $courseTopic->topic,
                                                )->total_theory_hours;
                                            },
                                        );
                                    @endphp

                                    <h5>Total Practical Hours</h5>
                                    <h2>{{ $totalPracticalHours ?? 0 }}</h2>
                                </div>
                            </div>
                            <div class="statistic-box">
                                <div class="left-icon-wrapepr">
                                    <img src="{{ asset('frontend/assets/images/home/doctors.png') }}" alt="">
                                </div>
                                <div class="right-wrapper">
                                    <h5>Total Theory Hours</h5>
                                    <h2>{{ $totalTheoryHours ?? 0 }}</h2>
                                </div>
                            </div>
                            <div class="statistic-box">
                                <div class="left-icon-wrapepr">
                                    <img src="{{ asset('frontend/assets/images/home/doctors.png') }}" alt="">
                                </div>
                                <div class="right-wrapper">
                                    <h5>Total Course Hours</h5>
                                    <h2>{{ $totalPracticalHours + $totalTheoryHours }}</h2>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="bottom-bg-wrapper">
                        <div class="title-wrapper">
                            <h4>Topics Covered</h4>
                        </div>
                        <div class="topics-section-accordion-wrapper">
                            <div class="accordion" id="accordionExample">

                                {{-- @foreach ($courses as  $course) --}}
                                    @if($course->courseTopics->count() > 0)
                                        @php
                                            $sr = 1
                                        @endphp
                                        @foreach ($course->courseTopics->sortBy('sequence_number') as $key => $courseTopic)
                                            @if($courseTopic->topic)
                                                <div class="accordion-item">
                                                    <h2 class="accordion-header" id="heading{{ $key }}">
                                                        <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapse{{ $key }}" aria-expanded="false" aria-controls="collapse{{ $key }}">
                                                            {{ $sr }} . {{ $courseTopic->topic->title}}
                                                        </button>
                                                    </h2>
                                                    <div id="collapse{{ $key }}" class="accordion-collapse collapse" aria-labelledby="heading{{ $key }}" data-bs-parent="#accordionExample">
                                                        <div class="accordion-body">
                                                            {{ $courseTopic->topic->descriptions }}
                                                        </div>
                                                    </div>
                                                </div>
                                                @php
                                                    $sr++
                                                @endphp
                                            @endif
                                        @endforeach
                                    @else
                                        <p style="text-align: center;margin: 20px;color: darkgray;font-size: 17px;">No topics found</p>
                                    @endif

                                {{-- @endforeach --}}
                                {{-- <div class="accordion-item">
                                    <h2 class="accordion-header" id="headingOne">
                                        <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                                            1. Prepare and Maintain the Work Area
                                        </button>
                                    </h2>
                                    <div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#accordionExample">
                                        <div class="accordion-body">
                                            This module introduces the role of an Aesthetic Skin Technician and the
                                            scope of
                                            work in non-invasive cosmetology. You will also learn key responsibilities
                                            along with
                                            essential hygiene, sanitization, sterilization, equipment setup and
                                            waste-disposal
                                            practices needed to maintain a clean and safe treatment environment.
                                        </div>
                                    </div>
                                </div>
                                <div class="accordion-item">
                                    <h2 class="accordion-header" id="headingTwo">
                                        <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                                            2. Active Ingredients in Beauty &amp; Hair Products
                                        </button>
                                    </h2>
                                    <div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#accordionExample">
                                        <div class="accordion-body">
                                            This module builds a strong foundation in understanding cosmetic and
                                            hair-care
                                            formulations. Students learn about common active ingredients, how they work
                                            on
                                            skin and hair, how to read product labels, perform patch tests, and ensure
                                            safe and
                                            effective product usage.
                                        </div>
                                    </div>
                                </div>
                                <div class="accordion-item">
                                    <h2 class="accordion-header" id="headingThree">
                                        <button class="accordion-button" type="button" data-bs-toggle="collapse"
                                            data-bs-target="#collapseThree" aria-expanded="false"
                                            aria-controls="collapseThree">
                                            3. Anti-Ageing and Treatments for Skin
                                        </button>
                                    </h2>
                                    <div id="collapseThree" class="accordion-collapse collapse"
                                        aria-labelledby="headingThree" data-bs-parent="#accordionExample">
                                        <div class="accordion-body">
                                            Explore the science behind ageing, skin structure, and modern rejuvenation
                                            techniques.
                                            Learn to consult clients and perform anti-ageing facials, peels, and topical
                                            treatment
                                            protocols.
                                        </div>
                                    </div>
                                </div>
                                <div class="accordion-item">
                                    <h2 class="accordion-header" id="headingFour">
                                        <button class="accordion-button" type="button" data-bs-toggle="collapse"
                                            data-bs-target="#collapseFour" aria-expanded="false"
                                            aria-controls="collapseFour">
                                            4. Acne Treatments: Peels & High Frequency
                                        </button>
                                    </h2>
                                    <div id="collapseFour" class="accordion-collapse collapse"
                                        aria-labelledby="headingFour" data-bs-parent="#accordionExample">
                                        <div class="accordion-body">
                                            Get trained in acne assessment, superficial peels, high-frequency devices,
                                            and post-
                                            care procedures.

                                            Learn to safely treat acne-prone skin using professional products,
                                            techniques, and
                                            client-specific plans.
                                        </div>
                                    </div>
                                </div>
                                <div class="accordion-item">
                                    <h2 class="accordion-header" id="headingFive">
                                        <button class="accordion-button" type="button" data-bs-toggle="collapse"
                                            data-bs-target="#collapseFive" aria-expanded="false"
                                            aria-controls="collapseFive">
                                            5. Perform Facial Electrotherapy
                                        </button>
                                    </h2>
                                    <div id="collapseFive" class="accordion-collapse collapse"
                                        aria-labelledby="headingFive" data-bs-parent="#accordionExample">
                                        <div class="accordion-body">
                                            Master electrotherapy tools including galvanic current, EMS, microcurrent,
                                            and
                                            lymphatic drainage.
                                            Learn safe usage of devices to improve skin tone, circulation, and product
                                            penetration.
                                        </div>
                                    </div>
                                </div>
                                <div class="accordion-item">
                                    <h2 class="accordion-header" id="headingSix">
                                        <button class="accordion-button" type="button" data-bs-toggle="collapse"
                                            data-bs-target="#collapseSix" aria-expanded="false"
                                            aria-controls="collapseSix">
                                            6. Skin Rejuvenation: Peels, Dermabrasion &amp; HydraFacial
                                        </button>
                                    </h2>
                                    <div id="collapseSix" class="accordion-collapse collapse"
                                        aria-labelledby="headingSix" data-bs-parent="#accordionExample">
                                        <div class="accordion-body">
                                            Train in advanced rejuvenation services like microdermabrasion, hydrafacial,
                                            superficial peels, and RF for under-eye care.
                                            Understand pigmentation issues and how to address them using non-invasive
                                            technologies.
                                        </div>
                                    </div>
                                </div>
                                <div class="accordion-item">
                                    <h2 class="accordion-header" id="headingSeven">
                                        <button class="accordion-button" type="button" data-bs-toggle="collapse"
                                            data-bs-target="#collapseSeven" aria-expanded="false"
                                            aria-controls="collapseSeven">
                                            7. Laser Hair Removal Service
                                        </button>
                                    </h2>
                                    <div id="collapseSeven" class="accordion-collapse collapse"
                                        aria-labelledby="headingSeven" data-bs-parent="#accordionExample">
                                        <div class="accordion-body">
                                            Learn to safely operate diode/Nd:YAG laser systems for permanent hair
                                            reduction.
                                            Gain hands-on experience in consultation, patch testing, machine settings,
                                            client
                                            care, and post-treatment protocols.
                                        </div>
                                    </div>
                                </div>
                                <div class="accordion-item">
                                    <h2 class="accordion-header" id="headingEight">
                                        <button class="accordion-button" type="button" data-bs-toggle="collapse"
                                            data-bs-target="#collapseEight" aria-expanded="false"
                                            aria-controls="collapseEight">
                                            8. Maintain Health & Safety at the Workplace
                                        </button>
                                    </h2>
                                    <div id="collapseEight" class="accordion-collapse collapse"
                                        aria-labelledby="headingEight" data-bs-parent="#accordionExample">
                                        <div class="accordion-body">
                                            Understand workplace hazards, PPE usage, first aid, fire safety, and
                                            infection control
                                            practices.
                                            Learn correct posture, equipment sterilization, and safety reporting
                                            methods.
                                        </div>
                                    </div>
                                </div>
                                <div class="accordion-item">
                                    <h2 class="accordion-header" id="headingNine">
                                        <button class="accordion-button" type="button" data-bs-toggle="collapse"
                                            data-bs-target="#collapseNine" aria-expanded="false"
                                            aria-controls="collapseNine">
                                            9. Create a Positive Impression at the Workplace
                                        </button>
                                    </h2>
                                    <div id="collapseNine" class="accordion-collapse collapse"
                                        aria-labelledby="headingNine" data-bs-parent="#accordionExample">
                                        <div class="accordion-body">
                                            Develop professional grooming, communication etiquette, and client-handling
                                            skills.
                                            Learn scheduling, documentation, and customer experience management for
                                            aesthetic centres.
                                        </div>
                                    </div>
                                </div>
                                <div class="accordion-item">
                                    <h2 class="accordion-header" id="headingTen">
                                        <button class="accordion-button" type="button" data-bs-toggle="collapse"
                                            data-bs-target="#collapseTen" aria-expanded="false"
                                            aria-controls="collapseTen">
                                            10. Employability Skills
                                        </button>
                                    </h2>
                                    <div id="collapseTen" class="accordion-collapse collapse"
                                        aria-labelledby="headingTen" data-bs-parent="#accordionExample">
                                        <div class="accordion-body">
                                            This module builds essential workplace skills- communication, digital
                                            literacy,
                                            professionalism, and customer service to help you perform confidently in any
                                            job
                                            role. It also prepares you for interviews, apprenticeships and career growth
                                            in the
                                            beauty and wellness industry.
                                        </div>
                                    </div>
                                </div> --}}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="floating-enquire-button-wrapper">
        <a href="{{ route('contact_us')}}"><img src="{{ asset('frontend/assets/images/information/information-personalized-guidance.png') }}" alt=""> Enquire Now</a>
     </div>
@endsection