@extends('layouts.app')

@section('title', 'Actualizar Datos')

@section('content')
    <div class="flex md:h-custom bg-custom-back-update-data md:bg-cover justify-end px-4 md:px-20">
        <div
            class="w-full sm:w-auto md:px-10 my-auto text-center px-2 sm:px-6 bg-cream-custom rounded-3xl overflow-y-scroll md:overflow-hidden">
            <img src="{{ asset(config('constants.logo_image_path')) }}" width="200" class="mx-auto my-2 hidden md:block"
                alt="LOGO">
            @include('partials.alerts')
            <form action="{{ route('user.update-data-save') }}" method="post"
                class="font-dunkin-sans-book sm:grid grid-cols-2 gap-2 space-y-2 justify-end md:pb-6"
                enctype="multipart/form-data">
                @csrf
                <div class="flex flex-col text-center text-coffee-custom">
                    <label class="" for="username">Nombres:</label>
                    <input type="text" name="name" class="input-white-custom" value="{{ $user['name'] }}">
                </div>
                <div class="flex flex-col text-center text-coffee-custom">
                    <label class="" for="password_confirmation">Apellidos:</label>
                    <input type="text" name="surname" class="input-white-custom" value="{{ $user['surname'] }}">
                </div>
                <div class="flex flex-col text-center text-coffee-custom">
                    <label class="" for="password_confirmation">Documento:</label>
                    <input type="text" name="identification" class="input-white-custom"
                        value="{{ $user['identification'] }}">
                </div>
                <div class="flex flex-col text-center text-coffee-custom">
                    <label class="" for="password_confirmation">Genero:</label>
                    <select type="text" name="gender" class="input-white-custom">
                        <option value="" selected disabled>--</option>
                        @foreach ($genders as $item)
                            <option value="{{ $item['id'] }}" {{ $item['id'] == $user['gender'] ? 'selected' : '' }}>
                                {{ $item['id'] }}
                            </option>
                        @endforeach
                    </select>
                </div>
                <div class="flex flex-col text-center col-span-2 text-coffee-custom">
                    <label class="" for="password_confirmation">Correo:</label>
                    <input type="email" name="email" class="input-white-custom" value="{{ $user['email'] }}">
                </div>
                <div class="flex flex-col text-center text-coffee-custom">
                    <label for="password_confirmation">Celular:</label>
                    <input type="number" name="cellphone" class="input-white-custom" value="{{ $user['cellphone'] }}">
                </div>
                <div class="flex flex-col text-center text-coffee-custom">
                    <label for="password_confirmation">Fecha Nacimiento:</label>
                    <input type="date" name="birthday" class="input-white-custom" value="{{ $user['birthday'] }}">
                </div>
                <div class="flex flex-col col-span-2 text-center text-coffee-custom">
                    <label for="file">Avatar</label>
                    <input type="file" name="image" class="">
                </div>
                <div class="col-span-2 flex items-center justify-center text-coffee-custom">
                    <input class="w-6 h-6 mr-2" type="radio" name="terms" id="terms-check" value="1" required
                        {{ $user->updated_data ? 'checked' : '' }}>
                    {{-- <label for="">Autorizo el tratamiento de mis datos.</label> --}}
                    <label class="w-96" for="terms-check">
                        Autorizo el tratamiento de mis datos de acuerdo con la finalidad
                        establecida en la
                        <a href="https://www.laroscadd.com.co/storage/upload_files/bfdjUuk8Z6n3hVErkZwiDmrx1BR92UF0bx4NYKhH.pdf"
                            target="_blank" class="font-bold">
                            política de protección de datos personales
                        </a>
                    </label>
                </div>
                <div class="flex col-span-2 justify-center">
                    <button class="btn-orange-custom text-2xl md:fixed" type="submit">Actualizar</button>
                </div>
            </form>
        </div>
    </div>
@endsection