@extends('content')

@section('page-title')
    @if($user->exists) {{ __('admin.users.edit_user_header') }} @else {{ __('admin.users.add_user_header') }} @endif
    @endsection

@section('page-content')

    <x-forms.form-wrapper-component formRoute="{{ $user->exists ? route('admin.users.update', $user) : route('admin.users.insert') }}" formLabel="Podaj dane pracownika">

        <div class="grid grid-cols-12 gap-4">

            <div class="col-span-12 md:col-span-6 2xl:col-span-4">
                <x-forms.input-component
                    inputType="text"
                    inputName="name"
                    inputId="name"
                    inputValue="{{ old('name', $user->name) }}"
                    inputLabel="{{ __('admin.users.form.name') }}"
                    inputPlaceholder="{{ __('admin.users.form.name') }}"
                    inputRequired=1
                    inputClass="input_md"
                />
            </div>

            <div class="col-span-12 md:col-span-6 2xl:col-span-4">
                <x-forms.input-component
                    inputType="text"
                    inputName="last_name"
                    inputId="last_name"
                    inputValue="{{ old('last_name', $user->last_name) }}"
                    inputLabel="{{ __('admin.users.form.last_name') }}"
                    inputPlaceholder="{{ __('admin.users.form.last_name') }}"
                    inputRequired=1
                    inputClass="input_md"
                />
            </div>

            <div class="col-span-12 md:col-span-6 lg:col-span-6 2xl:col-span-4">
                <x-forms.input-component
                    inputType="email"
                    inputName="email"
                    inputId="email"
                    inputValue="{{ old('email', $user->email) }}"
                    inputLabel="{{ __('admin.users.form.email') }}"
                    inputPlaceholder="{{ __('admin.users.form.email') }}"
                    inputRequired=1
                    inputClass="input_md"
                />
            </div>

            <div class="col-span-12 md:col-span-6 2xl:col-span-4">
                <x-forms.input-component
                    inputType="text"
                    inputName="phone"
                    inputId="phone"
                    inputValue="{{ old('phone', $user->phone) }}"
                    inputLabel="{{ __('admin.users.form.phone') }}"
                    inputPlaceholder="{{ __('admin.users.form.phone') }}"
                    inputRequired=1
                    inputClass="input_md"
                />
            </div>

            <div class="col-span-12 md:col-span-6 2xl:col-span-4">



                <x-forms.input-component
                    inputType="password"
                    inputName="password"
                    inputId="password"
                    inputValue="{{ old('password') }}"
                    inputLabel="{{ $user->exists ? __('admin.users.form.password_update') : __('admin.users.form.password') }}"
                    inputPlaceholder="{{ __('admin.users.form.password') }}"
                    inputRequired=0
                    inputClass="input_md"
                />
            </div>

            <div class="col-span-12 md:col-span-6 2xl:col-span-4">
                <x-forms.input-component
                    inputType="password"
                    inputName="password_confirmation"
                    inputId="password_confirmation"
                    inputValue="{{ old('password_confirmation') }}"
                    inputLabel="{{ __('admin.users.form.password_confirmation') }}"
                    inputPlaceholder="{{ __('admin.users.form.password_confirmation') }}"
                    inputRequired=0
                    inputClass="input_md"
                />
            </div>

            <div class="col-span-12 md:col-span-12 2xl:col-span-8">
                <x-forms.select-alpine-component
                    :whichData="'role'"
                    defaultValue="{{ old('role_id', $user->role_id) }}"
                    inputName="role_id"
                    label="role"
                />
            </div>

            <div class="col-span-12 md:col-span-6 2xl:col-span-4 pt-8">
                <label class="inline-flex items-center space-x-2">
                    <input type="checkbox"
                        name="mechanic"
                        class="w-5 h-5 text-green-600 focus:ring-green-500 border-gray-300 rounded"
                        {{ old('mechanic', $user->mechanic ?? false) ? 'checked' : '' }}
                    />
                    <span class="text-gray-700 text-base/4">{{ __('admin.users.form.mechanik') }}</span>
                </label>
            </div>

        </div>

        <div class="text-center mt-8">
            <button type="submit" class="btn_lg btn_red">{{ __('main.save') }}</button>
        </div>


    </x-forms.form-wrapper-component>

    <div class="text-center">
        <a href="{{ route('admin.users') }}" class="btn_lg btn_gray">&laquo; {{ __('main.return') }}</a>
    </div>

@endsection