@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">
        <div class="px-4 py-3 mb-8 bg-white rounded-lg shadow-md dark:bg-gray-800">
            @csrf
        <div class="tabs">
            <input type="radio" name="tab-btn" id="tab-btn-1" value="" checked>
            <label for="tab-btn-1">Персональная информация</label>
            <input type="radio" name="tab-btn" id="tab-btn-2" value="">
            <label for="tab-btn-2">Настройки</label>
            <!--<input type="radio" name="tab-btn" id="tab-btn-3" value="">
            <label for="tab-btn-3">Вкладка 3</label>-->
            <div id="content-1">

                    <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" disabled
                       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">
                            <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>

                    <hr>

                <label class="block mt-4 text-sm">
                    <span class="text-gray-700 dark:text-gray-400">Категории</span>

                    <select name="category" id="category" class="form-control">
                    @foreach($select_category as $cat)
                        <option value="{{ $cat->name }}"
                                @isset($employer)
                                @if($cat->name == $employer->category)
                                selected
                            @endif
                            @endisset
                        >{{ $cat->name }}</option>
                    @endforeach
                    </select>

                    @error('category')
                    <div class="alert alert-danger">{{ $message }}</div>
                    @enderror
                </label>

                    <label class="block mt-4 text-sm">
                        <span class="text-gray-700 dark:text-gray-400">Комментарий админа</span>
                        <textarea name="comment_admin" id="comment_admin"
                                  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('comment_admin') ?? $employer->comment_admin ?? '' }}</textarea>
                    </label>

            </div>
            <div id="content-2">
                <label class="block text-sm">
                    <h4 class="mb-4 text-lg font-semibold text-gray-600 dark:text-gray-300">
                        Права работодателя:
                    </h4>
                    <p class="text-gray-700 dark:text-gray-400" 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 class="text-gray-700 dark:text-gray-400" 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 class="text-gray-700 dark:text-gray-400" 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">
                    <p class="text-gray-700 dark:text-gray-400" style="float:left; margin-right: 10px">Работодатель скрыт </p>
                    <input type="hidden" name="status_hidden" value="0" />
                    <input name="status_hidden" <? if ($employer->status_hidden) 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"
                    />
                </label><br>

                <label class="block text-sm">
                    <p class="text-gray-700 dark:text-gray-400" style="float:left; margin-right: 10px">Компания подтверждена </p>
                    <input type="hidden" name="oficial_status" value="0" />
                    <input name="oficial_status" <? if ($employer->oficial_status) 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"
                    />
                </label><br>

                <label class="block text-sm">
                    <p class="text-gray-700 dark:text-gray-400" style="float:left; margin-right: 10px">Разрешение публикации в соц.сетях </p>
                    <input type="hidden" name="social_is" value="0" />
                    <input name="social_is" <? if ($employer->social_is) 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"
                    />
                </label><br>

                <label class="block text-sm">
                    <p class="text-gray-700 dark:text-gray-400" style="float:left; margin-right: 10px">Рассылка </p>
                    <input type="hidden" name="sending_is" value="0" />
                    <input name="sending_is" <? if ($employer->sending_is) 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"
                    />
                </label><br>

            </div>
            <div id="content-3">
                Содержимое 3...
            </div>
        </div>
        <br>
        <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>
                <a href="{{ route('admin.employers') }}"
                   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"
                   style="display: -webkit-inline-box; height: 30px!important;"
                >Назад</a>

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