@extends('admin.index')
@section('content')

<title>{{trans('admin.Education')}}</title>
       


                    <main id="js-page-content" role="main" class="page-content">
                        <ol class="breadcrumb page-breadcrumb">
                            <li class="breadcrumb-item"><a href="{{url('KlarAdmin')}}">{{trans('admin.Dashboard')}}</a></li>
                            <li class="breadcrumb-item">{{trans('admin.Education')}}</li>
                            <li class="position-absolute pos-top pos-right d-none d-sm-block"><span class="js-get-date"></span></li>
                        </ol>
                        <div class="subheader">
                            <h1 class="subheader-title">
                                <i class='fal fa-info-circle'></i> {{trans('admin.Education')}}
                            </h1>
                        </div>
                        

                        
                    @foreach($Videos as $edu)    
                        <div class="fs-lg fw-300 p-5 bg-white border-faded rounded mb-g">
                        <div class="row">
                        <div class="col-md-4">
                          {{app()->getLocale() == 'ar' ?$edu->Arabic_Name :$edu->English_Name}}  
                        </div>
                           <div class="col-md-8">
                                     
                 <iframe width="560" height="315" src="{{$edu->Video}}" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
                                                    
                            </div>     
                        </div>
                        </div>
                        @endforeach  
                      
      
                    </main>

@endsection