@extends('layouts.app')

@section('content')
    <div class="container" style="margin-bottom: 75px;">

        <a href="{{ route('panel.index') }}">
            <button class="btn-back">
                <svg fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
                    <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5L3 12m0 0l7.5-7.5M3 12h18"></path>
                  </svg>
                Volver atrás
            </button>
        </a>

        <div class="titles-section">
            <h1>Editar Perfil</h1>
        </div>

        @php
            $user = auth()->user();
        @endphp

        <form action="{{ route('users.update', $user->id) }}" method="POST" id="form">
            @csrf
            @method('PUT')

            <div class="input">
                <label for="name">Nombre completo</label>
                <input type="text" name="name" class="@error('name') is-invalid @enderror" value="{{ old('name', $user->name) }}" placeholder="Nombre completo" />
                
                @error('name')
                    <span class="invalid-feedback" role="alert">
                        {{ $message }}
                    </span>
                @enderror
            </div>

            <div class="or" style="margin-top: 35px; font-size: 13px; ">
                <div class="line"></div>
                Cambiar contraseña
                <div class="line"></div>
            </div>

            <div class="input">
                <label for="password">Contraseña</label>
                <input type="password" name="password" id="password" placeholder="Contraseña nueva"/>
                
                @error('password')
                    <span class="invalid-feedback" role="alert">
                        {{ $message }}
                    </span>
                @enderror
            </div>

            <div class="input">
                <label for="password_confirmation">Repetir contraseña</label>
                <input type="password" name="password_confirmation" id="password_confirmation" placeholder="Repetir contraseña nueva"/>
            </div>

            <button class="btn-submit">Actualizar <i class="fa-solid fa-pen"></i></button>
        </form>
    </div>
@endsection