@extends('layouts.map')

@section('title') Podgląd sali @endsection
@section('map_meta')
    <script type="text/javascript" src="{{ asset('js/map/jquery.seat-charts.min.js') }}"></script>
    <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') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('css/map/seatchart-preview.css') }}">
    <script type="text/javascript" src="{{ asset('js/map/seatchart.js') }}"></script>
    <script type="text/javascript" src="{{ asset('js/map/seatchart-preview.js') }}"></script>
@endsection

@section('map_content')
    <div class="front-indicator">
        <p class="seat-p">
            {{ 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>
        </p>
    </div>
    <div class="preview-page-content">
        <div class="preview-attendance-table">
            <div class="card-header custom-header">
                <h4> Lista obecności </h4>
            </div>
            <table class="table subjects-table">
                <tr class="thead-light">
                    <th> Nr indeksu </th>
                    <th> Imię studenta </th>
                    <th> Nazwisko studenta </th>
                    <th> Nr miejsca </th>
                </tr>
                @foreach ($attendances as $attendance)
                    <tr class="attendance-id" id="{{ $attendance->seat_number }}++{{ $attendance->student_name}}++{{ $attendance->student_surname}}">
                        <td> {{ $attendance->student_id_number }} </td>
                        <td> {{ $attendance->student_name}}</td>
                        <td> {{ $attendance->student_surname}}</td>
                        <td> {{ $attendance->seat_number }} </td>
                    </tr>
                @endforeach
            </table>

        </div>
        <div class="seat-chart-wrapper">
            <div id="seat-map"></div>
            <input type="hidden" class="room_arrangement" name="room_arrangement" id="room_arrangement" value="{{ $room_arrangement }}">
        </div>
    </div>

@endsection