@extends('layouts.app')

@section('content')
    <div class="container">
        <div class="panel panel-default panel-bg">
            <div class="panel-heading">Kurse</div>
            <div class="panel-body courses-container">
                {!! $content !!}
            </div>
        </div>
    </div>
@endsection

<!-- Modals -->
<div id="courseFormModal" tabindex="-1" class="modal fade" role="dialog"></div>

<div id="substitutionsModal" tabindex="-1" class="modal fade" role="dialog"></div>

<div id="courseDeleteModal" 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">Kurs löschen</h4>
            </div>
            <div class="modal-body">
                <p>Sind Sie sicher, dass Sie diesen Kurs <b>unwiderruflich</b> löschen möchten?</p>
                <p><i class="fa fa-warning fa-lg"></i> Es werden hiermit auch alle dem Kurs zugehörigen Teilnehmerlisten gelöscht! <i class="fa fa-warning fa-lg"></i></p>

                <div class="alert deleteModalAlert hidden"></div>

                <div id="deleteModalSpinner" class="spinner hidden text-center">
                    <i class="fa fa-circle-o-notch fa-3x fa-spin"></i><br/>
                    Laden...
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Abbrechen</button>
                <input type="submit" class="btn btn-danger courseDeleteSubmit" value="Löschen"/>
            </div>
        </div>
    </div>
</div>