<?php
use Illuminate\Support\Facades\Storage;
?>
@extends('layout.admin', ['title' => 'Админка - Добавление резюме соискателя'])

@section('content')
    <form method="POST" action="{{ route('admin.worker-profile-store', ['user' => $user->id]) }}">
        @csrf
        <div class="px-4 py-3 mb-8 bg-white rounded-lg shadow-md dark:bg-gray-800">
            <div class="tabs">
                <input type="hidden" id="user_id" name="user_id" value="{{ $user->id }}"/>
                <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>
                        <select name="position_work" id="position_work" 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">
                            @foreach($job_titles as $job)
                                <option value="{{ $job->id }}"
                                >{{ $job->name }} ({{ $job->id }})</option>
                            @endforeach
                        </select>
                        @error('position_work')
                        <span class="text-xs text-red-600 dark:text-red-400">
                            {{ $message }}
                        </span>
                        @enderror
                    </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="favorite_user" value="0" />
                        <input name="favorite_user"
                        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="sroch_user" value="0" />
                        <input name="sroch_user" id="sroch_user"
                        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">Анкета действительна до <span style="color:#333">{{ $time_end_anketa }}</span></p>

                    </label><br>
                </div>
                <div id="content-2">
                    <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') ?? '' }}"
                        />
                        @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') ?? '' }}"
                        />
                        @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') ?? '' }}"
                        />
                        @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="city" id="city"
                               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('city') ?? '' }}"
                        />
                        @error('city')
                        <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 type="hidden" name="email_data" value="0" />
                        <input name="email_data" id="email_data" checked
                               placeholder=""
                               type="checkbox"
                               value="1"
                        />
                    </label>

                    <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') ?? '' }}</textarea>
                    </label>
                </div>
                <div id="content-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.basedata') }}"
                       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>
        </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