@extends('layouts.app')

@section('content')
<div class="container">
    <div class="panel panel-default panel-bg">
        <div class="panel-heading">Anträge</div>
        <div class="panel-body">
            <a id="addAbsent" onclick="newAbsentUserModal()"><i class="fa fa-plus"></i></a>
            <table class="table">
                <thead>
                    <tr>
                        <th>Grund</th>
                        <th>Von</th>
                        <th>Bis</th>
                        <th>Aktion</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($absents as $absent)
                    <tr  @if($absent->accepted != 1)style="color: orange"@elseif($absent->accepted == 1)style="color: green"@elseif($absent->accepted == -1)style="color: red"@endif>
                        <td>{{$absent->reason}}</td>
                        <td>{{$absent->absent_date_from}}</td>
                        <td>{{$absent->absent_date_to}}</td>
                        <td>
                          @if($absent->accepted != 1)
                            Bestätigung ausstehend <a onclick="requestEditAbsentModal({{$absent->absent_id}}, {{$absent->user}},{{$absent->absent_resons_id}},'{{$absent->absent_date_from}}','{{$absent->absent_date_to}}')"><i id="requestEdit{{$absent->absent_id}}" class="fa fa-pencil-alt"></i></a><a onclick="requestDeleteAbsentModal({{$absent->absent_id}}, {{$absent->user}},{{$absent->absent_resons_id}},'{{$absent->absent_date_from}}','{{$absent->absent_date_to}}')"><i id="requestDelete{{$absent->id}}" class="fa fa-trash"></i></a>
                          @endif
                      </td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
</div>
@endsection
<div id="newAbsentUserModal" 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" id="newAbsentTitle">Antrag beantragen</h4>
            </div>
            <div class="modal-body">
                <label for="reason">Grund</label>
                <select class="form-control" name="newAbsentReason" id="newAbsentReason">
                    @foreach($reasons as $reason)
                        <option value="{{$reason->absent_resons_id}}">{{$reason->reason}}</option>
                    @endforeach
                </select>
                <label for="absent_date_from">Datum von</label>
                <input type="date" class="form-control" name="absent_date_from" id="absent_date_from" value="">
                <label for="absent_date_to">Datum bis</label>
                <input type="date" class="form-control" name="absent_date_to" id="absent_date_to" value="">
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Abbrechen</button>
                <input type="submit" class="btn btn-success" onclick="saveNewUserAbsent()" value="Speichern" />
            </div>
        </div>
    </div>
</div>

<div id="editAbsentUserModal" 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" id="editAbsentTitle">Antrag ändern</h4>
            </div>
            <div class="modal-body">
                <label for="editReason">Grund</label>
                <select class="form-control" name="editReason" id="editReason">
                    @foreach($reasons as $reason)
                        <option value="{{$reason->absent_resons_id}}">{{$reason->reason}}</option>
                    @endforeach
                </select>
                <label for="editAbsent_date_from">Datum von</label>
                <input type="date" class="form-control" name="editAbsent_date_from" id="editAbsent_date_from" value="">
                <label for="editAbsent_date_to">Datum bis</label>
                <input type="date" class="form-control" name="editAbsent_date_to" id="editAbsent_date_to" value="">
            </div>
            <div class="modal-footer">
                <input type="hidden" name="editAbsentId" id="editAbsentId"/>
                <button type="button" class="btn btn-default" data-dismiss="modal">Abbrechen</button>
                <input type="submit" class="btn btn-success" onclick="requestSaveEditUserAbsent()" value="Speichern" />
            </div>
        </div>
    </div>
</div>

<div id="deleteAbsentUserModal" 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"  id="deleteAbsentTitle">Antrag: Antrag löschen</h4>
            </div>
            <div class="modal-body">
                <label for="del_absent_reason">Grund</label>
                <select class="form-control" name="del_absent_reason" id="del_absent_reason" disabled>
                    @foreach($reasons as $reason)
                        <option value="{{$reason->absent_resons_id}}">{{$reason->reason}}</option>
                    @endforeach
                </select>
                <label for="del_absent_date_from">Datum von</label>
                <input type="date" class="form-control" name="date_from" id="del_absent_date_from" disabled value="">
                <label for="del_absent_date_to">Datum bis</label>
                <input type="date" class="form-control" name="date_to" id="del_absent_date_to" disabled value="">
            </div>
            <div class="modal-footer">
                <input type="hidden" name="deleteAbsentId" id="deleteAbsentId"/>
                <button type="button" class="btn btn-default" data-dismiss="modal">Abbrechen</button>
                <input type="submit" class="btn btn-danger" onclick="requestDeleteAbsent()" value="Löschen" />
            </div>
        </div>
    </div>
</div>