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

@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">MercadoLibre</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">MercadoLibre</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">
										MercadoLibre
									</h3>
								</div>
								<div class="col text-right">
									@if(empresa()->dropMercadoLibre->ml_estado == "conectado")
										<!-- Button trigger modal -->
										<button type="button" class="btn btn-danger" data-toggle="modal" data-target="#deconectarMercadolibre">
											<i class="fa fa-times"></i>
											<i class="fa fa-plug"></i>
											Desconectar
										</button>

										<!-- Modal -->
										<div class="modal fade deleteModal" id="deconectarMercadolibre" 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 desconectar su cuenta de MercadoLibre?</h4>
										      			<p>Luego podra volver a conectarla</p>
										      			<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">
										      					<a href="{{url('drop/mercadolibre/desconectar')}}" class="btn btn-danger btn-block">
																	SI
																</a>
										      				</div>
										      			</div>
										    		</div>
										  		</div>
											</div>
										</div>
									@endif
								</div>	
							</div>
						</div>
						<div class="card-body">
							<div class="row">
								@if(empresa()->dropMercadoLibre->ml_estado != "conectado")
									<div class="col text-center">
										<img src="{{asset('img/mercadolibre.png')}}" alt="" width="400px" class="my-4">
										<br><br>
										<p>Conecta con MercadoLibre para poder realizar las publicaciónes de forma automatica</p>
										<br>
										<a href="{{url('drop/mercadolibre/conectar')}}" class="btn btn-info px-5">
											<i class="fa fa-plug"></i>
											Conectar
										</a>
									</div>
								@else
									<div class="col">
										<label for="">Datos del usuario en MercadoPago</label>
										<hr>
										<p>ID: <b>{{$usuario_ml['id']}}</b></p>
										<p>Nombre: <b>{{$usuario_ml['first_name']}}</b></p>
										<p>Apellido: <b>{{$usuario_ml['last_name']}}</b></p>
										<p>Email: <b>{{$usuario_ml['email']}}</b></p>
										<p>Teléfono: <b>{{$usuario_ml['phone']['number']}}</b></p>
										<p>Dirección: <b>{{$usuario_ml['address']['address']}}</b></p>
										<hr>
										<p>Nickname: <b><a href="{{$usuario_ml['permalink']}}" target="_blank">{{$usuario_ml['nickname']}}</a></b></p>
										<p>Tipo de usuario: <b>{{$usuario_ml['user_type']}}</b></p>
										<p>Fecha de registro: <b>{{\Carbon\Carbon::create($usuario_ml['registration_date'])->format('d/m/Y H:i')}}</b></p>
										<p>Pais: <b>{{$usuario_ml['country_id']}}</b></p>
										<p>Experiencia de vendedor: <b>{{$usuario_ml['seller_experience']}}</b></p>
										<p>Reputación de vendedor: <b>{{$usuario_ml['seller_reputation']['level_id']}}</b></p>
										<hr>
									</div>
								@endif
							</div>
						</div>
					</div>
				</section>
			</div>
		</div>
	</section>
</div>
@endsection

@section('scripts')

@endsection