@extends('layouts.dealer')

@section('content')

<div class="normalheader transition animated fadeIn">
	
    <div class="hpanel">
		
        <div class="panel-body">
			
            <a class="small-header-action" href="">
                <div class="clip-header">
                    <i class="fa fa-arrow-up"></i>
                </div>
            </a>

            <div id="hbreadcrumb" class="pull-right m-t-lg">
                <ol class="hbreadcrumb breadcrumb">
                    <li>
						<a href="/dealer/dashboard">
							<i class="fa fa-dashboard"></i>
							Dashboard
						</a>
					</li>
					<li>
						<a href="/dealer/usuarios">
							<i class="fa fa-users"></i>
							Usuarios
						</a>
					</li>
                    <li class="active">
                        <span>Nuevo Usuario</span>
                    </li>
                </ol>
            </div>
			
            <h2 class="font-light m-b-xs">
				<i class="fa fa-users"></i>
                Usuarios
            </h2>
			
            <small>Informaci&oacute;n de usuarios del sistema.</small>
			
        </div>
		
    </div>
	
</div>

<div class="content">
	<div class="row">
        <div class="col-md-12">
			@include('dealer.usuarios.form', ['action' => 'edit'])
		</div>
	</div>
</div>

@endsection

@section('scripts')
<script>
	$(document).ready(function() {
		
		updateFormButtons();
		
		$('form')
            .bootstrapValidator('removeField', 'email');
	});
	
	var updateFormButtons = function() {
		var rol = $('#rol').val();
		if( rol === 'delegado' ) {
			$('#btn-submit').addClass('hide');
			$('#btn-step-sedes').removeClass('hide');
		}
		else {
			$('#btn-submit').removeClass('hide');
			$('#btn-step-sedes').addClass('hide');
		}
	};
</script>
@endsection