@extends('layouts.app')

@section('content')
    <div class="container">
        <br />
        <h1 align="center">Editar Usuario</h1>
        <br />
        <form action="{{ route('usuarios.update', $user->id) }}" method="POST">
            @csrf
            @method('PUT')
            <div class="form-group">
                <label for="nombre">Nombre del usuario:</label>
                <input type="text" name="nombre" value="{{ $user->nombre }}" class="form-control" required>
            </div>
            <div class="form-group">
                <label for="apellido">Apellido del usuario:</label>
                <input type="text" name="apellido" value="{{ $user->apellido }}" class="form-control" required>
            </div>
            <div class="form-group">
                <label for="cedula">Cédula del usuario:</label>
                <input type="text" name="cedula" value="{{ $user->cedula }}" class="form-control" required>
            </div>
            <div class="form-group">
                <label for="celular">Celular del usuario:</label>
                <input type="text" name="celular" value="{{ $user->celular }}" class="form-control" required>
            </div>
            <div class="form-group">
                <label for="correo">Correo del usuario:</label>
                <input type="email" name="correo" value="{{ $user->correo }}" class="form-control" required>
            </div>
            <div class="form-group">
                <label for="ciudad">Ciudad del usuario:</label>
                <input type="text" name="ciudad" value="{{ $user->ciudad }}" class="form-control" required>
            </div>
            <div class="form-group">
                <label for="estado">Estado del usuario:</label>
                <select name="estado" class="form-control" required>
                    <option value="Activo" @if($user->estado == 'Activo') selected @endif>Activo</option>
                    <option value="Inactivo" @if($user->estado == 'Inactivo') selected @endif>Inactivo</option>
                </select>
            </div>
            <button type="submit" class="btn btn-primary">Guardar Cambios</button>
        </form>
    </div>
@endsection