@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>Aktion</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($absenttypes as $absent)
                    <tr>
                        <td>{{$absent->reason->reason}}</td>
                        <td>@if($absent->payed == 1)<i class="fas fa-check" aria-hidden="true"></i> @endif</td>
                        <td>@if($absent->userselectable == 1)<i class="fas fa-check" aria-hidden="true"></i>@endif</td>
                        <td><a onclick="editAbsentType({{$absent->id}},{{$absent->reason}}, {{$absent->payed}}, {{$absent->userselectable}})"><i id="editType{{$absent->id}}" class="fas fa-pencil-alt" aria-hidden="true"></i></a><a onclick="deleteAbsentType({{$absent->id}})"><i id="deleteType{{$absent->id}}" class="fa fa-trash"></i></a></td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
</div>
@endsection
<div id="newAbsentTypeModal" tabindex="-1" class="modal fade" role="dialog">
    <div class="modal-dialog">
        <!-- 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="reason">Grund</label>
                <input type="text" class="form-control" id="reason" name="reason">
                <label for="payed">Bezahlt</label>
                <input type="checkbox" class="form-control" id="payed" name="payed">
                <label for="userselectable">Vom Mitarbeiter wählbar</label>
                <input type="checkbox" class="form-control" id="userselectable" name="userselectable">
            </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 id="editAbsentTypeModal" tabindex="-1" class="modal fade" role="dialog">
    <div class="modal-dialog">
        <!-- 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="reason">Grund</label>
                <input type="text" class="form-control" id="editReason" name="editReason">
                <label for="payed">Bezahlt</label>
                <input type="checkbox" class="form-control" id="editPayed" name="editPayed">
                <label for="userselectable">Vom Mitarbeiter wählbar</label>
                <input type="checkbox" class="form-control" id="editUserselectable" name="editUserselectable">
            </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 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="">
                <label for="del_payed">Bezahlt</label>
                <input type="checkbox" class="form-control" id="del_payed" disabled name="del_payed">
                <label for="del_userselectable">Vom Mitarbeiter wählbar</label>
                <input type="checkbox" class="form-control" id="del_userselectable" disabled name="del_userselectable">
            </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="deleteAbsent()" value="Löschen" />
            </div>
        </div>
    </div>
</div>