@extends('layout.admin', ['title' => 'Админка - Редактирование работодателя'])

@section('content')
    <h4 class="mb-4 text-lg font-semibold text-gray-600 dark:text-gray-300">
        Работодатель-пользователь: "{{$employer->users->name_man}} ({{$employer->user_id}})"
    </h4>
    <form method="POST" action="" enctype="multipart/form-data">
        @csrf
        <div class="px-4 py-3 mb-8 bg-white rounded-lg shadow-md dark:bg-gray-800">
            <label class="block text-sm">
                <span class="text-gray-700 dark:text-gray-400">Имя компании</span>
                <input name="name" id="name"
                       class="block w-full mt-1 text-sm dark:border-gray-600 dark:bg-gray-700 focus:border-purple-400 focus:outline-none focus:shadow-outline-purple dark:text-gray-300 dark:focus:shadow-outline-gray form-input"
                       placeholder="Имя компании" value="{{ old('name') ?? $employer->users->name ?? '' }}"
                />
                @error('name')
                <span class="text-xs text-red-600 dark:text-red-400">
                  {{ $message }}
            </span>
                @enderror
            </label><br>

            <label class="block text-sm">
                <span class="text-gray-700 dark:text-gray-400">Email</span>
                <input name="email" id="email"
                       class="block w-full mt-1 text-sm dark:border-gray-600 dark:bg-gray-700 focus:border-purple-400 focus:outline-none focus:shadow-outline-purple dark:text-gray-300 dark:focus:shadow-outline-gray form-input"
                       placeholder="Почта" value="{{ old('email') ?? $employer->email ?? '' }}"
                />
                @error('email')
                <span class="text-xs text-red-600 dark:text-red-400">
                  {{ $message }}
            </span>
                @enderror
            </label><br>

            <label class="block text-sm">
                <span class="text-gray-700 dark:text-gray-400">Телефон</span>
                <input name="telephone" id="telephone"
                       class="block w-full mt-1 text-sm dark:border-gray-600 dark:bg-gray-700 focus:border-purple-400 focus:outline-none focus:shadow-outline-purple dark:text-gray-300 dark:focus:shadow-outline-gray form-input"
                       placeholder="Телефон" value="{{ old('telephone') ?? $employer->telephone ?? '' }}"
                />
                @error('telephone')
                <span class="text-xs text-red-600 dark:text-red-400">
                  {{ $message }}
            </span>
                @enderror
            </label><br>

            <label class="block text-sm">
                <span class="text-gray-700 dark:text-gray-400">Адрес</span>
                <input name="address" id="address"
                       class="block w-full mt-1 text-sm dark:border-gray-600 dark:bg-gray-700 focus:border-purple-400 focus:outline-none focus:shadow-outline-purple dark:text-gray-300 dark:focus:shadow-outline-gray form-input"
                       placeholder="Адрес" value="{{ old('address') ?? $employer->address ?? '' }}"
                />
                @error('address')
                <span class="text-xs text-red-600 dark:text-red-400">
                  {{ $message }}
            </span>
                @enderror
            </label><br>

            <label class="block text-sm">
                <span class="text-gray-700 dark:text-gray-400">Сайт</span>
                <input name="site" id="site"
                       class="block w-full mt-1 text-sm dark:border-gray-600 dark:bg-gray-700 focus:border-purple-400 focus:outline-none focus:shadow-outline-purple dark:text-gray-300 dark:focus:shadow-outline-gray form-input"
                       placeholder="Сайт" value="{{ old('site') ?? $employer->site ?? '' }}"
                />
                @error('site')
                <span class="text-xs text-red-600 dark:text-red-400">
                  {{ $message }}
            </span>
                @enderror
            </label><br>

            <label class="block text-sm">
                <h4 class="mb-4 text-lg font-semibold text-gray-600 dark:text-gray-300">
                    Права работодателя:
                </h4>
                <p style="float:left; margin-right: 10px">Просмотр базы резюме </p>
                   <input type="hidden" name="is_lookin" value="0" />
                   <input name="is_lookin" <? if ($employer->users->is_lookin) echo "checked";?>
                       class="block  mt-1 text-sm dark:border-gray-600 dark:bg-gray-700 focus:border-purple-400 focus:outline-none focus:shadow-outline-purple dark:text-gray-300 dark:focus:shadow-outline-gray "
                       placeholder="" type="checkbox" value="1"
                /><br>

                <p style="float:left; margin-right: 10px">Отправка сообщений</p>
                <input type="hidden" name="is_message" value="0" />
                <input name="is_message" id="is_message" <? if ($employer->users->is_message) echo "checked";?>
                class="block  mt-1 text-sm dark:border-gray-600 dark:bg-gray-700 focus:border-purple-400 focus:outline-none focus:shadow-outline-purple dark:text-gray-300 dark:focus:shadow-outline-gray "
                       placeholder=""  type="checkbox" value="1"
                /><br>

                <p style="float:left; margin-right: 10px">Публикация вакансий</p>
                <input type="hidden" name="is_public" value="0" />
                <input name="is_public" id="is_public" <? if ($employer->users->is_public) echo "checked";?>
                class="block mt-1 text-sm dark:border-gray-600 dark:bg-gray-700 focus:border-purple-400 focus:outline-none focus:shadow-outline-purple dark:text-gray-300 dark:focus:shadow-outline-gray "
                       placeholder=""  type="checkbox" value="1"
                /><br>

            </label>

            <label class="block text-sm">
                <span class="text-gray-700 dark:text-gray-400">Лого</span>

                <input name="logo" id="logo" type="file"
                       class="block w-full mt-1 text-sm dark:border-gray-600 dark:bg-gray-700 focus:border-purple-400 focus:outline-none focus:shadow-outline-purple dark:text-gray-300 dark:focus:shadow-outline-gray form-input"
                       placeholder="Лого" value=""
                />
                @isset($employer->logo)
                    <img src="<?=asset(Storage::url($employer->logo))?>" width="150"/>
                @endisset
                @error('logo')
                <span class="text-xs text-red-600 dark:text-red-400">
                  {{ $message }}
            </span>
                @enderror
            </label><br>

            <label class="block mt-4 text-sm">
                <span class="text-gray-700 dark:text-gray-400">Описание</span>
                <textarea name="text" id="text"
                    class="block w-full mt-1 text-sm dark:text-gray-300 dark:border-gray-600 dark:bg-gray-700 form-textarea focus:border-purple-400 focus:outline-none focus:shadow-outline-purple dark:focus:shadow-outline-gray"
                    rows="3"
                    placeholder="Описание компании"
                >{{ old('text') ?? $employer->text ?? '' }}</textarea>
            </label>


            <div class="flex flex-col flex-wrap mb-4 space-y-4 md:flex-row md:items-end md:space-x-4">
                <div>
                    <button type="submit" class="px-3 py-1 text-sm font-medium leading-5 text-white transition-colors duration-150 bg-purple-600 border border-transparent rounded-md active:bg-purple-600 hover:bg-purple-700 focus:outline-none focus:shadow-outline-purple">
                        Сохранить
                    </button>
                </div>
                <div>
                    <a href="">Флот</a>
                </div>
                <div>
                    <a href="">Вакансии</a>
                </div>
                <div>
                    <a href="">Контакты</a>
                </div>
            </div>
        </div>
    </form>
    <!--
    <label class="block mt-4 text-sm">
            <span class="text-gray-700 dark:text-gray-400">
              Requested Limit
            </span>
        <select
            class="block w-full mt-1 text-sm dark:text-gray-300 dark:border-gray-600 dark:bg-gray-700 form-select focus:border-purple-400 focus:outline-none focus:shadow-outline-purple dark:focus:shadow-outline-gray"
        >
            <option>$1,000</option>
            <option>$5,000</option>
            <option>$10,000</option>
            <option>$25,000</option>
        </select>
    </label>

    <label class="block mt-4 text-sm">
            <span class="text-gray-700 dark:text-gray-400">
              Multiselect
            </span>
        <select
            class="block w-full mt-1 text-sm dark:text-gray-300 dark:border-gray-600 dark:bg-gray-700 form-multiselect focus:border-purple-400 focus:outline-none focus:shadow-outline-purple dark:focus:shadow-outline-gray"
            multiple
        >
            <option>Option 1</option>
            <option>Option 2</option>
            <option>Option 3</option>
            <option>Option 4</option>
            <option>Option 5</option>
        </select>
    </label>

    <label class="block mt-4 text-sm">
        <span class="text-gray-700 dark:text-gray-400">Message</span>
        <textarea
            class="block w-full mt-1 text-sm dark:text-gray-300 dark:border-gray-600 dark:bg-gray-700 form-textarea focus:border-purple-400 focus:outline-none focus:shadow-outline-purple dark:focus:shadow-outline-gray"
            rows="3"
            placeholder="Enter some long form content."
        ></textarea>
    </label>

    <div class="flex mt-6 text-sm">
        <label class="flex items-center dark:text-gray-400">
            <input
                type="checkbox"
                class="text-purple-600 form-checkbox focus:border-purple-400 focus:outline-none focus:shadow-outline-purple dark:focus:shadow-outline-gray"
            />
            <span class="ml-2">
                I agree to the
                <span class="underline">privacy policy</span>
              </span>
        </label>
    </div>
</div>

<!-- Validation inputs -->
    <!--<h4
        class="mb-4 text-lg font-semibold text-gray-600 dark:text-gray-300"
    >
        Validation
    </h4>
    <div
        class="px-4 py-3 mb-8 bg-white rounded-lg shadow-md dark:bg-gray-800"
    >
        <!-- Invalid input -->
    <!--<label class="block text-sm">
            <span class="text-gray-700 dark:text-gray-400">
              Invalid input
            </span>
        <input
            class="block w-full mt-1 text-sm border-red-600 dark:text-gray-300 dark:bg-gray-700 focus:border-red-400 focus:outline-none focus:shadow-outline-red form-input"
            placeholder="Jane Doe"
        />
        <span class="text-xs text-red-600 dark:text-red-400">
              Your password is too short.
            </span>
    </label>

    <!-- Valid input -->
    <!--<label class="block mt-4 text-sm">
            <span class="text-gray-700 dark:text-gray-400">
              Valid input
            </span>
        <input
            class="block w-full mt-1 text-sm border-green-600 dark:text-gray-300 dark:bg-gray-700 focus:border-green-400 focus:outline-none focus:shadow-outline-green form-input"
            placeholder="Jane Doe"
        />
        <span class="text-xs text-green-600 dark:text-green-400">
              Your password is strong.
            </span>
    </label>

    <!-- Helper text -->
    <!--<label class="block mt-4 text-sm">
            <span class="text-gray-700 dark:text-gray-400">
              Helper text
            </span>
        <input
            class="block w-full mt-1 text-sm dark:text-gray-300 dark:border-gray-600 dark:bg-gray-700 focus:border-purple-400 focus:outline-none focus:shadow-outline-purple dark:focus:shadow-outline-gray form-input"
            placeholder="Jane Doe"
        />
        <span class="text-xs text-gray-600 dark:text-gray-400">
              Your password must be at least 6 characters long.
            </span>
    </label>
</div>

<!-- Inputs with icons -->
    <!--<h4
        class="mb-4 text-lg font-semibold text-gray-600 dark:text-gray-300"
    >
        Icons
    </h4>
    <div
        class="px-4 py-3 mb-8 bg-white rounded-lg shadow-md dark:bg-gray-800"
    >
        <label class="block text-sm">
            <span class="text-gray-700 dark:text-gray-400">Icon left</span>
            <!-- focus-within sets the color for the icon when input is focused -->
    <!--<div
        class="relative text-gray-500 focus-within:text-purple-600 dark:focus-within:text-purple-400"
    >
        <input
            class="block w-full pl-10 mt-1 text-sm text-black dark:text-gray-300 dark:border-gray-600 dark:bg-gray-700 focus:border-purple-400 focus:outline-none focus:shadow-outline-purple dark:focus:shadow-outline-gray form-input"
            placeholder="Jane Doe"
        />
        <div
            class="absolute inset-y-0 flex items-center ml-3 pointer-events-none"
        >
            <svg
                class="w-5 h-5"
                aria-hidden="true"
                fill="none"
                stroke-linecap="round"
                stroke-linejoin="round"
                stroke-width="2"
                viewBox="0 0 24 24"
                stroke="currentColor"
            >
                <path
                    d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"
                ></path>
            </svg>
        </div>
    </div>
</label>

<label class="block mt-4 text-sm">
    <span class="text-gray-700 dark:text-gray-400">Icon right</span>
    <!-- focus-within sets the color for the icon when input is focused -->
    <!--<div
        class="relative text-gray-500 focus-within:text-purple-600 dark:focus-within:text-purple-400"
    >
        <input
            class="block w-full pr-10 mt-1 text-sm text-black dark:text-gray-300 dark:border-gray-600 dark:bg-gray-700 focus:border-purple-400 focus:outline-none focus:shadow-outline-purple dark:focus:shadow-outline-gray form-input"
            placeholder="Jane Doe"
        />
        <div
            class="absolute inset-y-0 right-0 flex items-center mr-3 pointer-events-none"
        >
            <svg
                class="w-5 h-5"
                aria-hidden="true"
                fill="none"
                stroke-linecap="round"
                stroke-linejoin="round"
                stroke-width="2"
                viewBox="0 0 24 24"
                stroke="currentColor"
            >
                <path
                    d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"
                ></path>
            </svg>
        </div>
    </div>
</label>
</div>

<!-- Inputs with buttons -->
    <!--<h4
        class="mb-4 text-lg font-semibold text-gray-600 dark:text-gray-300"
    >
        Buttons
    </h4>
    <div
        class="px-4 py-3 mb-8 bg-white rounded-lg shadow-md dark:bg-gray-800"
    >
        <label class="block text-sm">
                <span class="text-gray-700 dark:text-gray-400">
                  Button left
                </span>
            <div class="relative">
                <input
                    class="block w-full pl-20 mt-1 text-sm dark:text-gray-300 dark:border-gray-600 dark:bg-gray-700 focus:border-purple-400 focus:outline-none focus:shadow-outline-purple dark:focus:shadow-outline-gray form-input"
                    placeholder="Jane Doe"
                />
                <button
                    class="absolute inset-y-0 px-4 text-sm font-medium leading-5 text-white transition-colors duration-150 bg-purple-600 border border-transparent rounded-l-md active:bg-purple-600 hover:bg-purple-700 focus:outline-none focus:shadow-outline-purple dark:focus:shadow-outline-gray"
                >
                    Click
                </button>
            </div>
        </label>

        <label class="block mt-4 text-sm">
                <span class="text-gray-700 dark:text-gray-400">
                  Button right
                </span>
            <div
                class="relative text-gray-500 focus-within:text-purple-600"
            >
                <input
                    class="block w-full pr-20 mt-1 text-sm text-black dark:text-gray-300 dark:border-gray-600 dark:bg-gray-700 focus:border-purple-400 focus:outline-none focus:shadow-outline-purple dark:focus:shadow-outline-gray form-input"
                    placeholder="Jane Doe"
                />
                <button
                    class="absolute inset-y-0 right-0 px-4 text-sm font-medium leading-5 text-white transition-colors duration-150 bg-purple-600 border border-transparent rounded-r-md active:bg-purple-600 hover:bg-purple-700 focus:outline-none focus:shadow-outline-purple"
                >
                    Click
                </button>
            </div>
        </label>
    </div>-->
@endsection