@extends('layouts.dashboard')

@section('dashboard')

    @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>Comisiones de Vendedores</strong></li>
	</ul>
	    <div class="row align-items-center mb-4">
    	<div class="col-md-auto">
    		<h1 class="titulo-h1 mb-0">Comisiones de Vendedores</h1>
    	</div>
		<div class="col-md-auto">
			<button type="button" class="btn btn-success btn-sm" onclick="addVendedorComision()">Añadir Vendedor</button>
		</div>
    </div>
	<form method="post" action="{{ route('guardar-comisiones-vendedores') }}" class="form-registro">
		{{ csrf_field() }}
	    <div class="card">
	    	<div class="row no-gutters p-3 align-items-center">
	    		<div class="col-md-auto">
	    			<h4 class="mb-0">Vendedores</h4>
	    		</div>
	    	</div>
	        <div class="card-body">
	       		<table class="table table-hover">
        			<thead>
        				<tr>
	        				<th>Vendedor</th>
	        				<th>Valor Comisión</th>
	        				<th></th>
	        			</tr>
        			</thead>
        			<tbody>
        				@php $num = 1; @endphp
        				@if(is_array($comisiones) && count($comisiones) > 0)
	        				@foreach($comisiones as $c)
		        				@include('dashboard.parametros.input-vendedor-comision')
		        				@php $num++; @endphp
	        				@endforeach
	        			@else
	        				@include('dashboard.parametros.input-vendedor-comision')
	        			@endif
        			</tbody>
        		</table>
	        </div>
	    </div>
        <div class="text-right mt-4">
            <button type="submit" class="btn btn-primary btn-sm">Guardar cambios</button>
        </div>
    </form>

@endsection