@extends('site.master')

@section('title', 'Check-in')
@section('meta_description', '')

@section('content')

    <div class="register centered checkin">
        <h1>@lang('presence.manager.check-in')</h1>
        <h2>@lang('presence.manager.course'): {{ $course->translations->first()->name }}</h2>
        <div class="course-attributes">
            <p class="trainer">@include('svg.icons.person'){{ Auth::user()->first_name.' '.Auth::user()->last_name }}</p>
            <p class="date">@include('svg.icons.date'){{\Carbon\Carbon::parse($course->date)->formatLocalized('%a %d - %m - %Y')}}</p>
            <p class="hour">@include('svg.icons.hour'){{\Carbon\Carbon::parse($course->date)->format('H:i')}}</p>
        </div>

        <label for="certificate_number">@lang('site/certificates.number.placeholder'): </label><br><br>
        <input type="text" id="certificate_number" name="certificate_number" data-course-id="{{ $course->id }}" placeholder="@lang('site/certificates.number.label')">
        <p class="checkin-result">
            Hier komt het resultaat te staan. <br> dus
        </p>
    </div>

    <div class="sidebar students">
        <h1><span class="icon back-arrow">@include('svg.icons.arrow')</span>@lang('presence.manager.students')</h1>
        <h2>@lang('presence.manager.subscribed_users')</h2>
        <ul id="subscribedUsers"></ul>

        <h2>@lang('presence.manager.present_users')</h2>
        <ul id="presentUsers"></ul>
    </div>
@endsection