@extends('layouts.map')

@section('title') Wybór miejsca @endsection
@section('map_meta')
    <meta name="csrf-token" content="{{ csrf_token() }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('css/map/jquery.seat-charts.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('css/map/seatchart.css') }}">
    <script type="text/javascript" src="{{ asset('js/map/seatchart.js') }}"></script>
    <script type="text/javascript" src="{{ asset('js/map/seatchart-custom.js') }}"></script>
@endsection

@section('map_content')
    <div class="seat-chart-wrapper">
        <div id="seat-map">
            <div class="front-indicator">{{ App\Subject::find(App\Classes::find($classes_id)->subject_id)->name }},
                {{ App\Subject::find(App\Classes::find($classes_id)->subject_id)->weekday }}
                {{ App\Classes::find($classes_id)->date }} {{ App\Subject::find(App\Classes::find($classes_id)->subject_id)->time }},
                <b>sala {{ App\Room::find(App\Subject::find(App\Classes::find($classes_id)->subject_id)->room_id)->name }}</b></div>
        </div>
    </div>
    <br/>
    <div class='seat-stat-wrapper'>
        <div id="legend">
        </div>
        <div class="booking-details">
            <h2 id="studentName"> <span class="student_name"> {{ $student_name }} </span><span class="student_surname"> {{ $student_surname }} </span> </h2>
            <h3 class="student_id_number"> {{ $student_id_number }}</h3>
            <h3>Wybrane miejsce:
                <span id="selected-seats"></span>
            </h3>
            @foreach($seat_numbers as $seat_number)
                <input type="hidden" class="unavailable_place" value="{{ $seat_number }}">
            @endforeach
            <input type="hidden" class="room_arrangement" name="room_arrangement" id="room_arrangement" value="{{ $room_arrangement }}">
           <form method="POST" action="{{ route('user_save_classes_data') }}">
               <input type="hidden" value="{{ $classes_id }}" class="classes_id" name="classes_id">
               <input type="hidden" value="{{ $student_name }}" class="student_name" name="student_name">
               <input type="hidden" value="{{ $student_surname }}" class="student_surname" name="student_surname">
               <input type="hidden" value="{{ $student_id_number }}" class="student_id_number" name="student_id_number">
               <input type="hidden" value="" class="seat_number" name="seat_number">
               <button type="submit" class="checkout-button">Zapisz &raquo;</button>
           </form>
        </div>
    </div>
@endsection