@extends('layouts.layout')
@section('title', 'Pagina de Promociones')
@section('content')
	<div class="row justify-content-center">
		@if ($message = Session::get('success'))
			<div class=" col-6  mt-2 alert alert-success">
				<p>{{ $message }}</p>
			</div>
		@endif

	</div>
	<div class="row justify-content-between m-3">
		<div class="col-lg-3 offset-1">
			<h2 class="font-color-gergal">Promociones</h2>
		</div>
		<div class="col-lg-3 offset-3">
			<form action="{{ route('promociones.filter') }}" method="POST">
				@csrf
				<div class="input-group ">
					<input type="text" class="form-control"  name="nombre"
						placeholder="Filtrar por nombre" required>
					<div class="input-group-append">
						<button class="btn btn-gray " type="submit">Filtrar</button>
					</div>
				</div>
			</form>
		</div>
		@can('promotion-create')
			<div class="col-lg-2">
				<a href="{{ route('promociones.create') }}" type="button" class="btn btn-success-gergal">Crear Promocion</a>
			</div>
		@endcan
	</div>
	<div class="row justify-content-center">
		<div class="col-12 col-xl-10 table-responsive">
			@if ($promociones->isEmpty())
				<p class="lead">No se tiene usuarios registrados.</p>
			@else
				<table class="table table-bordered">
					<thead>
						<th scope="col">Nombre</th>
						<th scope="col">Enlace</th>
						<th scope="col">Desde</th>
						<th scope="col">Hasta</th>
						<th scope="col">Estado</th>
						<th scope="col">Acciones</th>
					</thead>
					<tbody>
						@foreach ($promociones as $promocion)
							<tr>
								<td>{{ $promocion->nombre }}</td>
								<td 
									onclick="copiarLink(this)" 
									data-value="{{env('FRONT_PAGE')}}?promo={{$promocion->codigo}}" 
									style="cursor: pointer" 
									title="Copiar Enlace para compartir">
									{{ $promocion->codigo }}
								</td>
								<td>{{ $promocion->desde->startOfDay()->format('d-m-Y') }}</td>
								<td>{{ $promocion->hasta->endOfDay()->format('d-m-Y') }}</td>
								<td>
									<label class="badge badge-{{ $promocion->is_active ? 'success' : 'warning' }}">{{ $promocion->is_active ? 'Activo' : 'Inactivo' }}</label>
								</td>
								<td>
									@can('promotion-edit')
										<a href="{{ route('promociones.edit', $promocion->id) }}" type="button" title="Editar"
											class="btn btn-outline-primary btn-sm"> <i class="fas fa-edit"></i></a>
									@endcan
									@can('promotion-list')
										<a href="{{ route('promociones.show', $promocion->id) }}" class="btn btn-outline-success btn-xs">
											<i class="fas fa-eye"></i>
										</a>
									@endcan
								</td>
							</tr>
						@endforeach
					</tbody>
				</table>
			@endif
            {{ method_exists($promociones, 'appends') ? $promociones->appends(\Request::except('page'))->render() : '' }}


		</div>

	</div>


@endsection
<script>
	const copiarLink = (element) => {
		if (location.protocol === 'https:') {
			console.log(element.getAttribute('data-value'));
			navigator.clipboard.writeText(element.getAttribute('data-value'));
			element.style.border="solid 1px green";
			setTimeout(() => {
				element.style.border="none";
			}, 2500);
			alert('Enlace para compartir copiado');
		} else {
			window.open(element.getAttribute('data-value'), '_blank');
		}
	}
</script>
<script src="{{ asset('js/delete.js') }}" defer></script>