@extends('templates.default')

@section('css')
<style type="text/css">
    .has-feedback .form-control-feedback{
        top: 23px!important;
    }
</style>
@endsection

@section('nav')
<li><a href="{{ URL::to('/') }}">Home</a></li>
<li><a href="{{ URL::to('usuario') }}">Usuarios</a></li>
<li>Perfil</li>
@endsection

@section('content')
@if($errors->count() > 0)
<div class="col-md-12">
    <div class="alert alert-danger">
        <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
        <ul class="list-unstyled">
        @foreach($errors->all('<li>:message</li>') as $message)
            {{ $message }}
        @endforeach
        </ul>
    </div>
</div>
@endif
<form class="form-horizontal" role="form" action="{{ URL::route('perfil') }}" method="POST">
    <div class="col-md-6 col-sm-12">
        {{ Form::token() }}
        {{ Form::hidden('id', $usuario->id) }}
        <div class="form-group">
          <div class="col-sm-8">
              <label for="nombre" class="">Nombres</label>
              <input type="text" class="form-control" name="nombre" placeholder="nombres" value="{{ $usuario->nombre }}" />
          </div>
        </div>
        <div class="form-group">
          <div class="col-sm-8">
              <label for="email" class="">Email</label>
              <input type="text" class="form-control" name="email" placeholder="email" value="{{ $usuario->email }}" />
          </div>
        </div>
        <div class="form-group">
          <div class="col-sm-8 has-feedback">
              <label for="password" class="">Password</label>
            <input type="password" class="form-control" name="password" placeholder="Password"  value="">
            <span class="glyphicon glyphicon-info-sign form-control-feedback" rel="tooltip" data-toggle="tooltip" data-placement="left" title="Si esta en blanco no se modifica."></span>
          </div>
        </div>
    </div>
    <div class="col-sm-12">
      <button type="submit" class="btn btn-success">
          <span class="glyphicon glyphicon-floppy-disk"></span>
          Guardar Cambios
      </button>
    </div>
    <div class="clearfix"></div>
</form>
@endsection

@section('js-footer')
@endsection