@extends('layouts.app')

@section('title')
<title>{{ __('home.course_content') }}</title>
@endsection
@section('content')

<div class="rts-bread-crumbarea-1 rts-section-gap bg_image d-none">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <div class="breadcrumb-main-wrapper">
                    <h1 class="title">{{__('home.course_content')}}</h1>
                    <!-- breadcrumb pagination area -->
                    <div class="pagination-wrapper">
                        <a href="{{url('/')}}">@lang('home.home')</a>
                        <i class="fa-regular fa-chevron-right"></i>
                        <a class="active">{{__('home.course_content')}}</a>
                    </div>
                    <!-- breadcrumb pagination area end -->
                </div>
            </div>
        </div>
    </div>
</div>
<!-- dashboard banner area end -->


<!-- dashboard banner area end -->
<div class="rts-course-area rts-section-gap " style='min-height:900px'>
    <div class="container">
        <div class="row g-5">
            <div class="col-lg-8 order-cl-1 order-lg-1 order-md-2 order-sm-2 order-2">

                <div class="course-details-btn-wrapper pb--50">
                    <ul class="nav nav-tabs" id="myTab" role="tablist">

                        <li class="nav-item" role="presentation">
                            <button class="nav-link active" id="intro-tab" data-bs-toggle="tab" data-bs-target="#intro"
                                type="button" role="tab" aria-controls="contacts" aria-selected="false"> {{
                                trans('home.introduction') }} </button>
                        </li>
                        <li class="nav-item" role="presentation">
                            <button class="nav-link" id="cources-tab" data-bs-toggle="tab" data-bs-target="#lessons"
                                type="button" role="tab" aria-controls="contact" aria-selected="false"> {{
                                trans('home.lessons') }} </button>
                        </li>
                        <li class="nav-item" role="presentation">
                            <button class="nav-link" id="contact-tab" data-bs-toggle="tab"
                                data-bs-target="#program_content_and_resources" type="button" role="tab"
                                aria-controls="contact" aria-selected="false">{{
                                trans('home.program_content_and_resources') }}</button>
                        </li>
                        <li class="nav-item" role="presentation">
                            <button class="nav-link" id="contact-tab" data-bs-toggle="tab" data-bs-target="#video_guide"
                                type="button" role="tab" aria-controls="contact" aria-selected="false">{{
                                trans('home.video_guide') }}</button>
                        </li>
                        <li class="nav-item" role="presentation">
                            <button class="nav-link" id="duties_and_activities-tab" data-bs-toggle="tab"
                                data-bs-target="#duties_and_activities" type="button" role="tab"
                                aria-controls="duties_and_activities" aria-selected="false">{{
                                trans('home.duties_and_activities') }}</button>
                        </li>
                        <li class="nav-item" role="presentation">
                            <button class="nav-link" id="discussions_and_messages-tab" data-bs-toggle="tab"
                                data-bs-target="#discussions_and_messages" type="button" role="tab"
                                aria-controls="discussions_and_messages" aria-selected="false">{{
                                trans('home.discussions_and_messages') }}</button>
                        </li>
                        <li class="nav-item" role="presentation">
                            @if(isset($course->start_date) && \Carbon\Carbon::parse($course->end_date) >
                            \Carbon\Carbon::now())
                            <button class="nav-link" href="#" data-bs-toggle="modal"
                                data-bs-target="#certificate_last_day_not_allow">
                                {{ trans('home.certificate') }}
                            </button>
                            @else
                            <button class="nav-link" id="certificate-tab" data-bs-toggle="tab"
                                data-bs-target="#certificate" type="button" role="tab" aria-controls="certificate"
                                aria-selected="false">{{ trans('home.certificate') }}
                            </button>
                            @endif
                        </li>
                        <li class="nav-item" role="presentation">

                            <button class="nav-link" href="#" data-bs-toggle="modal" data-bs-target="#declaration">
                                {{ trans('home.declaration') }}
                            </button>

                        </li>
                    </ul>
                </div>


                <div class="tab-content mt--50" id="myTabContent">
                    <div class="tab-pane fade active show " id="intro" role="tabpanel" aria-labelledby="intro-tab">
                        <div class='right-course-details mt-0'>
                            {!! $course->{'text_'.$lang} !!}
                        </div>
                    </div>

                    <div class="tab-pane fade " id="lessons" role="tabpanel" aria-labelledby="lessons-tab">
                        <div class="course-content-wrapper-main">
                            <div class="accordion mt--30" id="accordionExample">
                                <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">
                                            <span> ( الوحدات ) النظرية والعملية</span>
                                        </button>
                                    </h2>
                                    <div id="collapseOne" class="accordion-collapse collapse show"
                                        aria-labelledby="headingOne" data-bs-parent="#accordionExample">
                                        <div class="accordion-body">
                                            <!-- play single area start -->
                                            <a href="#" class="play-vedio-wrapper">
                                                <div class="left">
                                                    تحميل واستعراض ( الوحدات ) النظرية والعملية
                                                </div>
                                                <div class="right">
                                                    <a href="#" target="_blank" class="pdf-page"> استعراض</a>

                                                </div>
                                            </a>
                                            <!-- play single area end -->
                                        </div>
                                    </div>
                                </div>
                                <div class="accordion-item">
                                    <h2 class="accordion-header" id="headingTwo">
                                        <button class="accordion-button collapsed" type="button"
                                            data-bs-toggle="collapse" data-bs-target="#collapseTwo"
                                            aria-expanded="false" aria-controls="collapseTwo">
                                            <span> الحقيبة - مهارات التعلم</span>
                                        </button>
                                    </h2>
                                    <div id="collapseTwo" class="accordion-collapse collapse"
                                        aria-labelledby="headingTwo" data-bs-parent="#accordionExample">
                                        <div class="accordion-body">
                                            <!-- play single area start -->
                                            <a href="#" class="play-vedio-wrapper">
                                                <div class="left">
                                                    <span> تحميل واستعراض الحقيبة - مهارات التعلم</span>
                                                </div>
                                                <div class="right">
                                                    <a href="#" target="_blank" class="pdf-page"> استعراض</a>
                                                </div>
                                            </a>
                                        </div>
                                    </div>
                                </div>

                            </div>


                        </div>
                    </div>

                    <div class="tab-pane fade " id="program_content_and_resources" role="tabpanel"
                        aria-labelledby="program_content_and_resources-tab">
                        <div class="course-content-wrapper-main">

                            <div class="accordion mt--30" id="accordionExample">
                                <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">
                                            <span> ( الوحدات ) النظرية والعملية</span>
                                        </button>
                                    </h2>
                                    <div id="collapseOne" class="accordion-collapse collapse show"
                                        aria-labelledby="headingOne" data-bs-parent="#accordionExample">
                                        <div class="accordion-body">
                                            <!-- play single area start -->
                                            <a href="#" class="play-vedio-wrapper">
                                                <div class="left">
                                                    تحميل واستعراض ( الوحدات ) النظرية والعملية
                                                </div>
                                                <div class="right">
                                                    <a href="#" target="_blank" class="pdf-page"> استعراض</a>

                                                </div>
                                            </a>
                                            <!-- play single area end -->
                                        </div>
                                    </div>
                                </div>
                                <div class="accordion-item">
                                    <h2 class="accordion-header" id="headingTwo">
                                        <button class="accordion-button collapsed" type="button"
                                            data-bs-toggle="collapse" data-bs-target="#collapseTwo"
                                            aria-expanded="false" aria-controls="collapseTwo">
                                            <span> الحقيبة - مهارات التعلم</span>
                                        </button>
                                    </h2>
                                    <div id="collapseTwo" class="accordion-collapse collapse"
                                        aria-labelledby="headingTwo" data-bs-parent="#accordionExample">
                                        <div class="accordion-body">
                                            <!-- play single area start -->
                                            <a href="#" class="play-vedio-wrapper">
                                                <div class="left">
                                                    <span> تحميل واستعراض الحقيبة - مهارات التعلم</span>
                                                </div>
                                                <div class="right">
                                                    <a href="#" target="_blank" class="pdf-page"> استعراض</a>
                                                </div>
                                            </a>
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>

                    <div class="tab-pane fade " id="video_guide" role="tabpanel" aria-labelledby="video_guide-tab">
                        @if($course->video_guide_link)
                        <iframe width="560" height="560" src="{{ $course->video_guide_link }}"
                            title="YouTube video player" frameborder="0"
                            allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
                            referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
                        @else
                        لا يوجد فيديو متاح
                        @endif
                    </div>

                    <div class="tab-pane fade " id="duties_and_activities" role="tabpanel"
                        aria-labelledby="duties_and_activities-tab">
                        duties_and_activities
                    </div>

                    <div class="tab-pane fade " id="discussions_and_messages" role="tabpanel"
                        aria-labelledby="discussions_and_messages-tab">
                        discussions_and_messages
                    </div>

                    <div class="tab-pane fade " id="certificate" role="tabpanel" aria-labelledby="certificate-tab">
                        <div class="cert-details">
                            <h5 class="cert-num">{{auth()->user()?->crm_client?->ssn}}</h5>
                            <h5 class="cert-own">{{auth()->user()->name()}}</h5>
                            <h5 class="cert-name">{{$course->name_ar}}</h5>
                            <h5 class="cert-start">{{ isset($course->start_date) ?
                                \Carbon\Carbon::parse($course->start_date)->format("d / m / Y") : '' }}</h5>
                            <h5 class="cert-duration">{{ $course->duration ?? '' }}</h5>
                            <h5 class="cert-end">{{ isset($course->start_date) ?
                                \Carbon\Carbon::parse($course->end_date)->format("d / m / Y") : '' }}</h5>
                            {{-- <h5 class="sn-code">{{ isset($course->am_student->certificate_serial) ?
                                $course->am_student->certificate_serial : '' }}</h5> --}}
                            <img class="rounded h-100"
                                src="{{Helper::uploadedImagesPath('trainings/certificates',$course->certificate)}}"
                                alt="">
                            <div class="row m-auto text-center">
                                <form method="POST" action="{{route('generate_certificates')}}">
                                    @csrf
                                    <input type="hidden" id="user_ids" value="{{auth()->user()->id}}" name="id">
                                    <input type="hidden" value="{{$course->id}}" name="training_id">
                                    <input type="hidden" value="{{auth()->user()->id}}" name="student_id">
                                    <button class="btn btn-outline-success m-4 col-lg-6 col-sm-12"
                                        type="submit">{{__('home.extract_certificate')}}</button>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="modal fade bd-example-modal-lg" id="declaration" style="z-index:99999" tabindex="-1"
                role="dialog" aria-labelledby="trainingPartnerRequestmodelTitle" aria-hidden="true">
                <div class="modal-dialog modal-dialog-centered">
                    <div class="modal-content" style="border-radius: 35px;">
                        <div class="modal-header">
                            <h5 class="modal-title"> </h5>
                            <button type="button" class="btn-close mx-3" data-bs-dismiss="modal"
                                aria-label="Close"></button>
                        </div>
                        <div class="modal-body py-5">
                            <div class="m-auto text-center">
                                <img href="">

                            </div>
                        </div>

                        <div class="modal-footer">
                            <button type="button" class="btn" data-bs-dismiss="modal">Close</button>
                        </div>
                    </div>
                </div>
            </div>

            <div class="modal fade bd-example-modal-lg" id="certificate_last_day_not_allow" style="z-index:99999"
                tabindex="-1" role="dialog" aria-labelledby="trainingPartnerRequestmodelTitle" aria-hidden="true">
                <div class="modal-dialog modal-dialog-centered">
                    <div class="modal-content" style="border-radius: 35px;">
                        <div class="modal-header">
                            <h5 class="modal-title"> </h5>
                            <button type="button" class="btn-close mx-3" data-bs-dismiss="modal"
                                aria-label="Close"></button>
                        </div>
                        <div class="modal-body py-5">
                            <div class="m-auto text-center">
                                <h5>
                                    {{__('home.Certificate is blocked until last day')}}
                                </h5>

                            </div>
                        </div>

                        <div class="modal-footer">
                            <button type="button" class="btn" data-bs-dismiss="modal">Close</button>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-lg-4 order-cl-2 order-lg-2 order-md-1 order-sm-1 order-1  ">
                <!-- right- sticky bar area -->
                <div class="right-course-details mt-5">


                    <!-- single course-sidebar -->
                    <div class="course-side-bar">
                        <div class="">
                            <img @if($lang=="en" )
                                src="{{ isset($course->image_en) ? Helper::uploadedImagesPath('courses/source', $course->image_en) : Helper::imageFilesPath('noimage.png') }}"
                                @else
                                src="{{ isset($course->image) ? Helper::uploadedImagesPath('courses/source', $course->image) : Helper::imageFilesPath('noimage.png') }}"
                                @endif alt="">

                        </div>

                        @if($course?->trainingSurvey)
                            <div class='ratingStars'>
                                <span class="play" data-bs-toggle="modal" data-bs-target="#exampleModal-poll">
                                    <h6 class='mb-3'> قياس رضا المتدربين عن تقديم البرنامج </h6>
                                </span>
                                <!--<div class="flex flex-row product-star-con" id="w__stars">-->
    
                                <!--</div>-->
                            </div>
                        @endif

                        <a target="_blank"
                            href="{{ (preg_match('/^http(s)?:\/\//', $course->zoom_link) ? $course->zoom_link : 'https://' . $course->zoom_link) }}"
                            class="rts-btn btn-border"
                            style='    background: transparent;    color: #0b5cff; border: 1px solid #0b5cff;'>
                            <i class="fa-light fa-camera-movie pe-2"></i>
                            {{ trans('home.zoom link') }}
                        </a>

                    </div>
                    <!-- single course-sidebar end -->
                </div>
                @if($guides?->course_entry_guide && $guides?->communication_policy_and_etiquette_and_actions_taken && $guides?->feedback_policy && $guides?->attendance_policy && $guides?->course_grading_policy && $guides?->qualifying_courses_test_guide && $guides?->homework_upload_guide && $guides?->required_knowledge_skills_and_competencies && $guides?->zoom_guide)
                <div class="right-course-details mt-2">
                    <!-- single course-sidebar -->
                    <div class="course-side-bar">
                        <div class="collapsedItems">
                            <button class="d-flex justify-content-between" type="button" data-bs-toggle="collapse"
                                data-bs-target="#collapseExample" aria-expanded="false" aria-controls="collapseExample">
                                <h6 class='mb-0'>{{ trans('home.training_guides') }}</h6>
                                <i class="fa-light fa-chevron-down"></i>
                            </button>
                            <div class="collapse" id="collapseExample">
                                    <ul class="list-unstyled">
                                        @if($guides?->course_entry_guide)
                                        <li class='ps-4'>
                                            <a href='{{url('
                                                uploads/trainings/training_guides/source'.$guides?->course_entry_guide)}}'
                                                target='_'> <i class="fa-thin fa-file pe-2"></i>
                                                {{ trans('home.course_entry_guide') }}
                                            </a>
                                        </li>
                                        @endif
                                        @if($guides?->communication_policy_and_etiquette_and_actions_taken)
                                        <li class='ps-4'>
                                            <a href='{{url('
                                                uploads/trainings/training_guides/source'.$guides?->communication_policy_and_etiquette_and_actions_taken)}}'
                                                target='_'> <i class="fa-thin fa-file pe-2"></i>
                                                {{ trans('home.communication_policy_and_etiquette_and_actions_taken') }}
                                            </a>
                                        </li>
                                        @endif
                                        @if($guides?->feedback_policy)
                                        <li class='ps-4'>
                                            <a href='{{url('
                                                uploads/trainings/training_guides/source'.$guides?->feedback_policy)}}'
                                                target='_'> <i class="fa-thin fa-file pe-2"></i>
                                                {{ trans('home.feedback_policy') }}
                                            </a>
                                        </li>
                                        @endif
                                        @if($guides?->attendance_policy)
                                        <li class='ps-4'>
                                            <a href='{{url('
                                                uploads/trainings/training_guides/source'.$guides?->attendance_policy)}}'
                                                target='_'> <i class="fa-thin fa-file pe-2"></i>
                                                {{ trans('home.attendance_policy') }}
                                            </a>
                                        </li>
                                        @endif
                                        @if($guides?->course_grading_policy)
                                        <li class='ps-4'>
                                            <a href='{{url('
                                                uploads/trainings/training_guides/source'.$guides?->course_grading_policy)}}'
                                                target='_'> <i class="fa-thin fa-file pe-2"></i>
                                                {{ trans('home.course_grading_policy') }}
                                            </a>
                                        </li>
                                        @endif
                                        @if($guides?->qualifying_courses_test_guide)
                                        <li class='ps-4'>
                                            <a href='{{url('
                                                uploads/trainings/training_guides/source'.$guides?->qualifying_courses_test_guide)}}'
                                                target='_'> <i class="fa-thin fa-file pe-2"></i>
                                                {{ trans('home.qualifying_courses_test_guide') }}
                                            </a>
                                        </li>
                                        @endif
                                        @if($guides?->homework_upload_guide)
                                        <li class='ps-4'>
                                            <a href='{{url('
                                                uploads/trainings/training_guides/source'.$guides?->homework_upload_guide)}}'
                                                target='_'> <i class="fa-thin fa-file pe-2"></i>
                                                {{ trans('home.homework_upload_guide') }}
                                            </a>
                                        </li>
                                        @endif
                                        @if($guides?->required_knowledge_skills_and_competencies)
                                        <li class='ps-4'>
                                            <a href='{{url('
                                                uploads/trainings/training_guides/source'.$guides?->required_knowledge_skills_and_competencies)}}'
                                                target='_'> <i class="fa-thin fa-file pe-2"></i>
                                                {{ trans('home.required_knowledge_skills_and_competencies') }}
                                            </a>
                                        </li>
                                        @endif
                                        @if($guides?->zoom_guide)
                                        <li class='ps-4'>
                                            <a href='{{url('
                                                uploads/trainings/training_guides/source'.$guides?->zoom_guide)}}'
                                                target='_'> <i class="fa-thin fa-file pe-2"></i>
                                                {{ trans('home.zoom_guide') }}
                                            </a>
                                        </li>
                                        @endif
                                    </ul>
                                </div>
                        </div>
                    </div>
                    <!-- single course-sidebar end -->
                </div>
                @endif
                <div class="right-course-details mt-2">
                    <!-- single course-sidebar -->
                    <div class="course-side-bar">
                        <div class="collapsedItems">
                            <button class="d-flex justify-content-between" type="button" data-bs-toggle="collapse"
                                data-bs-target="#collapseExample2" aria-expanded="false"
                                aria-controls="collapseExample">
                                <h6 class='mb-0'> متطلبات وتجهيزات الدورة / المقرر </h6>
                                <i class="fa-light fa-chevron-down"></i>
                            </button>

                            <div class="collapse" id="collapseExample2">
                                <ul class="list-unstyled">
                                    <li class='ps-4'>
                                        <a href='javascript:void(0);'> <i class="fa-light fa-camera-movie pe-2"></i>
                                            برنامج الزوم Zoom

                                        </a>
                                    </li>
                                    <li class='ps-4'>
                                        <a href='javascript:void(0);'> <i class="fa-thin fa-laptop pe-2 "></i>
                                            جهاز كمبيوتر او جوال
                                        </a>
                                    </li>


                                </ul>
                            </div>
                        </div>
                    </div>
                    <!-- single course-sidebar end -->
                </div>

                <div class="right-course-details mt-2">
                    <!-- single course-sidebar -->
                    <div class="course-side-bar">
                        <div class="collapsedItems">
                            <button class="d-flex justify-content-between" type="button" data-bs-toggle="collapse"
                                data-bs-target="#collapseExample3" aria-expanded="false"
                                aria-controls="collapseExample">
                                <h6 class='mb-0'> الوسائل التدريبية المستخدمة </h6>
                                <i class="fa-light fa-chevron-down"></i>
                            </button>

                            <div class="collapse" id="collapseExample3">
                                <ul class="list-unstyled">
                                    <li class='ps-4'>
                                        <a href='javascript:void(0);'> <i class="fa-light fa-camera-movie pe-2"></i>
                                            بوربوينت لعرض الشرائح

                                        </a>
                                    </li>
                                    <li class='ps-4'>
                                        <a href='javascript:void(0);'> <i class="fa-thin fa-laptop pe-2 "></i>
                                            برنامج فك الملفات المضغوطة Winrar
                                        </a>
                                    </li>

                                    <li class='ps-4'>
                                        <a href='javascript:void(0);'> <i class="fa-thin fa-laptop pe-2 "></i>
                                            متصفح google chrome
                                        </a>
                                    </li>


                                </ul>
                            </div>
                        </div>
                    </div>
                    <!-- single course-sidebar end -->
                </div>

            </div>

        </div>
    </div>
</div>


@endsection

    @if($course?->trainingSurvey)
        <div class="modal poll-pupup-modal fade" id="exampleModal-poll" tabindex="-1" aria-labelledby="exampleModalLabel"
    aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">{{$course?->trainingSurvey?->survey->{'name_'.$lang} }}</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <form method="POST" action="{{route('submit_survay')}}" enctype="multipart/form-data">
                    @csrf
                    @foreach($course?->trainingSurvey?->survey?->surveyQuestions as $index_survey => $survey_question)
                        <div class="row mt-4">
                            <li class="mb-2">{{($index_survey + 1).' - '}} {{$survey_question->{'question_'.$lang} }}</li>
                            @if($survey_question->question_type=="file")
                            <input type="hidden" name="attached_questions[]" value="{{$survey_question->id}}" >
                            @else
                            <input type="hidden" name="questions[]" value="{{$survey_question->id}}" >
                            @endif
                        @if($survey_question->question_type=="link")
                            <input class="col-8 col-sm-12" type="text" required name="answers[{{$survey_question->id}}]" placeholder="{{__('home.link')}}">
                        @elseif($survey_question->question_type=="notes")
                            <textarea class="col-8 col-sm-12" type="text" name="answers[{{$survey_question->id}}]" placeholder="{{__('home.answer')}}" rows="3"></textarea>
                        
                        @elseif($survey_question->question_type=="rate")
                            <div class="row">
                            <div class="form-check col-2 col-xsm-4">
                                <input class="form-check-input"style="margin-left: 40px;" type="radio" name="answers[{{$survey_question->id}}]" required id="flexRadioDefault_Perfect_{{$survey_question->id}}" value="Perfect">
                                <label class="form-check-label" for="flexRadioDefault_Perfect_{{$survey_question->id}}">
                                    {{__('home.Perfect') }}
                                </label>
                            </div>
                            <div class="form-check col-2 col-xsm-4">
                                <input class="form-check-input"style="margin-left: 40px;" type="radio" name="answers[{{$survey_question->id}}]" required id="flexRadioDefault_Good_{{$survey_question->id}}" value="Good">
                                <label class="form-check-label" for="flexRadioDefault_Good_{{$survey_question->id}}">
                                    {{__('home.Good') }}
                                </label>
                            </div>
                            <div class="form-check col-3 col-xsm-4">
                                <input class="form-check-input"style="margin-left: 40px;" type="radio" name="answers[{{$survey_question->id}}]" required id="flexRadioDefault_Average_{{$survey_question->id}}" value="Average">
                                <label class="form-check-label" for="flexRadioDefault_Average_{{$survey_question->id}}">
                                    {{__('home.Average') }}
                                </label>
                            </div>
                            <div class="form-check col-2 col-xsm-4">
                                <input class="form-check-input"style="margin-left: 40px;" type="radio" name="answers[{{$survey_question->id}}]" required id="flexRadioDefault_Poor_{{$survey_question->id}}" value="Poor">
                                <label class="form-check-label" for="flexRadioDefault_Poor_{{$survey_question->id}}">
                                    {{__('home.Poor') }}
                                </label>
                            </div>
                            <div class="form-check col-3 col-xsm-4">
                                <input class="form-check-input"style="margin-left: 40px;" type="radio" name="answers[{{$survey_question->id}}]" required id="flexRadioDefault_VeryBad_{{$survey_question->id}}" value="Very Bad">
                                <label class="form-check-label" for="flexRadioDefault_VeryBad_{{$survey_question->id}}">
                                    {{__('home.Very Bad') }}
                                </label>
                            </div>
                        </div>
                        @elseif($survey_question->question_type=="file")
                            <div class="form-group">
                                <input id="pdf_file" class="form-control-file" type="file" name="attached[{{$survey_question->id}}]">
                            </div>
                        @endif
                </div>
                    @endforeach
                    <div class=" pt-3 m-auto">
                        <button type="submit" class="submit btn w-btn-3">{{__('home.submit_exame') }}</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
    @endif


@section('script')
<script>


    // star rating
    function getSiblings(element, type) {
        var arraySib = [];
        if (type == 'prev') {
            while (element = element.previousSibling) {
                arraySib.push(element);
            }
        } else if (type == 'next') {
            while (element = element.nextSibling) {
                arraySib.push(element);
            }
        }
        return arraySib;
    }
    for (var i = 1; i <= 5; i++) { document.getElementById("w__stars").innerHTML += `<span class="starsIcon"><i class="fa-sharp fa-light fa-star"></i></span>`; }
    var icon = document.getElementsByClassName("starsIcon");
    for (var i = 0; i < icon.length; i++) {
        icon[i].addEventListener("click", function (e) {
            this.innerHTML = `<i class="fa-sharp fa-solid fa-star text-warning"></i>`;
            var prev = getSiblings(this, 'prev')
            var next = getSiblings(this, 'next')
            // populate previous siblings
            for (p = 0; p < prev.length; p++) {
                prev[p].innerHTML = `<i class="fa-sharp fa-solid fa-star text-warning"></i>`
            }
            // clear next siblings
            for (n = 0; n < next.length; n++) {
                next[n].innerHTML = `<i class="fa-sharp fa-light fa-star "></i>`
            }
        });
    }
</script>
@if(session()->has('success'))



<script>
    Swal.fire({
        icon: 'success',
        title: '{{ session()->pull('
        success ') }}'
    });
</script>
@endif
@endsection