@extends('layout.layout')
@section('content')
<!-- <div class="container welcome-container">
    <img class="on-text-grey" src="{{ asset('assets/images/grey.png') }}" alt="cerc gri">
        <div class="row welcome-row">
            <div class="col text-column">
            <h6 class="welcome-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Saepe necessitatibus modi dicta et? Itaque recusandae est unde explicabo velit dolores distinctio. Cum autem adipisci, numquam suscipit, recusandae veniam est excepturi reprehenderit sequi corrupti facilis voluptas repellendus hic qui, sit et?</h6>
           @if(!Auth::check())
           <a href="/login">
            <button class="incepe-acum">Incepe acum !</button>
            </a>
            @elseif(Auth::check() && Auth::user()->role_id == 1)
            <a href="/categories">
                <button class="incepe-acum">Incepe acum !</button>
            </a>
            @else
            <a href="/courses-user">
                <button class="incepe-acum">Incepe acum !</button>
            </a>
            @endif
            </div>
            <div class="col image-on-desktop">
                <img class="welcome-image" src="{{ asset('assets/images/hello.png') }}" alt="reminder-cursuri-gata-de-vizionat" style="width:50%;">
            </div>
        </div>
        <img class="image-orange" src="{{ asset('assets/images/orange.png') }}" alt="cerc portocaliu">
        <img class="image-pink" src="{{ asset('assets/images/pink.png') }}" alt="cerc roz">
        <img class="image-react rotating" src="{{ asset('assets/images/like-react.png') }}" alt="cerc care se invarte">
</div> -->

<div class="container-welcome">
    <video  id="myVideo"  autoplay="true" nocontrols="true" playsinline="true" muted="true" loop="true">
        <source src="/assets/images/elearn.mp4" type="video/mp4">
        <source src="/assets/images/elearn.mp4 " type="video/ogg">
    </video>
    <div class="text-banner-welcome">
        <h2 class="text-welcome-banner">PLATFORMA E-LEARNING CREATA DE</h2>
        <p class="mg-it-team fw-bold">MONEYGOLD IT TEAM</p>
    </div>
</div>
<div class="for-who mt-3 text-uppercase text-center">
            <h2 style="font-weight: 300;">Pentru ce a fost creata platforma de E-LEARNING ?</h2>
</div>
<div class="container for-was-created" >
    <div class="row first-row-welcome-page">
        <div class="col first-col-welcome">
            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quam quos beatae porro, laudantium voluptas perferendis tenetur consectetur eos est ad nostrum, culpa ipsam cum laborum eaque optio consequatur quibusdam dicta!</p>
            @if(!Auth::check())
           <a href="/login">
            <button class="incepe-acum mb-3">Incepe acum !</button>
            </a>
            @elseif(Auth::check() && Auth::user()->role_id == 1)
            <a href="/categories">
                <button class="incepe-acum  mb-3">Incepe acum !</button>
            </a>
            @else
            <a href="/courses-user">
                <button class="incepe-acum  mb-3">Incepe acum !</button>
            </a>
            @endif
        </div>
        <div class="col">
            <img src="/assets/images/while learning.png" alt="" style="width: 100%;height:100%;border-radius:25px;">
        </div>
    </div>
</div>
<!-- elearn.mp4 -->
@endsection