@extends('layouts/app')
@section('tituloModulo', 'DATOS DEL PERFIL')
@section('contenido')
<form action="{{ route('usuarios.actualizar') }}" method="POST" enctype="multipart/form-data">
    @csrf
    <div class="row">
        <div class="col-md-4 col-12 text-center">
            <div class="card">
                <div class="card-body">
                    @if ($datos->photo)
                    <img src="{{ asset('/assets/img/perfiles/' . $datos->photo) }}" class="rounded-circle mt-3" alt="Logo" width="150" >
                    @else
                    <img src="{{ asset('/assets/img/usuario.png') }}" class="mt-3" alt="Logo" width="150" height="150" >
                    @endif
                    <p class="control-label">Fotografía del usuario <br> {{ "( 500 * 500 px )" }}</p>
                    <input class="form-control mt-2" name="fotografia" type="file">
                </div>
            </div>
        </div>
        <div class="col-md-8 col-12">
            <div class="card">
                <div class="card-body">
                    <label class="control-label mt-3">Correo electrónico</label>
                    <input class="form-control mt-2" type="text"  value="{{ $datos->email }}" disabled>
                    <label class="control-label is-required mt-3">Contraseña</label>
                    <input type="password" name="password" class="form-control mt-2 @error('password') is-invalid @enderror" id="yourPassword" value="{{ old('password') }}" autocomplete="new-password">
                    <label for="yourPasswords" class="form-label mt-3">Confirmar contraseña</label>
                    <input type="password" name="password_confirmation" class="form-control mt-2" id="yourPasswords">
                </div>
            </div>
        </div>
        <div class="col-md-12 col-12">
            <div class="card">
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-12 col-12">
                            <label class="control-label is-required mt-3">Nombre</label>
                            <input class="form-control mt-2" type="text" name="name"  value="{{ $datos->name }}">
                        </div>
                        <div class="col-md-12 col-12 mt-2">
                            <button type="submit" class="btn btn-success"><i class="bx bx-save"></i> Actualizar</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</form>
@endsection