@extends('layouts.dashboard', ['menu_superior' => 'drop_ajustes' ,'menu_activo' => 'drop_ajustes_configuracion'])

@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">Configuración</h1>
				</div><!-- /.col -->
				<div class="col-sm-6">
					<ol class="breadcrumb float-sm-right">
						<li class="breadcrumb-item"><a href="{{url('admin')}}">Inicio</a></li>
						<li class="breadcrumb-item">Drop</li>
						<li class="breadcrumb-item active">Configuración</li>
					</ol>
				</div><!-- /.col -->
			</div><!-- /.row -->
		</div><!-- /.container-fluid -->
	</div>
	<!-- /.content-header -->

	<!-- Main content -->
	<section class="content">
		<div class="container-fluid">
			<!-- Main row -->
			<div class="row">
				<section class="col-lg-12">
					
					<div class="card">
						<div class="card-header">
							<div class="row">
								<div class="col">
									<h3 class="card-title">
										Configuración de Dropshipping
									</h3>
								</div>
								<div class="col text-right">
									
								</div>	
							</div>
						</div>
						<div class="card-body">
							<div class="row">
								<div class="col-12">
									<div class="form-group">
										<div class="row">
											<div class="col-12 col-md-4">
												<label for="">Publicaciones prepagas</label>
											</div>
											<div class="col-12 col-md-3">
												<input type="text" class="form-control" value="{{$configuracion->publicaciones_prepagas}}" disabled>
											</div>
											<div class="col-12 col-md-5">
												@include('Plugins.Drop.configuracion.partes.boton_cargar')
											</div>
										</div>
									</div>
									<form action="{{url('drop/configuracion')}}" method="post" class="form-horizontal" enctype="multipart/form-data">
										@csrf
										<div class="form-group">
											<div class="row">
												<div class="col-12 col-md-4">
													<label for="">
														Días de espera
													</label>
												</div>
												<div class="col-12 col-md-8">
													<input type="number" class="form-control" value="{{$configuracion->dias_espera}}" name="dias_espera" max="45">
												</div>
											</div>
										</div>		
										<div class="form-group">
											<div class="row">
												<div class="col-12 col-md-4">
													<label for="">
														Días de garantia
													</label>
												</div>
												<div class="col-12 col-md-8">
													<input type="number" class="form-control" value="{{$configuracion->dias_garantia}}" name="dias_garantia">
												</div>
											</div>
										</div>
										<div class="form-group">
											<div class="row">
												<div class="col-12 col-md-4">
													<label for="">
														Envio gratis
													</label>
												</div>
												<div class="col-12 col-md-8">
													@include('ayuda.switch', ['nombre' => 'envio_gratis', 'estado' => $configuracion->envio_gratis])
												</div>
											</div>
										</div>
										<div class="form-group">
											<div class="row">
												<div class="col-12 col-md-4">
													<label for="">
														Retiro en local
													</label>
												</div>
												<div class="col-12 col-md-8">
													@include('ayuda.switch', ['nombre' => 'retiro_local', 'estado' => $configuracion->retiro_local])
												</div>
											</div>
										</div>
										<div class="form-group">
											<div class="row">
												<div class="col-12 col-md-4">
													<label for="">
														Descripción predefinida
													</label>
												</div>
												<div class="col-12 col-md-8">
													<textarea name="descripcion" id="" cols="30" rows="5" class="form-control" placeholder="Descripción...">{{$configuracion->descripcion}}</textarea>
												</div>
											</div>
										</div>
										<div class="form-group">
											<div class="row">
												<div class="col-12 col-md-4">
													<label for="">
														Porcentaje predefinido
													</label>
												</div>
												<div class="col-12 col-md-8">
													<div class="input-group">
														<div class="input-group-prepend">
															<span class="input-group-text" id="basic-addon1">%</span>
														</div>
														<input type="number" class="form-control" value="{{$configuracion->porcentaje_hasta_200}}" name="porcentaje_hasta_200">
													</div>
												</div>
											</div>
										</div>
										<div class="form-group">
											<div class="row">
												<div class="col-12 col-md-4">
													<label for="">Imagen 1</label>
												</div>
												<div class="col-12 col-md-8">
													<input type="file" class="form-control" name="imagen1">
												</div>
											</div>
										</div>
										<div class="form-group">
											<div class="row">
												<div class="col-12 col-md-4">
													<label for="">Imagen 2</label>
												</div>
												<div class="col-12 col-md-8">
													<input type="file" class="form-control" name="imagen2">
												</div>
											</div>
										</div>
										<div class="form-group">
											<div class="row">
												<div class="col-12 col-md-4">
													<label for="">Imagen 3</label>
												</div>
												<div class="col-12 col-md-8">
													<input type="file" class="form-control" name="imagen3">
												</div>
											</div>
										</div>
										<div class="form-group">
											<div class="row">
												<div class="col-12 col-md-4">
													<label for="">Imagen 4</label>
												</div>
												<div class="col-12 col-md-8">
													<input type="file" class="form-control" name="imagen4">
												</div>
											</div>
										</div>
										<hr>
										<div class="form-group text-right">
											<button class="btn btn-info">
												<i class="fa fa-save"></i>
												Guardar
											</button>
										</div>
									</form>
								</div>
								<div class="col-12">
									<hr>
									<div class="row">
										@for($i = 1; $i <= 4; $i++)
											@if($configuracion['imagen'.$i] != null)
												<div class="col-3">
													<label for="">Imagen {{$i}}</label>
													<img src="{{asset($configuracion['imagen'.$i])}}" alt="" width="100%">

													<button type="button" class="btn btn-danger btn-block my-2" data-toggle="modal" data-target="#deleteModal_imagen_{{$i}}">
														<i class="fa fa-trash"></i>
														Eliminar
													</button>

													<!-- Modal -->
													<div class="modal fade deleteModal" id="deleteModal_imagen_{{$i}}" 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-danger">
																	<button type="button" class="close" data-dismiss="modal" aria-label="Close">
																		<span aria-hidden="true">&times;</span>
																	</button>
													    		</div>
													    		<div class="modal-body text-center">
													    			<p><i class="fa fa-exclamation-triangle fa-4x"></i></p>
													      			<h4>¿Desea eliminar la imagen {{$i}}?</h4>
													      			<br>
													            <hr>
													      			<div class="row">
													      				<div class="col">
												    						<button type="button" class="btn btn-secondary btn-block" data-dismiss="modal">
												    							NO
												    						</button>
													      				</div>
													      				<div class="col">
													      					<form action="{{ url('drop/configuracion', 'imagen'.$i) }}" method="POST">
															                    @csrf
															                    <input type='hidden' name='_method' value='DELETE'>
															                    <button class="btn btn-danger btn-block">
															                        SI
															                    </button>
															                </form>
													      				</div>
													      			</div>
													    		</div>
													  		</div>
														</div>
													</div>
												</div>	
											@endif
										@endfor
									</div>
								</div>
							</div>
						</div>
					</div>
				</section>
			</div>
		</div>
	</section>
</div>
@endsection

@section('scripts')
<script>
	$(document).ready(function()
	{
		$('#costo').val($('#cantidad').val()*{{env('ML_PRECIO_PUBLICACION_MENOR_1000')}});
		$('#cantidad').change(function()
		{
			var cantidad = $('#cantidad').val();
			$('#costo').val(Math.round(cantidad*{{env('ML_PRECIO_PUBLICACION_MENOR_1000')}}, 2));
		});
	});
</script>
@endsection