@extends('layouts.app')

@section('content')

 

<div class="sb2-2" style="min-height: 100vh;">
    <div class="sb2-2-2">
        <ul>
            <li><a href="{{route('home')}}"><i class="fa fa-home" aria-hidden="true"></i> Kezdőlap</a>
            </li>
            <li class="active-bre"><a href="#">Oktatás</a>
            </li>
        </ul>
    </div>
    <div class="sb2-2-3">
        <div class="row">
        @if(count($projects) != 0)
            @foreach($projects as $project)
            <div class="col-md-6" style="height: 200px; margin-bottom: 40px;">
                <div class="box-inn-sp">
                    <div class="inn-title" style="min-height: 120px;">
                        <h4>{{$project->title}}</h4>
                        <p>{{ str_limit($project->description, '100', $end="...")}}</p>
                        </div>
                        <div class="tab-inn">
                            <button class="btn-large" onclick="window.location.href='{{ url('page-tutorial', ['project_id'=>$project->id]) }}'" >Kezdés</button>
                        </div>
                    </div>
                    <br>
                </div>
            @endforeach
        @else
            <div class="col-md-12">
                <p>
                    {{$text}}
                    @if($text == "Erre az évre megcsináltad a kötelező oktatást, gratulálok!")
                        Legutoljára ekkor végezted el: {{date('Y. m. d.',strtotime($datum))}}, a következő esedékessége {{date('Y. m. d.',strtotime($datum.' + 12 month'))}}"
                    @endif
                </p>
            </div>
        @endif
        </div>
    </div>
</div>
@if(Auth::User()->gdpr_accepted == false and Auth::User()->hasRole('Employee'))
<div class="popup_bg">
    <div class="popup_bar"> 
        <h4>Felhasználási feltételek elfogadása</h4>
        <br>
        <form method="POST" action="{{route('set-gdpr-accepted')}}">
        @csrf
            <div class="row">
                <div class="col s12">
                    <input id="check1" type="checkbox" name="check1" value="none" required/>
                <label for="check1"><div style="font-size: 20px; color: red; display: inline-block; margin-right: 5px;">*</div>Elfogadom az <a style="display: inline-block;" href="{{asset('aszf.pdf')}}" target="_blank">ÁSZF</a>-et és az <a style="display: inline-block;"  href="{{asset('felhasznalas.pdf')}}" target="_blank">adatfeldolgozói szerződést</a>.</label>
                </div>
            </div>
            <div class="row">
                <div class="col s12">
                    <input id="check2" type="checkbox" name="check2" value="none" required/>
                                            <label for="check2"><div style="font-size: 20px; color: red; display: inline-block; margin-right: 5px;">*</div>Tudomásul veszem az <a style="display: inline-block;" href="{{asset('adatkezeles.pdf')}}" target="_blank">adatkezelési tájékoztatót</a>.</label>
                </div>
            </div>
            <div class="row">
                <div class="input-field col s12">
                    <button  type="submit" id="submit-btn" class="waves-light btn-large btn-log-in">Mentés</button>
                </div>
            </div>
            <br>
        </form>
    </div>
</div>
@endif
@if($show_review_alert == true)
    <div class="popup_bg" id="popup-bar" onclick="document.getElementById('popup-bar').style.display = 'none';">
        <div class="popup_bar"> 
            <h4>Kérjük értékeld a Haccp Oktatás rendszerét!</h4>
            <br>
            <center>
                <img src="{{asset('images/tmvo_velemenykeres.png')}}" style="max-height: 200px; max-width: 200px;"/>
            </center>
            <a  href="{{route('ertekeles')}}" target="_blank" id="submit-btn" class="btn-large btn-log-in">Értékelem!</a>
            <p style="cursor:pointer; text-decoration: underline;">Mégsem</p>
        </div>
    </div>
@endif
<style>
    .popup_bg{
        position: fixed;
        width: 100vw;
        height: 100vh;
        left: 0;
        top: 0;
        z-index: 100;
        background-color: rgba(0, 0, 0, 0.589);
    }
    .popup_bar{
        max-width: 400px;
        width: 100%;
        background-color: white;
        border-radius: 5px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 20vh;
        padding: 20px;
        paddint-top: 40px;
        pading-bottom: 40px;
    }
</style>
@endsection