@extends('layouts.app', ['title' => 'Neue Mitarbeiter'])
@section('content')
    <div class="row">
        <div class="col">
            @include('layouts.breadcrumb', ['crumbs' => [ucfirst(Request::segment(1)), ucfirst(Request::segment(2))]])
        </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> neue
            </button> --}}

        </div>
    </div>
    <br>

    <div class=" bg-white mb-5">
        @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



        <div class="container-fluid  ">
            {{-- <div class="row border py-3">
                <div class="col">Anfragedatum : {{ date('d.m.Y', time()) }}</div>

            </div> --}}
            <form action="{{ route('spm.employee.create') }}" method="POST" class="needs-validation" novalidate>
                @csrf
                <div class="row border py-3">
                    <div class="row">


                        <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"> Deparment: </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>

                    {{-- hieeeeeeeeeer --}}


                </div>


                <div class="row border pt-3">
                    {{-- <h5 xxl><mark>
                            Mitarbeiter_info:
                        </mark></h5> --}}

                    <p class="fs-1"><mark>Mitarbeiter_info:</mark></p>

                    <div class="row py-3">
                        <div class="col-2">
                            <h5> ist_mgt:</h5>
                        </div>

                        <div class="col-1">
                            <div class="form-check ">
                                <input class="form-check-input" type="checkbox" id="ist_mgt_ja" name="ist_mgt_ja" />
                                <label class="form-check-label">
                                    ja
                                </label>
                            </div>
                        </div>

                        <div class="col">
                            <div class="form-check">
                                <input class="form-check-input" type="checkbox" id="ist_mgt_nein" name="ist_mgt_nein" />
                                <label class="form-check-label">
                                    nein
                                </label>
                            </div>
                        </div>


                    </div>


                    <hr>


                    <div class="row  py-3">
                        <div class="col-2">
                            <h5> ist_mgr:</h5>
                        </div>

                        <div class="col-1">
                            <div class="form-check ">
                                <input class="form-check-input" type="checkbox" id="ist_mgr_ja" name="ist_mgr_ja" />
                                <label class="form-check-label">
                                    ja
                                </label>
                            </div>
                        </div>

                        <div class="col">
                            <div class="form-check">
                                <input class="form-check-input" type="checkbox" id="ist_mgr_nein" name="ist_mgr_nein" />
                                <label class="form-check-label">
                                    nein
                                </label>
                            </div>
                        </div>


                    </div>


                    <hr>





                    <div class="row  py-3">
                        <div class="col-2">

                            <h5>Budget_zugreifen:</h5>
                        </div>

                        <div class="col-1">
                            <div class="form-check ">
                                <input class="form-check-input" type="checkbox" id="acess_badjet_ja"
                                    name="acess_badjet_ja" />
                                <label class="form-check-label">
                                    ja
                                </label>
                            </div>
                        </div>

                        <div class="col">
                            <div class="form-check">
                                <input class="form-check-input" type="checkbox" id="acess_badjet_nein"
                                    name="acess_badjet_nein" />
                                <label class="form-check-label">
                                    nein
                                </label>
                            </div>
                        </div>


                    </div>


                    <hr>
                    <div class="row  py-3">
                        <div class="col-1">
                            <h5>Geschlecht:</h5>
                        </div>

                        <div class="col-1">
                            <div class="form-check ">
                                <input class="form-check-input" type="checkbox" id="gender_feminin" name="gender_feminin" />
                                <label class="form-check-label">
                                    feminin
                                </label>
                            </div>
                        </div>

                        <div class="col">
                            <div class="form-check">
                                <input class="form-check-input" type="checkbox" id="gender_masklin" name="gender_masklin" />
                                <label class="form-check-label">
                                    maskulin
                                </label>
                            </div>
                        </div>


                    </div>
                    <hr>
                    <div class="row py-3">

                        <div class="col">
                            Vor_Name:
                            <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">
                            Nach_Name:
                            <div class="col form-group">
                                <input type="text" name="last_name" class="form-control form-control-sm"
                                    id="last_name" required />
                            </div>
                        </div>

                    </div>

                    <hr>
                    <div class="row py-3">

                        <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_Telephone:
                            <div class="col form-group">
                                <input type="text" name="work_tel" class="form-control form-control-sm"
                                    id="work_tel" />
                            </div>
                        </div>

                    </div>
                    <hr>
                    <div class="row py-3">

                        <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 class="col">
                            Privat_Telephone:
                            <div class="col form-group">
                                <input type="text" name="private_tel" class="form-control form-control-sm"
                                    id="private_tel" />
                            </div>
                        </div>

                    </div>
                    <hr>
                    <div class="row py-3">

                        <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 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>
                    <hr>










                </div>
                <div class="row py-4">
                    <div class="col float-start">
                        @if ($errors->any())
                            <div class="alert alert-danger">
                                <ul>
                                    @foreach ($errors->all() as $error)
                                        <li>{{ $error }}</li>
                                    @endforeach
                                </ul>
                            </div>
                        @endif
                    </div>
                    <div class="col float-end">
                        <button type="submit" class="btn btn-success float-end"><i class="bi bi-plus-square"></i>
                            Speichern</button>
                    </div>

                </div>

            </form>
            <hr>
        </div>




    </div>
    <hr>

@endsection