@extends('layouts.dashboard')

@section('dashboard')

	<style type="text/css">
		table td .select2-container {
			width: 100% !important;
		}
		.form-registro .select2-selection--single {
			padding-top: 2px;
		}
	</style>

    @if(session('message'))
        <div class="alert alert-success mb-3">
            {{ session('message') }}
        </div>
    @endif
	<ul class="breadcrumb m-0 p-0">
	    <li><a href="/dashboard">Home</a></li>
	    <li><strong>Vendedores MercadoLibre</strong></li>
	</ul>
	<h1 class="titulo-h1 mb-4">Vendedores MercadoLibre</h1>
	<form method="post" class="form-registro" action="{{ route('guardar-vendedores-mercadolibre') }}">
		{{ csrf_field() }}
	    <div class="card">
	    	<h4 class="p-3">Vendedores MercadoLibre</h3>
	        <div class="card-body">
	        	@if(count($cuentas) > 0)
	        		<table class="table table-hover">
	        			<thead>
	        				<tr>
		        				<th>Cuenta</th>
		        				<th>Vendedores Autorizados</th>
		        			</tr>
	        			</thead>
	        			<tbody>
	        				@foreach($cuentas as $c)
	        					@php
	        						$i = 1;
	        						$cuenta_id = $c->vendedor_id;
	        						$num = $cuenta_id;
	        						$borrar = false;
	        						$vendedores_cuenta = \FCRD::getVendedoresCuentaML($json, $cuenta_id);
	        					@endphp
		        				<tr>
		        					<td class="pl-2 w-25">{{ $c->vendedor_ml_nick }}</td>
		        					<td>
		        						<input type="hidden" name="cuenta[]" value="{{ $cuenta_id }}">
		        						<div id="cuenta-{{ $cuenta_id }}">
		        							@if(count($vendedores_cuenta) > 0)
			        							@foreach($vendedores_cuenta as $vc)
					        						@php
							        					if($i > 1) {
						        							$borrar = true;
							        					}
							        					$num = $i;
					        						@endphp

			        								@include('dashboard.parametros.input-vendedor-ml')
			        								@php $i++; @endphp
			        							@endforeach
		        							@else
		        								@include('dashboard.parametros.input-vendedor-ml')
		        							@endif
			        					</div>
		        					</td>
		        				</tr>
	        				@endforeach
	        			</tbody>
	        		</table>
	            @endif
	        </div>
	    </div>
        <div class="text-right mt-4">
            <button type="submit" class="btn btn-primary btn-sm">Guardar cambios</button>
        </div>
    </form>

@endsection