@extends(getTemplate() . '.panel.layouts.panel_layout')

@section('content')
    <section class="mt-5">
        <h2 class="section-title after-line">Add New Employee</h2>
        <form method="post" id="userSettingForm" class="mt-4" action="/panel/manage/employees/storeNew">
            @csrf

            <div class="row mt-4">
                <div class="col-12 col-lg-6">
                    <div class="mb-3">
                        <label class="form-label">{{ trans('public.email') }}</label>
                        <input type="email" name="email" class="form-control @error('email') is-invalid @enderror" placeholder="Enter email" />
                        @error('email')
                            <div class="invalid-feedback">
                                {{ $message }}
                            </div>
                        @enderror
                    </div>

                    <div class="mb-3">
                        <label class="form-label">Name</label>
                        <input type="text" name="first_name" class="form-control @error('first_name') is-invalid @enderror" placeholder="Enter first name" />
                        @error('first_name')
                            <div class="invalid-feedback">
                                {{ $message }}
                            </div>
                        @enderror
                    </div>

                    <div class="mb-3">
                        <label class="form-label">Surname</label>
                        <input type="text" name="surname" class="form-control @error('surname') is-invalid @enderror" placeholder="Enter surname" />
                        @error('surname')
                            <div class="invalid-feedback">
                                {{ $message }}
                            </div>
                        @enderror
                    </div>

                    <div class="mb-3">
                        <label class="form-label">{{ trans('public.mobile') }}</label>
                        <input type="tel" name="mobile" class="form-control @error('mobile') is-invalid @enderror" placeholder="Enter mobile number" />
                        @error('mobile')
                            <div class="invalid-feedback">
                                {{ $message }}
                            </div>
                        @enderror
                    </div>

                    @if (!empty($userLanguages))
                        <div class="mb-3">
                            <label class="form-label">{{ trans('auth.language') }}</label>
                            <select name="language" class="form-select">
                                <option value="">{{ trans('auth.language') }}</option>
                                @foreach ($userLanguages as $lang => $language)
                                    <option value="{{ $lang }}" @if (!empty($user) and mb_strtolower($user->language) == mb_strtolower($lang)) selected @endif>
                                        {{ $language }}</option>
                                @endforeach
                            </select>
                            @error('language')
                                <div class="invalid-feedback">
                                    {{ $message }}
                                </div>
                            @enderror
                        </div>
                    @endif

                    <div class="mb-3">
                        <label class="form-label">{{ trans('update.timezone') }}</label>
                        <select name="timezone" class="form-select select2" data-allow-clear="false">
                            <option value="" {{ empty($user->timezone) ? 'selected' : '' }} disabled>
                                {{ trans('public.select') }}</option>
                            @foreach (getListOfTimezones() as $timezone)
                                <option value="{{ $timezone }}" @if (!empty($user) and $user->timezone == $timezone) selected @endif>
                                    {{ $timezone }}</option>
                            @endforeach
                        </select>
                        @error('timezone')
                            <div class="invalid-feedback">
                                {{ $message }}
                            </div>
                        @enderror
                    </div>

                    <div class="form-check form-switch mb-3">
                        <input class="form-check-input" type="checkbox" name="join_newsletter" id="newsletterSwitch" {{ (!empty($user) and $user->newsletter) ? 'checked' : '' }}>
                        <label class="form-check-label" for="newsletterSwitch">{{ trans('auth.join_newsletter') }}</label>
                    </div>

                    <div class="form-check form-switch mb-3">
                        <input class="form-check-input" type="checkbox" name="public_messages" id="publicMessagesSwitch" {{ (!empty($user) and $user->public_message) ? 'checked' : '' }}>
                        <label class="form-check-label" for="publicMessagesSwitch">{{ trans('auth.public_messages') }}</label>
                    </div>

                    <div class="d-flex justify-content-end">
                        <button type="submit" class="btn btn-primary">{{ trans('public.save') }}</button>
                    </div>
                </div>
            </div>
        </form>
    </section>
@endsection