@extends('layouts.admin')

@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="/admin/dashboard">
							<i class="fa fa-dashboard"></i>
							Dashboard
						</a>
					</li>
					<li>
						<a href="/admin/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('admin.usuarios.form', ['action' => 'create'])
		</div>
	</div>
	
</div>

@endsection

@section('scripts')

<script>
	$( document ).ready(function() {
		
		$('#rol').change(function() {
			var rol = $(this).val();
			if( rol === 'dealer' ) {
				$('#btn-submit').addClass('hide');
				$('#btn-step-sedes').removeClass('hide');
			}
			else {
				$('#btn-submit').removeClass('hide');
				$('#btn-step-sedes').addClass('hide');
			}
		});
		
	});
</script>

@endsection