@extends('layouts.comingsoon_layouts.master')

@section('title', 'Coming with Bg Video')

@section('css')
@endsection

@section('main_content')
    <!-- Page Body Start-->
    <div class="container-fluid p-0">
        <div class="comingsoon auth-bg-video">
            <video class="bgvideo-comingsoon" id="bgvid"
                poster="{{ asset('assets/images/other-images/coming-soon-bg.jpg') }}" playsinline="" autoplay=""
                muted="" loop="">
                <source src="{{ asset('assets/video/auth-bg.mp4') }}" type="video/mp4">
            </video>
            <div class="comingsoon-inner text-center"><img class="for-light"
                    src="{{ asset('assets/images/other-images/logo-login.png') }}" alt=""><img class="for-dark"
                    src="{{ asset('assets/images/other-images/logo-light.png') }}" alt="">
                <h5>WE ARE COMING SOON</h5>
                <div class="countdown" id="clock-arrival" data-hours="1" data-minutes="2" data-seconds="3">
                    <ul>
                        <li><span class="days time"></span><span class="title">Days</span></li>
                        <li><span class="hours time"></span><span class="title">Hours</span></li>
                        <li><span class="minutes time"></span><span class="title">Minutes</span></li>
                        <li><span class="seconds time"></span><span class="title">Seconds</span></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('scripts')
@endsection