@extends('layouts.app')

@section('content')
    <div class="container">
        <div class="panel panel-default panel-bg">
            <div class="panel-heading">Einsatze</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">Einsatz löschen</h4>
            </div>
            <div class="modal-body">
                <p>Sind Sie sicher, dass Sie diesen Einsatz <b>unwiderruflich</b> löschen möchten?</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>