@extends('frontLayout.frontlayout')
@section('content')
<section class="myaccount_section">
    <div class="container">
        <div class="row">
            <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                <div class="myaccount_area">
                    <div class="row no-gutters">
                        <div class="myaccount_main_area">
                            <div class="myprofile_area">
                                @include('user.partials.flash_messages')
    
                                <div class="row">
                                    <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                                        <div class="headet">
                                            <div class="left_name">
                                                <h5>Onboarding Videos</h5>
                                            </div>
                                            <div class="right_name">
                                                <a href="{{route('user.dashboard')}}" class="back">Back</a>
                                            </div>
                                         </div> 
                                    </div>
                                    <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                                        <div class="video_area_met" style="max-height: unset;">
                                            <div class="row">
                                                {{-- <div class="col-xl-3 col-lg-3 col-md-4 col-sm-6 col-6">
                                                    <div class="iv-player_responsive_padding" style="padding:56.25% 0 0 0;position:relative;" data-hash="62a1273bdd3b6">
                                                        <div class="iv-player_responsive_wrapper" style="height:100%;left:0;position:absolute;top:0;width:100%;">
                                                            <div class="iv-player_embed iv-player_async_p2z7746nud videoFoam=true" style="height:100%;position:relative;width:100%">
                                                                <div class="iv-player_swatch" style="height:100%;left:0;opacity:0;overflow:hidden;position:absolute;top:0;width:100%;">
                                                                    <img src="https://swiftcdn6.global.ssl.fastly.net/fb92bdb7-c571-457d-b52e-59673441dce3.png" style="filter:blur(5px);height:100%;object-fit:contain;width:100%;" alt="" aria-hidden="true" />
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div> --}}
                                                @foreach($videos as $key => $v)
                                                @if($v['video'] && file_exists(public_path($v['video'])))
                                                @php
                                                $video = explode('.',$v['video']);
                                                $video = explode('/',current($video));
                                                $thumbnail = '/uploads/thumbnails/'.end($video).'.png';
                                                $poster = "";
                                                if(file_exists(public_path($thumbnail))){
                                                    $poster = $thumbnail;
                                                }
                                                @endphp
                                                <div class="col-xl-3 col-lg-3 col-md-4 col-sm-6 col-6">
                                                    <div class="video_side">
                                                        <video poster="{{$poster ? url($poster) : url('assets/frontend/images/Final-Logo.png')}}" ></video>
                                                        <div class="play">
                                                            <a href="javascript:;" data-url="{{route('user.single-video',['id' => $v['id']])}}" id="play-video"><i class="fas fa-play"></i></a>
                                                        </div>
                                                    </div>
                                                    <div class="title-dit">
                                                        @if($v['title'])
                                                        <div class="left_area">
                                                            <h5>{{$v['title']}}</h5>
                                                        </div>
                                                        @endif
                                                        {{-- <div class="right_area">
                                                            <p>12-11-2022</p>
                                                        </div> --}}
                                                    </div>
                                                </div>
                                                @endif
                                                @endforeach
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="resp_message"></div>
                                </div>
                            </div>
                        </div>                        
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!--Email verification Modal -->
<div class="modal video-modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document" >
        <div class="modal-content">
            
        </div>
    </div>
</div>
</section>
@endsection