@extends('layouts.app')

@section('content')
    @if(!empty($worker)&& $worker == 1)
        <style>
            .navbar {
                background-color: #a92222 !important;
            }

            .bgimg {
                background: url({{ URL::asset('public/assets/img/standard_bg.jpg') }}) no-repeat center center fixed !important;
                -webkit-background-size: cover;
                -moz-background-size: cover;
                -o-background-size: cover;
                background-size: cover;
            }

            .navbar-{{Auth::user()->name}}  {
                background-color: #a92222 !important;
            }
        </style>
    @endif
    <div class="container">
        <div class="panel panel-default panel-bg">
            <div class="panel-heading">Kursplan</div>
            <div class="panel-body courses-container">
                <div id="success_div" class="text-center text-success hidden">

                </div>
                <div class="row">
                    <div class="col-md-3">
                        <label for="trainercourseselect">Studio:</label>
                        <select name="trainercourseselect" id="trainercourseselect" class="form-control">
                            @foreach($studios as $studio)
                                <option value="{{$studio->id}}">{{$studio->title}}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-3">
                        <div class="row">
                            <div class="col-md-12">
                                <label>Ansicht:</label>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-2">
                                <button class="btn btn-default" id="formatone"><i class="fa fa-square"
                                                                                  aria-hidden="true"></i></button>
                            </div>
                            <div class="col-md-3">
                                <button class="btn btn-default" id="formatthree"><i class="fa fa-square"
                                                                                    aria-hidden="true"></i>
                                    <i class="fa fa-square" aria-hidden="true"></i>
                                    <i class="fa fa-square" aria-hidden="true"></i>
                                </button>
                            </div>
                            <div class="col-md-2">
                                <button class="btn btn-default" id="formatall">
                                    <i class="fa fa-calendar" aria-hidden="true"></i>
                                </button>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <br>
                        <button class="btn btn-success" id="correctionButton"><i class="fas fa-pencil-alt" aria-hidden="true"></i> Korrektur</button>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12" id="coursestable">
                        {!! $content !!}
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div id="addParticipantsModal" tabindex="-1" class="modal fade" role="dialog">
        <div class="modal-dialog">
            <!-- Modal content-->
            <div class="modal-content">
                <div class="modal-header bg-primary">
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                    <h4 class="modal-title">Teilnehmer hinzufügen</h4>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-md-6">
                            <label for="number_of_participants">Teilnehmeranzahl:</label>
                            <input type="number" name="number_of_participants" class="form-control"
                                   id="number_of_participants"/>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <input id="addParticipantsSubmit" type="submit" class="btn btn-success" value="Hinzufügen"/>
                    <button type="button" class="btn btn-default" data-dismiss="modal">Abbrechen</button>
                </div>
            </div>
        </div>
    </div>

    <div id="reportModal" tabindex="-1" class="modal fade" role="dialog">
        <div class="modal-dialog">
            <!-- Modal content-->
            <div class="modal-content">
                <div class="modal-header bg-warning">
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                    <h4 class="modal-title">Eintrag anlegen</h4>
                </div>
                <div class="modal-body" id="reportModalBody">
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-success" id="correctionSend">absenden</button>
                </div>
            </div>
        </div>
    </div>

    <div id="alertModal" tabindex="-1" class="modal fade" role="dialog">
        <div class="modal-dialog">
            <!-- Modal content-->
            <div class="modal-content">
                <div class="modal-header" id="alertModalHeaderColor">
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                    <h4 class="modal-title" id="alertModalHeader"></h4>
                </div>
                <div class="modal-body" id="alertModalBody">
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-success" data-dismiss="modal">ok</button>
                </div>
            </div>
        </div>
    </div>
@endsection