@extends('layouts.baseprolist')

@section('content')


<div class="main-card mb-3 card">

	<div class="card-header">
		<h3 class="mr-3">Listar Emails Duplicados </h3>
	</div>

	<div class="card-body">
		@if( $mje )
		<div class="alert alert-success alert-dismissible" role="alert">
			<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
			{!! $mje !!}
		</div>
		@endif

		@if( $mjeError )
		<div class="alert alert-danger alert-dismissible" role="alert">
			<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
			{!! $mjeError !!}
		</div>
		@endif

		<div class="border mb-5 pl-3 pr-3 pb-3">
			<form method="POST" action="/eliminarDuplicados" accept-charset="UTF-8">
				{{ csrf_field() }}
				<div class="form-row mt-3">
					<div class="col-lg-12">
						<div class="form-group">
							<label>Ingrese Email </label>
							<input class="form-control" placeholder="Ingrese los emails duplicados a corregir, separados por coma" name="emails" type="text">
						</div>
					</div>


					<div class=' col-lg-12'>
						<div class='form-group'>
							<button type="submit" class="btn btn-primary btn-block btn-pill pull-right">Corregir</button>
						</div>
					</div>
				</div>

			</form>
		</div>
		<div style="padding: 10px;">
		<table class="table table-striped" id="tabla" style="width:100%">
			<thead>
				<tr>
					<th>EMAIL</th>
					<th>Cantidad</th>
				</tr>
			</thead>
			<tbody>
				@foreach($clientes as $cliente)
				<tr>
					<td>{{$cliente->email}}</td>
					<td>{{$cliente->cantidad}}</td>
				</tr>
				@endforeach
			</tbody>
		</table>
		</div>

	</div>
</div>


@endsection


@section('css')
<!-- DataTables CSS -->
<link media="all" type="text/css" rel="stylesheet" href="/vendor/datatables-plugins/dataTables.bootstrap.css">

<!-- DataTables Responsive CSS -->
<link media="all" type="text/css" rel="stylesheet" href="/vendor/datatables-responsive/dataTables.responsive.css">
@endsection

@section('scripts')
<!-- DataTables JavaScript -->
<script src="/vendor/datatables/js/jquery.dataTables.min.js"></script>
<script src="/vendor/datatables-plugins/dataTables.bootstrap.min.js"></script>
<script src="/vendor/datatables-responsive/dataTables.responsive.js"></script>

<script>
	$(document).ready(function() {

		$('#tabla').DataTable({
			paging: true,
			responsive: true,
			language: {
				"url": "/js/Spanish.json"
			},
			order: [
				[1, "desc"]
			],
			drawCallback: function(settings) {
				$('.dataTables_wrapper').removeClass('form-inline');
			}
		});

	});
</script>



@endsection