@extends('layouts.app')

@section('content')
    <div class="container">
        <div class="panel panel-default panel-bg">
            <div class="panel-heading">Administration</div>
            <div class="panel-body courses-container">
                {!! $content !!}
            </div>
        </div>
    </div>
    <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>

    <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">Neuer Eintrag</h4>
                </div>
                <div class="modal-body" id="reportModalBody">
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-success" onclick="sendNewReport()">absenden</button>
                </div>
            </div>
        </div>
    </div>
<div id="workEmailModal" 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">Benutzer hinzufügen</h4>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-md-2"></div>
                    <div class="col-md-8">
                        <label for="userWorkEmailField">Benutzer:</label>
                        <input type="text" class="form-control" id="userWorkEmailField">
                        <input type="hidden" class="form-control" id="userWorkEmailFieldID">
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <input type="hidden" id="workEmailKundeField">
                <button type="button" class="btn btn-success" onclick="saveWorkEmail()"
                        id="workEmailBtn">Speichern
                </button>
            </div>
        </div>
    </div>
</div>
    <div id="correctionEmailModal" 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">Benutzer hinzufügen</h4>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-md-2"></div>
                        <div class="col-md-8">
                            <label for="correctionEmailField">Benutzer:</label>
                            <input type="text" class="form-control" id="correctionEmailField">
                            <input type="hidden" class="form-control" id="correctionEmailFieldID">
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <input type="hidden" id="correctionEmailKundeField">
                    <button type="button" class="btn btn-success" onclick="saveCorrectionEmail()"
                            id="correctionEmailBtn">Speichern
                    </button>
                </div>
            </div>
        </div>
    </div>

    <div id="dismissCorrectionModal" 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">Arbeitszeitkorrektur ablehnen</h4>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-md-12">
                            <label for="dismissCorrectionReason">Grund für die Ablehnung:</label>
                            <textarea  name="" id="dismissCorrectionReason" cols="30" rows="8" class="form-control"
                                      placeholder="Grund..."></textarea>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <input type="hidden" id="dismissCorrectionID">
                    <button type="button" class="btn btn-danger" onclick="rejectCorrection()" >ok
                    </button>
                </div>
            </div>
        </div>
    </div>

    <div id="duplicateCorrectionModal" 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">Doppelte Arbeitszeitkorrektur</h4>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-md-12">
                            <p name="" id="duplicateErrorMessage" cols="30" rows="8" class="form-control"
                            >Diese Arbeitszeitkorrektur wurde bereits eingetragen</p>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <input type="hidden" id="mydismissCorrectionID">
                    <button type="button" class="btn btn-danger" onclick="rejectCorrection()" >ablehnen
                    </button>

                    <input type="hidden" id="duplicateCorrectionID">
                    <button type="button" class="btn btn-danger" onclick="approveCorrection(0,true)" >bestätigen
                    </button>
                </div>
            </div>
        </div>
    </div>

    <div id="negativeCorrectionModal" 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">Arbeitszeitkorrektur</h4>
                </div>
                <div class="modal-body" id="negativeCorrectionModalBody">

                </div>
                <div class="modal-footer">
                    <input type="hidden" id="dismissCorrectionID">
                    <button type="button" class="btn btn-warning" onclick="saveNegativeReport()" > Speichern
                    </button>
                </div>
            </div>
        </div>
    </div>

    <div id="progressExportAllUsersModal" class="modal" tabindex="-1" role="dialog">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header bg-primary">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                    <h5 class="modal-title">Mitarbeiter exportieren</h5>
                </div>
                <div class="modal-body" id="progressExportAllUsersModalBody">
                </div>
                <div class="modal-footer">
                </div>
            </div>
        </div>
    </div>

    {!! $alertmodal !!}

@endsection