@extends('layout/principal')
@section('titulo', 'Home')
@section('content')
@php
//dd($user, $roles);
@endphp
<div class="az-content-label mg-b-20">Editar Usuario</div>
@if (session('alerta'))
    <div class="alert alert-danger">
        {{ session('alerta') }}
    </div>
@endif
<div class="pd-30 bg-gray-200">
    <form action="{{ route('user.update', $user->id) }}" method="post" data-parsley-validate autocomplete="off" >
        @csrf
        {{-- <input type="hidden" name="id_persona" value="{{ $user->id}}"> --}}
        <div class="form-group">
            <div class="row row-xs align-items-center mg-b-20">
                <div class="col-md-6 mg-t-5 mg-md-t-0">
                    <label class="az-content-label tx-gray-600">Nombre</label>
                    <input type="text" name="name" class="form-control" value="{{ $user->name }}" required>
                </div>
                <div class="col-md-6 mg-t-5 mg-md-t-0">
                    <label class="az-content-label tx-gray-600">E-mail</label>
                    <input type="email" name="email" class="form-control" value="{{ $user->email }}" required>
                </div>
            </div>
            <div class="row row-xs align-items-center mg-b-20">
                <div class="col-md-6 mg-t-5 mg-md-t-0">
                    <label class="az-content-label tx-gray-600">Contraseña <span class="tx-primary">(modificación es
                        opcional)</span></label>
                    <input type="text" name="password" class="form-control">
                </div>
                <div class="col-md-6 mg-t-5 mg-md-t-0">
                    <label class="az-content-label tx-gray-600">Rol de Usuario</label>
                    <select class="form-control" name="rol" id="rol">
                        <option value="{{ $user->nombre_rol }}">{{$user->nombre_rol}}</option>
                        @foreach ($roles as $rol)
                            <option value="{{ $rol->name }}"> {{ $rol->name }} </option>
                        @endforeach
                    </select>
                </div>
            </div>
        </div><!-- form-group -->
        <button type="submit" class="btn btn-az-primary pd-x-30 mg-r-5">Guardar</button>
        <a href="{{ route('user.index') }}" class="btn btn-dark pd-x-30">Cancelar</a>
    </form>
</div>
@endsection