@extends('layouts.app')

@section('content')
    <script>
        var token = "{{ Session::token() }}";
    </script>
    <div class="container">
        <div class="panel panel-default panel-bg">
            <div class="panel-heading">Spezial Einsatz</div>
            <div class="panel-body courses-container">
                <div class="row">
                    <div class="col-md-12">
                        <ul class="nav nav-tabs" style="cursor: pointer">
                            @if(in_array(3, $buttons->toArray()))
                                <li><a href="courseplan">Einsatzplaner</a></li>
                            @endif
                            @if(in_array(4, $buttons->toArray()))
                                <li><a href="schichtplaner">Schichtplaner</a></li>
                            @endif
                            @if(in_array(15, $buttons->toArray()))
                                <li class="active"><a>Spezial Einsätze</a></li>
                            @endif
                        </ul>
                    </div>
                </div>
                <br>
                <div class="row">
                    <div class="col-md-12">
                        <div class="btn-group d-flex" role="group" aria-label="Basic example">
                            <button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom"
                                    title="Neuen Spezial-Einsatz planen" id="newspecialEinsatzCoursePlanButton"><i class="fa fa-file"
                                                                                                   aria-hidden="true"></i>
                                <br>
                                Neuer Spezial Einsatz
                            </button>
                        </div>
                    </div>
                </div>
                <br>
                <div class="row hidden" id="specialconfigrow">
                    {!! $configrow !!}
                </div>
                <br>
                <div class="row" id="select-section">
                    {!!$select!!}
                </div>
                <hr>
                <div class="row">
                    <div class="col-md-12" id="specialcoursestable">
                        {!! $content !!}
                    </div>
                </div>
                <div class="row" id="speciallegenddiv">
                    {!! $legend !!}
                </div>
            </div>
        </div>
    </div>

    <div id="showModal" tabindex="-1" class="modal fade" role="dialog"></div>
    {!! $alertModal !!}

    <div id="savedModal" tabindex="-1" class="modal fade" role="dialog">
        <div class="modal-dialog">
            <!-- Modal content-->
            <div class="modal-content">
                <div class="modal-header bg-success">
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                    <h4 class="modal-title">Erfolgreich!</h4>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-md-12">
                            Erfolgreich gespeichert!
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">ok</button>
                </div>
            </div>
        </div>
    </div>
    <div id="notsavedModal" tabindex="-1" class="modal fade" role="dialog">
        <div class="modal-dialog">
            <!-- Modal content-->
            <div class="modal-content">
                <div class="modal-header bg-danger">
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                    <h4 class="modal-title">Fehler!</h4>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-md-12">
                            Leider ist ein Fehler aufgetreten!
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">ok</button>
                </div>
            </div>
        </div>
    </div>
@endsection