@extends('layouts.app', ['title' => 'Mitarbeiterneu'])
@section('content')

    {{-- newitem --}}
    <div class="modal fade modal-dialog-scrollable modal-xl" id="new-item" data-bs-backdrop="static" data-bs-keyboard="false"
        tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">

        <div class="modal-dialog">
            <div class="modal-content">
                {{-- <form action="{{ route('spm.employee.new') }}" method="POST" class="needs-validation" novalidate> --}}
                <form action="{{ route('hrm.employeePersonal.new') }}" method="POST" class="needs-validation" novalidate>
                    @csrf
                    <div class="modal-header">
                        <h5 class="modal-title " id="staticBackdropLabel">Neuer Mitarbeiter</h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>

                    <div class="modal-body">
                        <div class="row mt-2">
                            <div class="col-2">
                                <h3> Mitarbeiterdaten:</h3>
                            </div>
                        </div>

                        {{-- <div class="row mt-2">
                     <div class="col">
                         <label class="form-label"> Benutzer: </label>

                         <div class="col">
                             @if (!empty($user))
                                 <select class="form-select " id="user" name="user">
                                     @foreach ($user as $item)
                                         <option value="{{ $item->user_id }}">
                                             {{ $item->username }}
                                         </option>
                                     @endforeach
                                 </select>
                             @endif

                         </div>
                     </div>


                     <div class="col">
                         <label class="form-label"> Abteilung: </label>

                         <div class="col">
                             @if (!empty($department))
                                 <select class="form-select " id="department" name="department" required>
                                     @foreach ($department as $item)
                                         <option value="{{ $item->department_id }}">
                                             {{ $item->name }}
                                         </option>
                                     @endforeach
                                 </select>
                             @endif

                         </div>
                     </div>
                 </div> --}}
                        <br>

                        <div class="row mt-2">
                            <div class="col-3">
                                Mitarbeiternummer:
                            </div>
                            <div class="col-3">
                                <input type="text" name="employee_number" class="form-control form-control-sm"
                                    id="employee_number" />
                            </div>
                        </div>

                        <div class="row mt-2">
                            <div class="col-3">
                                Geschlecht:
                            </div>
                            <div class="col-3">
                                {{-- <input type="text" name="" class="form-control form-control-sm" id="" /> --}}
                                @if (!empty($hr_gender))
                                    <select class="form-select " id="hr_gender" name="hr_gender">
                                        @foreach ($hr_gender as $item)
                                            <option value="{{ $item->id }}">
                                                {{ $item->title }}
                                            </option>
                                        @endforeach
                                    </select>
                                @endif
                            </div>
                        </div>

                        <div class="row mt-2">
                            <div class="col-3">
                                Familienname:
                            </div>
                            <div class="col-5">
                                <input type="text" name="last_name" class="form-control form-control-sm"
                                    id="last_name"required />
                            </div>
                        </div>


                        <div class="row mt-2">
                            <div class="col-3">
                                Vorname:
                            </div>
                            <div class="col-5">
                                <input type="text" name="first_name" class="form-control form-control-sm" id="first_name"
                                    required />
                            </div>
                        </div>

                        <div class="row mt-2">
                            <div class="col-3">
                                Staatsangehörigkeit:
                            </div>
                            <div class="col-5">
                                <input type="text" name="nationality" class="form-control form-control-sm"
                                    id="nationality" />
                            </div>
                        </div>

                        <div class="row mt-2">
                            <div class="col-3">
                                Geburtsdatum:
                            </div>
                            <div class="col-5">
                                <input type="date" name="birth_date" class="form-control form-control-sm"
                                    id="birth_date" />
                            </div>
                        </div>

                        <div class="row mt-2">
                            <div class="col-3">
                                Geburtsort:
                            </div>
                            <div class="col-5">
                                <input type="text" name="place_of_birth" class="form-control form-control-sm"
                                    id="place_of_birth" />
                            </div>
                        </div>

                        {{-- <div class="row mt-2">
                     <div class="col-3">
                         Eintrittsdatum:
                     </div>
                     <div class="col-5">
                         <input type="text" name="" class="form-control form-control-sm" id="" />
                     </div>
                 </div> --}}

                        {{-- <div class="row mt-2">
                     <div class="col-3">
                         Versicherungsnummer:
                     </div>
                     <div class="col-5">
                         <input type="text" name="" class="form-control form-control-sm" id="" />
                     </div>
                 </div> --}}

                        {{-- <div class="row mt-2">
                     <div class="col-4">
                         <div class="form-check ">
                             <input class="form-check-input" type="checkbox" id="" name="" />
                             <label class="form-check-label">
                                 Versicherungsnummernabfrage
                             </label>
                         </div>
                     </div>
                 </div> --}}
                        <br>

                        {{-- <div class="row mt-2">
                     <div class="col-5">
                         <h3> Elektronische Lohnsteuerkarte:</h3>
                     </div>
                 </div> --}}
                        <div class="row mt-2">
                            <div class="col-5">
                                <h3> Kontakt_informationen:</h3>
                            </div>
                        </div>

                        <div class="row mt-2">
                            <div class="col-3">
                                Straße:
                            </div>
                            <div class="col-3">
                                <input type="text" name="adress_street" class="form-control form-control-sm"
                                    id="adress_street" />
                            </div>
                        </div>

                        <div class="row mt-2">
                            <div class="col-3">
                                Hausnummer:
                            </div>
                            <div class="col-3">
                                <input type="text" name="house_number" class="form-control form-control-sm"
                                    id="house_number" />
                            </div>
                        </div>

                        <div class="row mt-2">
                            <div class="col-3">
                                PLZ:
                            </div>
                            <div class="col-3">
                                <input type="text" name="plz" class="form-control form-control-sm" id="plz" />
                            </div>
                        </div>

                        <div class="row mt-2">
                            <div class="col-3">
                                Ort:
                            </div>
                            <div class="col-3">
                                <input type="text" name="city" class="form-control form-control-sm" id="city" />
                            </div>
                        </div>

                        <div class="row mt-2">
                            <div class="col-3">
                                Private_Tel:
                            </div>
                            <div class="col-3">
                                <input type="text" name="private_tel" class="form-control form-control-sm"
                                    id="private_tel" />
                            </div>
                        </div>

                        <div class="row mt-2">
                            <div class="col-3">
                                Private_Mobil:
                            </div>
                            <div class="col-3">
                                <input type="text" name="private_mobil" class="form-control form-control-sm"
                                    id="private_mobil" />
                            </div>
                        </div>

                        <div class="row mt-2">
                            <div class="col-3">
                                Private_Email:
                            </div>
                            <div class="col-3">
                                <input type="email" name="private_email" class="form-control form-control-sm"
                                    id="private_email" />
                            </div>
                        </div>
                        {{-- <div class="row mt-2">
                     <div class="col-8">
                         <div class="form-check ">
                             <input class="form-check-input" type="checkbox" id="" name="" />
                             <label class="form-check-label">
                                 Abruf der elektronischen Lohnsteuerabzugsmerkmale(ELSTAM) auslösen
                             </label>
                         </div>
                     </div>
                 </div> --}}

                        {{-- <div class="row mt-2">
                     <div class="col-3">
                         Identifikationsnummer:
                     </div>
                     <div class="col-3">
                         <input type="text" name="" class="form-control form-control-sm" id="" />
                     </div>
                 </div> --}}

                        {{-- <div class="row mt-2">
                     <div class="col-3">
                         Geburtsdatum:
                     </div>
                     <div class="col-3">
                         <input type="text" name="" class="form-control form-control-sm" id="" />
                     </div>
                 </div> --}}

                        {{-- <div class="row mt-2">
                     <div class="col-3">
                         Kennzeichnung Arbeitgeber:
                     </div>
                     <div class="col-3">
                         <input type="text" name="" class="form-control form-control-sm"
                             id="" />
                     </div>
                 </div>
                 <br> --}}

                        {{-- <div class="row mt-2">
                     <div class="col-3">
                         Gewünschter jhrl.Freibetrag (nur bei Nebenarbeitgeber):
                     </div>
                     <div class="col-3">
                         <input type="text" name="" class="form-control form-control-sm"
                             id="" />
                     </div>
                     <div class="col-1">
                         EUR
                     </div>
                 </div>
                 <br> --}}

                        {{-- <div class="row mt-2">
                     <div class="col-5">
                         <div class="form-check ">
                             <input class="form-check-input" type="checkbox" id="" name="" />
                             <label class="form-check-label">
                                 Sofortmeldung nach §28a Abs.4 SGb IV
                             </label>
                         </div>
                     </div>
                 </div> --}}

                        {{-- <div class="row mt-2">
                     <div class="col-2">
                         <h5> Die Berechtigung:</h5>
                     </div>
                 </div> --}}
                        {{-- <div class="row mt-2">
                     <div class="col-2">
                         <div class="form-check ">
                             <input class="form-check-input" type="checkbox" id="ist_mgt" name="ist_mgt" />
                             <label class="form-check-label">
                                 Verwaltung
                             </label>
                         </div>
                     </div>

                     <div class="col-2">
                         <div class="form-check">
                             <input class="form-check-input" type="checkbox" id="ist_mgr" name="ist_mgr" />
                             <label class="form-check-label">
                                 Abteilungsleiter
                             </label>
                         </div>
                     </div>
                     <div class="col-2">
                         <div class="form-check">
                             <input class="form-check-input" type="checkbox" id="access_budget"
                                 name="access_budget" />
                             <label class="form-check-label">
                                 Budget_zugreifen
                             </label>
                         </div>
                     </div>
                 </div> --}} {{-- <br> --}} {{-- <div class="row mb-3">
                     <div class="col-2">
                         <label>Geschlecht : </label>
                         <select class="form-select " id="gender" name="gender">
                             <option value="0">unbekannt</option>
                             <option value="1">Herr</option>
                             <option value="2">Dame</option>
                             <option value="3">Drittes Geschlecht</option>
                         </select>
                     </div>



                     <div class="col">
                         Vorname:
                         <div class="col form-group">
                             <input type="text" name="first_name" class="form-control form-control-sm"
                                 id="first_name" required />
                         </div>
                     </div>
                     <div class="col">
                         Nachname:
                         <div class="col form-group">
                             <input type="text" name="last_name" class="form-control form-control-sm"
                                 id="last_name" required />
                         </div>
                     </div>
                 </div> --}}
                        {{-- <div class="row mt-2">

                     <div class="col">
                         Arbeit - Email:
                         <div class="col form-group">
                             <input type="email" name="work_email" class="form-control form-control-sm"
                                 id="work_email" />
                         </div>
                     </div>
                     <div class="col">
                         Arbeit - Telefon:
                         <div class="col form-group">
                             <input type="text" name="work_tel" class="form-control form-control-sm"
                                 id="work_tel" />
                         </div>
                     </div>
                     <div class="col">
                         Arbeit - Handy:
                         <div class="col form-group">
                             <input type="text" name="work_mobile" class="form-control form-control-sm"
                                 id="work_mobile" />
                         </div>
                     </div>

                 </div> --}} {{-- <div class="row mt-2">
                     <div class="col">
                         Privat - Email:
                         <div class="col form-group">
                             <input type="email" name="private_email" class="form-control form-control-sm"
                                 id="private_email" />
                         </div>
                     </div>
                     <div class="col">
                         Privat - Telefon:
                         <div class="col form-group">
                             <input type="text" name="private_tel" class="form-control form-control-sm"
                                 id="private_tel" />
                         </div>
                     </div>

                     <div class="col">
                         Privat - Handy:
                         <div class="col form-group">
                             <input type="text" name="privat_mobile" class="form-control form-control-sm"
                                 id="privat_mobile" />
                         </div>
                     </div>


                 </div> --}}
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Abbrechen</button>
                        <button type="submit" class="btn btn-success">speichern</button>
                    </div>
                </form>
            </div>
        </div>
    </div>

    {{-- delete modal --}}
    <div class="modal fade modal-dialog-scrollable modal-lg" id="delete-item" data-bs-backdrop="static"
        data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">

        <div class="modal-dialog">
            <div class="modal-content">
                <form action="{{ route('hrm.employeePersonal.delete') }}" method="POST" class="needs-validation"
                    novalidate>
                    @csrf

                    <input id="id" name="id" value="" hidden>
                    <div class="modal-header">
                        <h5 class="modal-title " id="staticBackdropLabel"> Mitarbeiter löschen </h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>

                    <div class="modal-body">

                        <div class="row mt-2">
                            <div class="col">
                                <h4 class="text-center">Möchten Sie den Mitarbeiter löschen ? </h4>
                            </div>

                        </div>

                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Abbrechen</button>
                        <button type="submit" class="btn btn-danger">Löschen</button>
                    </div>
                </form>
            </div>
        </div>
    </div>






    <div class="row">
        <div class="col">
            @include('layouts.breadcrumb', ['crumbs' => ['HRM', 'Mitarbeiterpersonal']])
        </div>
        <div class="col float-end text-end">

            <button type="button" class="btn btn-success shadow" data-bs-toggle="modal" data-bs-target="#new-item">
                <i class="bi bi-plus-square"></i> neu
            </button>

        </div>
        <div class="container-fluid bg-white px-3">
            @if (session('msg'))
                <div class="alert alert-success alert-dismissible" id="success-alert">
                    <button type="button" class="btn-close" data-bs-dismiss="alert"></button>

                    <p class="text-center"> {{ session('msg') }}</p>

                </div>
                <script>
                    $("#success-alert").fadeTo(2000, 500).slideUp(500, function() {
                        $("#success-alert").slideUp(1000);
                    });
                </script>
            @endif
            <form action="{{ route('hrm.employeePersonal') }}" method="get">
                {{-- <form action="{{ route('Customer.qsearch') }}" method="post">
            @csrf --}}
                <div class="row mt-1 mb-2">

                    <div class="col-3 text-center">
                    </div>
                    <div class="col-6 text-center">
                        <div class="input-group   ">
                            <input type="text" class="form-control  rounded-0" placeholder="suche nach Name"
                                id="name" name="name">
                            <div class="input-group-append   ">
                                <button class="btn  text-white bg-primary rounded-0 " type="submit"> <i
                                        class="bi bi-search"></i>
                                </button>
                            </div>
                        </div>
                    </div>
                    <div class="col-3 text-center">
                    </div>

                </div>
            </form>
            <hr>

            <div class=" ">
                <table class="table table-responsive table-hover contact-list " data-page-size="5">
                    <thead>
                        <tr>
                            <th class="col-1">
                                <form action="{{ route('hrm.employeePersonal.sort') }}" method="post">
                                    @csrf
                                    <input type="hidden" name="sort" value="id">
                                    <button type="submit" class="btn btn-outline-info btn-sm"><small>ID</small>
                                        @if (Session::get('crm_employeepersonal_sort') == 'id')
                                            <span class="sorting-icons"> <i
                                                    class="bi bi-sort-numeric-{{ Session::get('crm_employeepersonal_sort_range') == 'asc' ? 'down' : 'up' }}"></i></span>
                                        @else
                                            <i class="bi bi-filter-left"></i>
                                        @endif
                                    </button>
                                </form>
                                <a class="text-decoration-none text-info"></a>
                            </th>


                            {{-- <th class="col-1">
                                <small class="text-decoration-none text-info">Benutzer-id
                                    <span class="sorting-icons"><i class="ti-arrows-vertical"></i></span></small>
                            </th> --}}
                            {{-- @endif --}}
                            {{-- <th class="col-1">
                                <small class="text-decoration-none text-info">Abteilung
                                    <span class="sorting-icons"><i class="ti-arrows-vertical"></i></span></small>
                            </th> --}}
                            {{-- <th class="col-1">
                                <small class="text-decoration-none text-info">ist-mgt
                                    <span class="sorting-icons"><i class="ti-arrows-vertical"></i></span></small>
                            </th> --}}

                            {{-- <th class="col-1">
                                <small class="text-decoration-none text-info">ist-mgr
                                    <span class="sorting-icons"><i class="ti-arrows-vertical"></i></span></small>
                            </th> --}}

                            {{-- <th class="col-1">
                                <small class="text-decoration-none text-info">Budget-zugriefen
                                    <span class="sorting-icons"><i class="ti-arrows-vertical"></i></span></small>
                            </th> --}}
                            {{-- <th class="col-1">
                                <small class="text-decoration-none text-info">Geschlecht
                                    <span class="sorting-icons"><i class="ti-arrows-vertical"></i></span></small>
                            </th> --}}
                            <th class="col-1">
                                <small class="text-decoration-none text-info">Name
                                    <span class="sorting-icons"><i class="ti-arrows-vertical"></i></span></small>
                            </th>

                            <th class="col-1">
                                <small class="text-decoration-none text-info">Geburtsdatum
                                    <span class="sorting-icons"><i class="ti-arrows-vertical"></i></span></small>
                            </th>
                            <th class="col-1">
                                <small class="text-decoration-none text-info">Staatsangehörigkeit
                                    <span class="sorting-icons"><i class="ti-arrows-vertical"></i></span></small>
                            </th>
                            @if (Auth::user()->get_employee->is_mgt)
                                <th class="col"><small class=" text-info">Aktion</small></th>
                            @endif
                        </tr>
                    </thead>



                    <tbody id="clients-td-container" class="">
                        <!--ajax content here-->
                        <!--each row-->
                        @if ($employeepersonal->count() > 0)
                            @foreach ($employeepersonal as $item)
                                <tr id="">
                                    <td>
                                        {{ $item->id }}
                                    </td>

                                    {{-- <td> --}}
                                    {{-- {{ $item->emp_id }} --}}
                                    {{-- @if (!empty($item->get_employee))
                                            - {{ $item->get_employee->first_name }} {{ $us->get_employee->last_name }}
                                        @endif --}}
                                    {{-- </td> --}}
                                    {{-- <td class="small p-1">
                                        <small>{{ $item->get_user->user_id }}</small>
                                    </td> --}}
                                    {{-- <td class="small p-1">
                                        <small>{{ $item->get_department->name }}</small>
                                    </td> --}}


                                    <td><a href="{{ route('hrm.employeePersonal.show', ['id' => $item->id]) }}"
                                            title="Anzeigen" target="_blank" class="">
                                            {{ $item->first_name }} {{ $item->last_name }}
                                        </a>

                                    </td>

                                    <td>
                                        {{ $item->birth_date }}
                                    </td>
                                    <td>
                                        {{ $item->nationality }}
                                    </td>
                                    @if (Auth::user()->get_employee->is_mgt)
                                        <td class="clients_col_action actions_column w-25" id="clients_col_action_20">
                                            <!--action button-->
                                            <span class="list-table-action dropdown font-size-inherit">
                                                <!--delete-->
                                                <button type="button" title="Löschen"
                                                    class="btn btn-sm btn-outline-danger delete_btn"
                                                    data-bs-toggle="modal" data-bs-target="#delete-item"
                                                    data-id="{{ $item->id }}">
                                                    <i class="bi bi-trash"></i>
                                                </button>
                                                <!--edit-->
                                                {{-- <button type="button" title="Bearbeiten"
                                                    class="btn btn-sm btn-outline-success"
                                                    onclick="editItem({{ $item->employee_id }})">
                                                    <i class="bi bi-pencil-square"></i>
                                                </button> --}}

                                                <a href="{{ route('hrm.employeePersonal.update', ['id' => $item->id]) }}"
                                                    title="Bearbeiten" target="_blank"
                                                    class="btn btn-sm btn-outline-success small">
                                                    <i class="bi bi-box-arrow-up-right"></i>
                                                </a>
                                                <!--anzeig-->
                                                <a href="{{ route('hrm.employeePersonal.show', ['id' => $item->id]) }}"
                                                    title="Anzeigen" target="_blank"
                                                    class="btn btn-sm btn-outline-primary">
                                                    <i class="bi bi-box-arrow-up-right"></i>
                                                </a>
                                                {{-- <button type="button" title="Anzeigen" class="btn btn-sm btn-success"
                                                    onclick="show({{ $item->employee_id }})">
                                                    <i class="bi bi-pencil-square"></i>
                                                </button> --}}



                                            </span>
                                            <!--action button-->

                                        </td>
                                    @endif

                                </tr>
                                <!--each row-->
                            @endforeach
                        @else
                            <tr>
                                <td class=" text-center" colspan="100%">
                                    <h6 class=" text-center">Keine Daten</h6>
                                </td>
                            </tr>
                        @endif
                    </tbody>
                    <tfoot>
                        <tr>

                        </tr>
                    </tfoot>
                </table>
                <br>
                <div class="d-flex justify-content-center pagination pagination-lg text-dark">
                    {!! $employeepersonal->links() !!}
                </div>
            </div>{{-- für dem table --}}

















        </div> {{-- für container --}}
    </div>
    <br>
    <script>
        $(document).on('click', '.delete_btn', function() {
                let id = $(this).attr('data-id');
                $('#id').val(id);
                // document.getElementById('ptitle').innerHTML = "You pressed ";
            }

        );
    </script>
@endsection