@extends('layouts.root', ['menu_activo' => 'drop'])

@section('contenido')
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
	<!-- Content Header (Page header) -->
	<div class="content-header">
		<div class="container-fluid">
			<div class="row mb-2">
				<div class="col-sm-6">
					<h1 class="m-0 text-dark">Dropshipping</h1>
				</div><!-- /.col -->
				<div class="col-sm-6">
					<ol class="breadcrumb float-sm-right">
						<li class="breadcrumb-item"><a href="#">Home</a></li>
						<li class="breadcrumb-item active">Dropshipping</li>
					</ol>
				</div><!-- /.col -->
			</div><!-- /.row -->
		</div><!-- /.container-fluid -->
	</div>
	<!-- /.content-header -->

	<section class="content">
		<section class="content-fluid">
			<div class="row">
				<div class="col-lg-2 col-md-4 col-6">
					<div class="small-box bg-gradient-dark">
						<div class="inner">
							<h3>{{$publicaciones->count()}}</h3>

							<p>Total</p>
						</div>
						<div class="icon">
							
						</div>
						<a class="small-box-footer bg-gradient-info">
							&nbsp
						</a>
					</div>
				</div>

				<div class="col-lg-2 col-md-4 col-6">
					<div class="small-box bg-gradient-dark">
						<div class="inner">
							<h3>{{$publicaciones->where('estado', 'publicado')->count()}}</h3>

							<p>Activas</p>
						</div>
						<div class="icon">
							
						</div>
						<a class="small-box-footer bg-gradient-success">
							&nbsp
						</a>
					</div>
				</div>

				<div class="col-lg-2 col-md-4 col-6">
					<div class="small-box bg-gradient-dark">
						<div class="inner">
							<h3>{{$publicaciones->where('estado', 'pendiente')->count()}}</h3>

							<p>Pendientes</p>
						</div>
						<div class="icon">
							
						</div>
						<a class="small-box-footer bg-gradient-warning">
							&nbsp
						</a>
					</div>
				</div>

				<div class="col-lg-2 col-md-4 col-6">
					<div class="small-box bg-gradient-dark">
						<div class="inner">
							<h3>{{$publicaciones->where('estado', 'pausado')->count()}}</h3>

							<p>Pausadas</p>
						</div>
						<div class="icon">
							
						</div>
						<a class="small-box-footer bg-gradient-secondary">
							&nbsp
						</a>
					</div>
				</div>

				<div class="col-lg-2 col-md-4 col-6">
					<div class="small-box bg-gradient-dark">
						<div class="inner">
							<h3>{{$publicaciones->where('estado', 'eliminando')->count()}}</h3>

							<p>Eliminando</p>
						</div>
						<div class="icon">
							
						</div>
						<a class="small-box-footer ">
							&nbsp
						</a>
					</div>
				</div>

				<div class="col-lg-2 col-md-4 col-6">
					<div class="small-box bg-gradient-dark">
						<div class="inner">
							<h3>{{$publicaciones->where('estado', 'error')->count()}}</h3>

							<p>Errores</p>
						</div>
						<div class="icon">
							
						</div>
						<a class="small-box-footer bg-gradient-danger">
							&nbsp
						</a>
					</div>
				</div>
			</div>	
		</section>
	</section>

	<!-- Main content -->
	<section class="content">
		<div class="container-fluid">
			<div class="card">
				<div class="card-header">
					<h5 class="card-title">
						Dropshipping Dashboard
					</h5>
				</div>
				<div class="card-body">
					<div class="table table-responsive">
						<table class="table table-striped">
							<tr>
								<th class="text-center">Nombre</th>
								<th class="text-center">Total</th>
								<th class="text-center">Cargadas</th>
								<th class="text-center">Activas</th>
								<th class="text-center">Pendientes</th>
								<th class="text-center">Pausadas</th>
								<th class="text-center">Eliminando</th>
								<th class="text-center">Error</th>
								<th class="text-center">Estado</th>
								<th class="text-center">Prepagas</th>
								<th class="text-center">Cargar Saldo</th>
								<th class="text-center">Historial</th>
							</tr>
							@foreach($empresas as $empresa)
								<tr>
									<td>
										<b>{{$empresa->nombre}}</b>
									</td>
									<td>
										<div class="badge badge-primary w100">
											{{$empresa->dropConfiguracion->publicaciones_totales}}
										</div>
									</td>
									<td>
										<div class="badge badge-info w100">
											{{$empresa->dropPublicaciones->count()}}
										</div>
									</td>
									<td>
										<div class="badge badge-success w100">
											{{$empresa->dropPublicaciones->where('estado', 'publicado')->count()}}
										</div>
									</td>
									<td>
										<div class="badge badge-warning w100">
											{{$empresa->dropPublicaciones->where('estado', 'pendiente')->count()}}
										</div>
									</td>
									<td>
										<div class="badge badge-secondary w100">
											{{$empresa->dropPublicaciones->where('estado', 'pausado')->count()}}
										</div>
									</td>
									<td>
										<div class="badge badge-dark w100">
											{{$empresa->dropPublicaciones->where('estado', 'eliminando')->count()}}
										</div>
									</td>
									<td>
										<div class="badge badge-danger w100">
											{{$empresa->dropPublicaciones->where('estado', 'error')->count()}}
										</div>
									</td>
									<td>
										@switch($empresa->dropConfiguracion->estado_publicaciones)
											@case("activo")
												<div class="badge badge-success w100">
													Activo
												</div>
											@break
											@case("inactivo")
												<div class="badge badge-danger w100">
													Inactivo
												</div>
											@break
										@endswitch
									</td>
									<td>
										<div class="badge badge-light w100">
											{{$empresa->dropConfiguracion->publicaciones_prepagas}}
										</div>
									</td>
									<td class="text-center">
										<button type="button" class="btn btn-info" data-toggle="modal" data-target="#agregarSaldo_{{$empresa->id}}">
											<i class="fa fa-plus"></i>
										</button>

										<div class="modal fade deleteModal" id="agregarSaldo_{{$empresa->id}}" tabindex="-1" role="dialog" aria-labelledby="deleteModalLabel" aria-hidden="true" >
											<div class="modal-dialog modal-dialog-centered" role="document">
												<div class="modal-content">
													<div class="modal-header bg-gradient-info">
														<div class="col">
															<h5 class="modal-title">
																Agregar saldo
															</h5>
														</div>
														<div class="col text-right">
															<button type="button" class="close" data-dismiss="modal" aria-label="Close">
																<span aria-hidden="true">&times;</span>
															</button>
														</div>
													</div>
													<div class="modal-body text-left">
														<div class="row">
															<div class="col-12">
																<form action="{{url('root/drop/agregar/saldo')}}" class="form-horizontal" method="post">
																	@csrf
																	<input type="hidden" name="empresa" value="{{$empresa->id}}">
																	<div class="form-group">
																		<label for="">Saldo actual</label>
																		<input type="text" class="form-control" value="{{$empresa->dropConfiguracion->publicaciones_prepagas}}" disabled>
																	</div>
																	<div class="form-group">
																		<label for="">Saldo a cargar</label>
																		<input type="text" class="form-control" id="saldo_{{$empresa->id}}" name="saldo" placeholder="Saldo..." required>
																	</div>
																	<hr>
																	<div class="row">
																		<div class="col">
																			<button type="button" class="btn btn-secondary btn-block" data-dismiss="modal">
																				Atras
																			</button>
																		</div>
																		<div class="col text-right">
																			<button class="btn btn-info btn-block">
																				<i class="fa fa-save"></i>
																				Guardar
																			</button>	
																		</div>
																	</div>
																</form>
															</div>
														</div>
													</div>
												</div>
											</div>
										</div>
									</td>
									<td class="text-center">
										<a href="{{url('root/drop', $empresa->id)}}" class="btn btn-dark">
											<i class="fa fa-list"></i>
										</a>
									</td>
								</tr>
							@endforeach
						</table>
					</div>		
				</div>
			</div>
		</div>
	</section>
</div>
@endsection

@section('scripts')
	<script>
		$(document).ready(function()
		{
			@foreach($empresas as $empresa)
				$('#agregarSaldo_{{$empresa->id}}').on('shown.bs.modal', function () {
				  $('#saldo_{{$empresa->id}}').trigger('focus')
				});
			@endforeach
		});
	</script>
@endsection