@extends('layouts.app')

@section('content')
<div class="container">
    <div class="panel panel-default panel-bg">
        <div class="panel-heading">Antragsart</div>
        <div class="panel-body">
            <a id="addAbsentType" onclick="newAbsentTypeModal()"><i class="fa fa-plus"></i></a>
            <table class="table">
                <thead>
                    <tr>
                        <th>Grund</th>
                        <th>Bezahlt</th>
                        <th>Vom Mitarbeiter wählbar</th>
                        <th>Wählbar für Zeitraum</th>
                        <th>Aktion</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($absenttypes as $absent)
                    <tr>
                        <td>{{$absent->reason}}</td>
                        <td>@if($absent->payed == 0) Unbezahlt @elseif($absent->payed == 1) Bezahlt @endif</td>
                        <td>@if($absent->userselectable == 0) Nein @elseif($absent->userselectable == 1) Ja @endif</td>
                        <td>@if($absent->time == 0) Vergangenheit @elseif($absent->time == 1) Zukunft  @elseif($absent->time == 2) Beides @endif</td>
                        <td>
                          <a onclick="editAbsentTypeModal({{$absent->absent_resons_id}},'{{$absent->reason}}', {{$absent->payed}}, {{$absent->userselectable}},{{$absent->time}})">
                            <i class="fas fa-pencil-alt" aria-hidden="true"></i>
                          </a>
                          <a onclick="deleteAbsentTypeModal({{$absent->absent_resons_id}},'{{$absent->reason}}', {{$absent->payed}}, {{$absent->userselectable}},{{$absent->time}})">
                            <i class="fa fa-trash"></i>
                          </a>
                        </td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
    <div class="panel panel-default panel-bg">
        <div class="panel-heading">Anträge</div>
        <div class="panel-body">
            <a id="addAbsent" onclick="newAbsentModal()"><i class="fa fa-plus"></i></a>
            <table class="table">
                <thead>
                    <tr>
                        <th>Benutzer</th>
                        <th>Grund</th>
                        <th>Von</th>
                        <th>Bis</th>
                        <th>Aktion</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($absents as $absent)
                    <tr @if($absent->accepted == 0) style="color: orange" @elseif($absent->accepted == 1) style="color: green" @elseif($absent->accepted == 2) style="color: red" @endif>
                        <td>{{$absent->name}}</td>
                        <td>@if($absent->accepted == 2)<s>{{$absent->reason}}</s> {{$absent->rejected}}@else {{$absent->reason}} @endif</td>
                        <td>{{$absent->absent_date_from}}</td>
                        <td>{{$absent->absent_date_to}}</td>
                        <td>@if($absent->accepted == 0)
                            <div class="btn-group">
                                <button type="button" class="btn btn-danger btn-sm" onclick="rejectAbsentModal({{$absent->absent_id}})">Ablehnen</button>
                                <button type="button" class="btn btn-success btn-sm" onclick="approveAbsent({{$absent->absent_id}})">Bestätigen</button>
                            </div>
                            @endif
                        </td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
</div>
@endsection
<div id="rejectAbsentModal" 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="newAbsentTitle">Bitte bestätigen, dass die die Antrag ablehnen!</h4>
            </div>
            <div class="modal-body">
              <label for="rej_reason">Bitte geben Sie eine Begründung an</label>
              <input type="text" class="form-control" name="rej_reason" id="rej_reason">

            </div>
            <div class="modal-footer">
                <input type="hidden" name="rejectAbsentId" id="rejectAbsentId"/>
                <button type="button" class="btn btn-default" data-dismiss="modal">Abbrechen</button>
                <input type="submit" class="btn btn-success" onclick="rejectAbsent()" value="Ablehnen" />
            </div>
        </div>
    </div>
</div>
<div id="newAbsentModal" 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 setzen</h4>
            </div>
            <div class="modal-body">
                <label for="documentUserSearch">Mitarbeiter</label>
                <input type="text" class="form-control" id="documentUserSearch" name="documentUserSearch" placeholder="Suche...">
                <input type="hidden" id="trainerselectforstatistic" name="trainerselectforstatistic" class="">
                <label for="newAbsentReason">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="date_from" id="absent_date_from" value="">
                <label for="absent_date_to">Datum bis</label>
                <input type="date" class="form-control" name="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="saveNewAdminAbsent()" value="Speichern" />
            </div>
        </div>
    </div>
</div>

<div id="editAbsentModal" 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="editUserName">Mitarbeiter</label>
                <input type="text" class="form-control" id="userName" disabled name="editUserName">
                <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="saveEditAdminAbsent()" value="Speichern" />
            </div>
        </div>
    </div>
</div>

<div id="deleteAbsentModal" 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 permanent löschen</h4>
            </div>
            <div class="modal-body">
              <label for="del_reason">Bitte geben Sie eine Begründung an</label>
              <input type="text" class="form-control" name="del_reason" id="del_reason">
                <label for="del_user">User</label>
                <input type="text" class="form-control" name="del_user" id="del_user" disabled value="">
                <label for="del_absent_reason">Grund</label>
                <input type="text" class="form-control" name="del_absent_reason" id="del_absent_reason" disabled value="">
                <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="deleteAbsentAdmin()" value="Löschen" />
            </div>
        </div>
    </div>
</div>

<div id="newAbsentTypeModal" tabindex="-1" class="modal fade" role="dialog">
    <div class="modal-dialog">
        <!-- Modal content-->
        <div class="modal-content">
        <div class="panel-heading">Anträge</div>
        <div class="panel-body">
            <div class="modal-header bg-success">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title" id="newAbsentTitle">Antragsart setzen</h4>
            </div>
            <div class="modal-body">
                <label for="newReasonType">Grund</label>
                <input type="text" class="form-control" id="newReasonType" name="newReasonType"><br />
                <label for="payed">Bezahlt</label>
                <input type="checkbox" class="form-control" id="payed" name="payed" value="1"><br />
                <label for="userselectable">Vom Mitarbeiter wählbar</label>
                <input type="checkbox" class="form-control" id="userselectable" name="userselectable" value="1"><br />
                <label for="time">Wählbar für Zeitraum</label>
                <input type="radio" class="form-control" id="time0" name="time" value="0"> Vergangenheit</input>
                <input type="radio" class="form-control" id="time1" name="time" value="1"> Zukunft</input>
                <input type="radio" class="form-control" id="time2" name="time" value="2"> Beides</input><br />
            </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="saveNewAbsentType()" value="Speichern" />
            </div>
        </div>
    </div>
</div>
</div>
<div id="editAbsentTypeModal" tabindex="-1" class="modal fade" role="dialog">
    <div class="modal-dialog">
        <!-- Modal content-->
        <div class="modal-content">
        <div class="panel-heading">Antragsart bearbeiten</div>
        <div class="panel-body">
            <div class="modal-header bg-success">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title" id="newAbsentTitle">Antragsart bearbeiten</h4>
            </div>
            <div class="modal-body">
                <label for="editReasonType">Grund</label>
                <input type="text" class="form-control" id="editReasonType" name="editReasonType"><br />
                <label for="payed">Bezahlt</label>
                <input type="checkbox" class="form-control" id="editPayed" name="editPayed" value="1"><br />
                <label for="userselectable">Vom Mitarbeiter wählbar</label>
                <input type="checkbox" class="form-control" id="editUserselectable" name="editUserselectable" value="1"><br />
                <label for="time">Wählbar für Zeitraum</label>
                <input type="radio" class="form-control" id="edittime0" name="edittime" value="0"> Vergangenheit</input>
                <input type="radio" class="form-control" id="edittime1" name="edittime" value="1"> Zukunft</input>
                <input type="radio" class="form-control" id="edittime2" name="edittime" value="2"> Beides</input><br />
            </div>
            <div class="modal-footer">
                <input type="hidden" name="editTypeId" id="editTypeId"/>
                <button type="button" class="btn btn-default" data-dismiss="modal">Abbrechen</button>
                <input type="submit" class="btn btn-success" onclick="saveEditAbsentType()" value="Speichern" />
            </div>
        </div>
    </div>
</div>
</div>
<div id="deleteAbsentTypeModal" 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">Antragsgrund permanent löschen</h4>
            </div>
            <div class="modal-body">
                <label for="del_absent_type_reason">Grund</label>
                <input type="text" class="form-control" name="del_absent_type_reason" id="del_absent_type_reason" disabled value=""><br />
                <label for="del_payed">Bezahlt</label>
                <input type="checkbox" class="form-control" id="del_payed" disabled name="del_payed" value="1"><br />
                <label for="del_userselectable">Vom Mitarbeiter wählbar</label>
                <input type="checkbox" class="form-control" id="del_userselectable" disabled name="del_userselectable"  value="1"><br />
                <label for="time">Wählbar für Zeitraum</label>
                <input type="radio" class="form-control" id="deltime0" name="deltime" value="0"> Vergangenheit</input>
                <input type="radio" class="form-control" id="deltime1" name="deltime" value="1"> Zukunft</input>
                <input type="radio" class="form-control" id="deltime2" name="deltime" value="2"> Beides</input><br />
            </div>
            <div class="modal-footer">
                <input type="hidden" name="deleteAbsentTypeId" id="deleteAbsentTypeId"/>
                <button type="button" class="btn btn-default" data-dismiss="modal">Abbrechen</button>
                <input type="submit" class="btn btn-danger" onclick="deleteAbsentType()" value="Löschen" />
            </div>
        </div>
    </div>
</div>