@extends('layouts.app')

@section('content')
    <div class="container">
        <div class="card">
            <form action="{{ route('usuarios.update', $usuario->id) }}" method="POST">
                <div class="card-header bg-white">
                    <h4 class="card-title pt-2">Editar usuario</h4>
                </div>
                <div class="card-body">
                    @csrf
                    @method('PUT')
                    <div class="mb-3">
                        <label for="nombre" class="form-label">Nombre</label>
                        <input type="text" class="form-control bg-white" id="nombre" name="nombre" value="{{ $usuario->name }}" required>
                    </div>
                    <div class="mb-3">
                        <label for="dni" class="form-label">DNI</label>
                        <input type="number" class="form-control bg-white" id="dni" name="dni" value="{{ $usuario->dni }}" required>
                    </div>
                    <div class="mb-3">
                        <label for="especialidad_id" class="form-label">Especialidad</label>
                        <select class="form-control bg-white" id="especialidad_id" name="especialidad_id">
                            @foreach($especialidades as $esp)
                            <option value="{{ $esp->id }}" {{ ($esp->id == $usuario->especialidad_id)?'selected':''; }}>{{ $esp->nombre }}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
                <div class="card-footer">
                    <a href="{{ route('usuarios.index') }}" class="btn btn-secondary">Cancelar</a>
                    <button type="submit" class="btn btn-primary" style="float:right;">Actualizar</button>
                </div>
            </form>
        </div>
    </div>
@endsection