@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 front-indicator-preview">
        <div class="preview-box checkout-button-preview">
            <a href="{{ route('user_classes') }}" class="checkout-button"> Zakończ podgląd </a>
        </div>
        <div class="preview-box seat-p-ppreview">
            <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>
    <div class="preview-page-content">
        <div class="preview-attendance-table">
            <div class="card-header custom-header">
                <h4> Lista obecności </h4>
                <a href="{{ route('user_export', [$classes_id]) }}"class="btn btn-success btn-export"> Wyeksportuj do xlsx </a>
            </div>

            @include('user.attendances_table_preview', $attendances)
        </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>
        @foreach($seat_numbers as $seat_number)
            <input type="hidden" class="unavailable_place" value="{{ $seat_number }}">
        @endforeach
    </div>

@endsection