<?php $__env->startSection('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>Administrar Sedes</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-3">
			
            <div class="hpanel">
				
                <div class="panel-body">
					
					<div class="media social-profile clearfix">
						<a class="pull-left">
							<img class="avatar" src="<?php echo e($user->avatar); ?>" alt="<?php echo e($user->display); ?>">
						</a>
						<div class="media-body">
							<h5><?php echo e($user->display); ?></h5>
							<small class="text-muted">21.03.2015</small>
						</div>
					</div>
					
					<div class="social-content dd m-t-md">
						<form method="post">
							<input type="hidden" name="_token" value="<?php echo e(csrf_token()); ?>" />
							<ol id="lista-sedes" class="dd-list">
								<?php foreach($user->sedes as $sede): ?>
								<li class="dd-item">
									<div class="dd-handle">
										<input type="hidden" name="sedes[]" value="<?php echo e($sede->id); ?>" />
										<?php echo e($sede->nombre); ?>

										<div class="pull-right">
											<a class="btn-remove-sede" data-id="<?php echo e($sede->id); ?>"><i class="fa fa-times"></i></a>
										</div>
									</div>
								</li>
								<?php endforeach; ?>
							</ol>
							<div class="text-center">
								<button id="btn-submit" class="btn btn-primary btn-sm">Guardar</button>
							</div>
						</form>
					</div>
				</div>
				
			</div>
			
		</div>
		
		<div class="col-md-9">
			
			<div class="row">
				<div class="col-md-12">
					<div class="panel panel-info">
						<div class="panel-body">
							<p>Seleccione los <strong>Concesionarios</strong> que el usuario <i><?php echo e($user->display); ?></i> <strong>administra.</strong></p>
						</div>
					</div>
				</div>
			</div>
			
			<div class="row">
				
				<?php $ids_concesionarios = array_pluck($user->sedes->all(), 'id'); ?>
				
				<?php foreach($concesionarios as $concesionario): ?>
				<div id="sede-<?php echo e($concesionario->id); ?>" class="col-md-3" style="<?php echo in_array($concesionario->id, $ids_concesionarios) ? 'display:none;' : ''; ?>">
					<div class="hpanel">
						<div class="panel-body sedes">
							<div class="text-center">
								<div class="headline">
									<h5 class="m-b-xs"><?php echo e($concesionario->nombre); ?></h5>
									<p class="font-bold text-success"><?php echo e($concesionario->ciudad->nombre); ?></p>
								</div>
								<div class="m">
									<i class="fa fa-wrench fa-5x"></i>
								</div>
							</div>
						</div>
						<div class="panel-footer">
							<div class="text-center">
								<input type="checkbox" value="<?php echo e($concesionario->id); ?>" class="chk-sedes" 
									   data-id="<?php echo e($concesionario->id); ?>"
									   data-title="<?php echo e($concesionario->nombre); ?>" />
							</div>
						</div>
					</div>
				</div>
				<?php endforeach; ?>
			</div>
			
		</div>
		
	</div>
	
</div>

<?php $__env->stopSection(); ?>

<?php $__env->startSection('scripts'); ?>
<script>
	$(document).ready(function() {
		
		$('.chk-sedes').click(function(e) {
			
			e.preventDefault();
			e.stopPropagation();
			
			var sede = {
				id: $(this).data('id'),
				title: $(this).data('title')
			};
			
			// remove box
			$('#sede-'+sede.id).hide();
			
			// add table row'
			var tpl = _.template( $('#tpl-item').html() );
			var row = tpl({ item: sede });
			$('#lista-sedes').append(row);
			
			checkButtonState();
		});
		
		checkButtonState();
		
	});
	
	$( document ).on('click', '.btn-remove-sede', function() {
		var id = $(this).data('id');
		$(this).parents("li").remove();
		$('#sede-'+id).show();
		checkButtonState();
	});
	
	var checkButtonState = function() {
		var count = $('[name="sedes[]"]').length;
		$( '#btn-submit' ).prop('disabled', count === 0);
	};
	
</script>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('templates'); ?>
<script type="text/template" id="tpl-item">
	<li class="dd-item">
		<div class="dd-handle">
			<input type="hidden" name="sedes[]" value="<%= item.id %>" />
			<%= item.title %>
			<div class="pull-right">
				<a class="btn-remove-sede" data-id="<%= item.id %>"><i class="fa fa-times"></i></a>
			</div>
		</div>
	</li>
</script>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('layouts.admin', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>