@extends('layouts.app')

@section('title') Wybór miejsca @endsection
@section('additional_meta')
    <link rel="stylesheet" type="text/css" href="{{ asset('css/map/jquery.seat-charts.css') }}">
@endsection

@section('content')
    <div class="wrapper">
        <div class="map-buttons">
            <a href="{{ route('user_classes') }}" class="checkout-button end-button"> Zakończ zapisy </a>
            <button type="button" class="checkout-button end-button add-mn-btn"> Dodaj studenta ręcznie </button>
        </div>
        <div id="refresh"></div>
        <p class="code-p"> <b>Kod:</b> {{ $classes_code }}</p>
        <h1 class="main-text main-seat-text">Przyłóż legitymację do czytnika</h1>
        <div class="card-reader">
            <form method="POST" action="{{ route('user_start_classes_verified') }}" class="card-reader-form">
                <div>
                    <label for="classes_code"> Kod: </label>
                    <input type="text" name="classes_code" id="classes_code" value="{{ $classes_code }}" required>
                </div>
                <div>
                    <label for="student_id_number"> Nr indeksu: </label>
                    <input type="number" name="student_id_number" id="student_id_number" required>
                </div>
                <div>
                    <label for="student_name"> Imię: </label>
                    <input type="text" name="student_name" id="student_name" required>
                </div>
                <div>
                    <label for="student_surname"> Nazwisko: </label>
                    <input type="text" name="student_surname" id="student_surname" required>
                </div>
                <button type="submit" class="checkout-button"> Dodaj studenta </button>
            </form>
        </div>
        {{--<script>--}}
            {{--// Your application has indicated there's an error--}}
            {{--window.setTimeout(function(){--}}
                {{--// Move to a new location or you can do something else--}}
                {{--window.location.href = window.location.href;--}}

            {{--}, 5000);--}}
        {{--</script>--}}
    </div>
@endsection