@extends('front.layouts.app')

@section('content')

@include('front.common.breadcrumb')

<section class="about-us-us hello-flower-section">

    <div class="container">

        <div class="row">

            <div class="col-md-12">



            </div>

            @if(!empty($video_link))

            <div class="col-12">

                <div class=" for-md-screen">

                    <div class="for-padd-uss float-right">
                        <a href="#">
                            <div class="hellow-flower-img d-flex justify-content-center align-items-center position-relative mx-auto">

                                <!-- <video class="video-section" src="{{ $video_link->video_link }}?autoplay=0" poster="{{ imageUrl( url($video_link->image),494,363,95,2) }}" preload="none"></video> -->

                                <img src="{{ imageUrl( url($video_link->image),555,286,95,2) }}" class="img-fluid" alt="img">

                                <!-- <div id="play-button-div" class="play-button-icon position-absolute">

                                    <a id="" class="icon-play " href="{{ $video_link->video_link }}" data-toggle="modal" onclick="openModel({{ $video_link }})"><i class="fas fa-play d-flex justify-content-center align-items-center"></i></a>

                                </div> -->

                            </div>
                        </a>


                    </div>
                    <div class="for-padd-us">

                       

                            <div class="inner-services-us">

                                <h2 class="our-sercices-us-tittle">{!! $video_link->translation->title !!}</h2>

                            </div>

                        

                        <div class="about-content-us services-text-setting">

                            {!! $video_link->translation->content !!}

                        </div>

                    </div>

                </div>



                @else

                <div class="alert alert-info card-padd-hah">

                    {!! __('No record found.') !!}

                </div>

            </div>

            @endif

        </div>

    </div>

    @include('front.common.video-model')

</section>

@endsection