@extends('layouts.mainlayout')
@section('fullwidth', true)

@section('content')
<div class="smarthr-worker-module smarthr-new-staff-module">
    <header class="smarthr-demo-page-breadcrumb smarthr-module-page-header">
        <div>
            <h2>Add new staff</h2>
            <ol><li><a href="/home"><i class="fas fa-home"></i></a></li><li>Staff</li><li class="active">Add new</li></ol>
        </div>
    </header>
    @if ($errors->any())
        <div class="alert alert-danger smarthr-new-staff-alert">
            <ul class="mb-0">
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif
    @if (!is_null($msg_success))
        <div class="alert alert-danger alert-dismissable smarthr-new-staff-alert">
            <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
            {{ $msg_success ?? '' }}
        </div>
    @endif
    @if (!is_null($msg_insert))
        <div class="alert alert-success alert-dismissable smarthr-new-staff-alert">
            <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
            {{ $msg_insert ?? '' }}
        </div>
    @endif

    <div class="smarthr-worker-panel smarthr-new-staff-panel">
        <div class="card-header smarthr-worker-panel-heading">
            Add new staff personal details
        </div>
        <div class="card-body smarthr-new-staff-body">
            @if (Session::has('msg_success'))
                <div class="alert alert-success alert-dismissable smarthr-new-staff-alert">
                    <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
                    {{ Session::get('msg_success') }}
                </div>
            @endif
            <form action="" method="POST" id="myform" class="smarthr-worker-form">
                @csrf
                <div class="smarthr-new-staff-section">
                    <div class="smarthr-new-staff-section-title">Personal information</div>
                    <div class="row smarthr-new-staff-grid">
                        <div class="col-xl-3 col-md-6"><label for="firstname">First name</label><input class="form-control input-lg" id="firstname" type="text" name="firstname" value="{{ old('firstname') }}" required></div>
                        <div class="col-xl-3 col-md-6"><label for="lastname">Last name</label><input class="form-control input-lg" id="lastname" type="text" name="lastname" value="{{ old('lastname') }}" required></div>
                        <div class="col-xl-3 col-md-6"><label for="maiden_name">Maiden name</label><input class="form-control input-lg" id="maiden_name" type="text" name="maiden_name" value="{{ old('maiden_name') }}"></div>
                        <div class="col-xl-3 col-md-6"><label for="birth_date">Birth date</label><input class="form-control input-lg" id="birth_date" type="text" name="birth_date" value="{{ old('birth_date') }}" required></div>
                        <div class="col-xl-6 col-md-6">
                            <span class="smarthr-new-staff-label">Gender</span>
                            <div class="smarthr-new-staff-options">
                                <label><input type="radio" name="gender" value="1" {{ old('gender') == '1' ? 'checked' : '' }} required><span>Male</span></label>
                                <label><input type="radio" name="gender" value="2" {{ old('gender') == '2' ? 'checked' : '' }} required><span>Female</span></label>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="smarthr-new-staff-section">
                    <div class="smarthr-new-staff-section-title">Identity and birthplace</div>
                    <div class="row smarthr-new-staff-grid">
                        <div class="col-xl-3 col-md-6"><label for="b_country">Birth country</label><select class="form-control input-lg" id="b_country" name="b_country" required>@foreach (DB::select('select id, country from countries') as $country)<option value="{{ $country->id }}" {{ old('b_country') == $country->id ? 'selected' : '' }}>{{ $country->country }}</option>@endforeach</select></div>
                        <div class="col-xl-3 col-md-6"><label for="b_state">Birth state</label><input class="form-control input-lg" id="b_state" type="text" name="b_state" value="{{ old('b_state') }}" required></div>
                        <div class="col-xl-3 col-md-6"><label for="b_city">Birth city</label><input class="form-control input-lg" id="b_city" type="text" name="b_city" value="{{ old('b_city') }}" required></div>
                        <div class="col-xl-3 col-md-6"><label for="personal_id">Personal ID</label><input class="form-control input-lg" id="personal_id" type="text" name="personal_id" value="{{ old('personal_id') }}" required></div>
                        <div class="col-xl-3 col-md-6"><label for="id_series_number">ID series and number</label><input class="form-control input-lg" id="id_series_number" type="text" name="id_series_number" value="{{ old('id_series_number') }}" required></div>
                        <div class="col-xl-3 col-md-6"><label for="exp_date">ID card expiration date</label><input class="form-control input-lg" id="exp_date" type="text" name="id_card_exp" value="{{ old('id_card_exp') }}" required></div>
                        <div class="col-xl-3 col-md-6"><label for="nationality">Nationality</label><input class="form-control input-lg" id="nationality" type="text" name="nationality" value="{{ old('nationality') }}" required></div>
                        <div class="col-xl-3 col-md-6"><label for="language">Language</label><input class="form-control input-lg" id="language" type="text" name="language" value="{{ old('language') }}" required></div>
                    </div>
                </div>

                <div class="smarthr-new-staff-section">
                    <div class="smarthr-new-staff-section-title">Address and contact</div>
                    <div class="row smarthr-new-staff-grid">
                        <div class="col-xl-3 col-md-6"><label for="a_country">Country</label><select class="form-control input-lg" id="a_country" name="a_country" required>@foreach (DB::select('select id, country from countries') as $country)<option value="{{ $country->id }}" {{ old('a_country') == $country->id ? 'selected' : '' }}>{{ $country->country }}</option>@endforeach</select></div>
                        <div class="col-xl-3 col-md-6"><label for="state">State</label><input class="form-control input-lg" id="state" type="text" name="state" value="{{ old('state') }}" required></div>
                        <div class="col-xl-3 col-md-6"><label for="city">City</label><input class="form-control input-lg" id="city" type="text" name="city" value="{{ old('city') }}" required></div>
                        <div class="col-xl-3 col-md-6"><label for="a_postal_code">Zip</label><input class="form-control input-lg" id="a_postal_code" type="text" name="a_postal_code" value="{{ old('a_postal_code') }}" required></div>
                        <div class="col-xl-6 col-md-12"><label for="adress">Address</label><input class="form-control input-lg" id="adress" type="text" name="adress" value="{{ old('adress') }}" required></div>
                        <div class="col-xl-3 col-md-6"><label for="email">Email</label><input class="form-control input-lg" id="email" type="text" name="email" value="{{ old('email') }}" required></div>
                        <div class="col-xl-3 col-md-6"><label for="phone">Phone</label><input class="form-control input-lg" id="phone" type="text" name="phone" value="{{ old('phone') }}"></div>
                        <div class="col-xl-3 col-md-6"><label for="mobile">Mobile phone</label><input class="form-control input-lg" id="mobile" type="text" name="mobile" value="{{ old('mobile') }}" required></div>
                    </div>
                </div>

                <div class="smarthr-new-staff-section">
                    <div class="smarthr-new-staff-section-title">Emergency contact and notes</div>
                    <div class="row smarthr-new-staff-grid">
                        <div class="col-xl-3 col-md-6"><label for="c_name">Contact person name</label><input class="form-control input-lg" id="c_name" type="text" name="c_name" value="{{ old('c_name') }}"></div>
                        <div class="col-xl-3 col-md-6"><label for="c_phone">Contact person phone</label><input class="form-control input-lg" id="c_phone" type="text" name="c_phone" value="{{ old('c_phone') }}"></div>
                        <div class="col-xl-12"><label for="comment">Comment</label><textarea class="form-control" id="comment" name="comment" rows="3">{{ old('comment') }}</textarea></div>
                    </div>
                </div>

                <div class="smarthr-new-staff-actions">
                    <button class="btn btn-success smarthr-worker-save" type="submit"><i class="fas fa-user-plus"></i> Add staff member</button>
                </div>
            </form>
        </div>
    </div>
</div>

<link href="/css/gijgo.min.css" rel="stylesheet" type="text/css">
<script src="/vendor/jquery/jquery.min.js"></script>
<script src="/vendor/js/gijgo.min.js" type="text/javascript"></script>
<script>
    $(function () {
        $('#birth_date, #exp_date').each(function () {
            $(this).datepicker({ uiLibrary: 'bootstrap4', format: 'yyyy-mm-dd' });
        });
    });
</script>
@endsection