@forelse($list as $contents)
    @php  $content = $contents->content; @endphp
	<div class="col-md-12">
	 <div class="accordion-heading" role="tab" id="gold-benefits-tab">
                                <h3 class="card-title accordion-title">
                                 <a class="accordion-msg scale_active " data-toggle="collapse" data-parent="#accordion" href="#gold-benefits-{{ $contents->id }}" aria-expanded="true" aria-controls="collapseOne">
                                  {{ $content->getTopic->topic_name }}
                                  </a>
                                 </h3>
                            </div>
		                    <div id="gold-benefits-{{ $contents->id }}" class="panel-collapse in collapse hide" role="tabpanel" aria-labelledby="headingOne" aria-expanded="false" style="">
                                <div class="accordion-content report-comp accordion-desc border-gold bgm-gold-light">
                                    <div class="tracks-wrapper d-flex justify-content-start flex-wrap">
                                       
                                        <div class="col-md-7">
                                        <div class="assessment-wrapper w-full">

                                    <h3>{{ $content->content_title ? $content->content_title : "Not provided"}}</h3>
                                    <div class="content">
                                        <p class="c-gray" style="margin-left: 40px !important;">
                                            {{ $content->content_description ? $content->content_description : "Not provided"}}
                                        </p>
                                        
                                    </div>
                                    <div class="row">

                                    @foreach($content->content_files as $file)
                                        
                                        @if($file->file_type_enum == 1)
                                            <a style="background-color: #d39e00" class="offset-md-4 col-md-1 link js-video md-trigger" data-modal="modal-video" data-backdrop="static" data-keyboard="false" data-file="{{ HireMeeHelper::getAWSVideoUrl($file->s3_id,config('filesystems.disks.hiremeegolddev.bucket')) }}" data-title="mp3"><i class="icofont icofont-audio"></i></a>
                                        @else
                                            <a style="background-color: #d39e00" class="col-md-1 link js-video md-trigger" data-modal="modal-video" data-backdrop="static" data-keyboard="false" data-file="{{ HireMeeHelper::getAWSVideoUrl($file->s3_id,config('filesystems.disks.hiremeegolddev.bucket')) }}" data-title="mp4"><i class="icofont icofont-contrast"></i></a> 
                                        @endif
                                        
                                    @endforeach
                                    </div>
                                    <span class="badge bg-black"><span class="text c-yellow">Available</span></span>
                                    @php
                                        $user=\Auth::user();
                                        $file_link = $content->content_s3_id ? $content->content_s3_id : "";
                                        $read = App\Http\Controllers\Gold\Candidate\GoldCandidateController::getCollegeLearningContentStatus($user->hiremee_id,$contents->track_id,$content->id);
                                        $read_status = $read ? $read->content_readed_count : "";
                                        $read_link =  $content->content_link ? $content->content_link : "";
                                    @endphp
                                    @if($file_link)
                                        <a href="javascript:;"  data-track_id="{{ $contents->track_id }}" data-college_id="{{ $content->college_id }}" data-candidate_id="{{ $user->hiremee_id }}" data-hiremee_id="{{ $user->hiremee_id }}" data-type="download" data-track_mapping_id="{{ $content->id }}" data-link="{{ $content->content_s3_id }}"  class="action-bottom-down js-gold-clg-learning-read-update-button"><i class="icofont icofont-download-alt"></i></a>
                                    @endif
                                        <a href="javascript:;"  data-track_id="{{ $contents->track_id }}" data-college_id="{{ $content->college_id }}" data-candidate_id="{{ $user->hiremee_id }}" data-hiremee_id="{{ $user->hiremee_id }}" data-type="read" data-track_mapping_id="{{ $content->id }}" @if($read_link) data-link="{{$read_link}}" @else data-animation="false" data-toggle="tooltip" data-placement="top" title="" data-original-title="Read more link Not Available" @endif  class="@if($read_status) action-bottom-read @else action-bottom @endif btn-info js-gold-clg-learning-read-update-button @if(!$read_link) c-p-n-a @endif">Read More <span class="lnr lnr-arrow-right"></span> </a>
                                        </div> 
                                       </div>

                                    </div>
                                </div>
                            </div>
                        </div>
                    <div class="animation-model">
                        <div class="md-modal md-effect-1" id="modal-video">
                            <div class="md-content">
                                <button type="button" onclick="stopplay();" class="btn btn-primary btn-icon-custom waves-effect md-close login-close-btn"><span class="hiremee-multiply f-18"></span></button>
                                <div class="row p-b-15">
                                <div class="col-md-12">
                                   <span id='video_titltle'></span>
                                        <div class="row ">
                                            <div id="myElement"></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="md-overlay"></div>
                    </div>
            @empty
                <div class="col-md-6 text-center">
                    <i class="hiremee-search f-100 text-93"></i>
                    <h2 class="text-93">No Learning Content Found</h2>
                </div>
            @endforelse