@extends('front.layouts.app')

@section('content')

<div class="main-content-box">
    <div class="container">
        <div class="row">
            <!-- <div class="col-12">
                <div class="my-cart-box text-center">
                    <div class="title">{{__('MyCart')}}</div>
                    <div class="title">{{__('E-commerce solution')}}</div>
                </div>
            </div> -->

            <div class="col-12">
                <div class="login-and-readmore-btn d-flex flex-column align-items-center justify-content-center">
                    @if(!auth()->user())
                    <a href="{{route('front.auth.login')}}" target="_blank" class="site-btn-1 home-btn-only" >{{__('Log In')}}</a>
                    @else
                    <a href="{{route('front.how-to-video')}}" class="site-btn-1 home-btn-only" >{{__('Proceed to Application')}}</a>
                    @endif
                    <a href="https://www.mytechnology.ae" target="_blank" class="site-btn-1 home-btn-only mt-3" >{{__('Learn More')}}</a>
{{--                    <button class="site-btn-1 mr-4">{{__('Learn More')}}</button>--}}
{{--                    <button class="site-btn-1">{{__('Log In')}}</button>--}}
                </div>
            </div>

            <div class="col-12">
                <div class="busuness-video mx-auto">
                    <div style="padding-top:56.25%;position:relative;">
                        <video controls>
                            <source src="https://ammar-ommer-website.s3.ap-south-1.amazonaws.com/request-store-EDITED.mp4" type="video/mp4">
                            <source src="https://ammar-ommer-website.s3.ap-south-1.amazonaws.com/request-store-EDITED.ogg" type="video/ogg">
                            {{__('Your browser does not support the video tag.')}}
                        </video>
{{--                        <iframe src="https://player.vdocipher.com/playerAssets/1.x/vdo/embed/index.html#otp=20160313versASE323FYJmeC8uVvbRWkqTJeJ2A3mAwyHr9J9kt2wUid8XXKV7dO&playbackInfo=eyJ2aWRlb0lkIjoiOTEzZTMxMjM0ZDMyNDhhNTkzMjRlMzMyYWM4ZjQ5MWYifQ==" style="border:0;height:360px;width:640px;max-width:100%;position:absolute;top:0px;left:0px;height:100%;width:100%;"allowFullScreen="true" allow="encrypted-media"></iframe>--}}
                    </div>
{{--                    <iframe src="https://www.youtube.com/embed/HmFfCifsD2k" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>--}}
                </div>
            </div>
        </div>
    </div>
    <div class="col-12">
        <div class="login-and-readmore-btn d-flex flex-column align-items-center justify-content-center">
            <a href="{{route('front.useful-links')}}" target="_blank" class="site-btn-1 home-btn-only" >{{__('Useful links')}}</a>
        </div>
    </div>



    <div class="footer"></div>
</div>

@endsection