@extends('layouts.app')
<link rel="stylesheet" href="{{ asset('css/preloader.css')}}">

<div id="preloaders" class="preloader"></div>
@section('title', 'Cupom Desconto')
@section('content')
@include('layouts.headers.cards_prod')
<!-- A consulta desta tabela deve envolver INNER JOIN por causa dos nomes da família, nome do grupo e subgrupo, todos vindos das respectivas chaves estrangeiras -->

<div class="container-fluid mt--5">
	<div class="row">
		<div class="col-xl-12 order-xl-1">
			<div class="card bg-secondary shadow">
				<div class="card-header bg-white border-0">
					<div class="row align-items-center">
						<div class="col-8">
							<h3 class="mb-0">{{ __('Lista de cupons de desconto') }}</h3>
						</div>
						<div class="col-4 text-right">
							<a href="{{ route('cupons.adicionar') }}" class="btn btn-sm btn-primary">{{ __('Adicionar um Cupom') }}</a>
						</div>
					</div>
				</div>
				<div class="card-body">
					<div class="table-responsive">
						@if (Session::has('admin-mensagem-sucesso'))
						<div class="alert alert-success alert-dismissible fade show" role="alert">
							<span class="alert-icon"><i class="ni ni-notification-70"></i></span>
							<span class="alert-text"><strong>{{ Session::get('admin-mensagem-sucesso') }}</strong>
								<button type="button" class="close" data-dismiss="alert" aria-label="Close">
									<span aria-hidden="true">&times;</span>
								</button>
						</div>
						@endif
						<table class="table align-items-center table-dark">
							<thead class="thead-dark">
								<tr class="text-center">
									<th>ID</th>
									<th>Nome</th>
									<th>Localizador</th>
									<th>Valor</th>
									<th>Tipo</th>
									<th>Tempo</th>
									<th>Ação</th>
								</tr>
							</thead>
							<tbody class="list">
								@foreach ($cupons as $cupom)
								<tr class="text-center">
									<td>{{ $cupom->id }}</td>
									<td>{{ $cupom->nome_cupom_desconto }}</td>
									<td>{{ $cupom->localizador_cupom_desconto }}</td>
									<td>{{ $cupom->desconto_cupom_desconto }}</td>
									<td>{{ $cupom->modo_desconto_cupom_desconto }}</td>
									<td>{{ $cupom->dthr_validade_cupom_desconto}}</td>
									<td>
										<a class="btn btn-info" href="{{ route('cupons.editar', $cupom->id) }}">Editar</a>
										<a class="btn btn-danger" href="{{ route('cupons.deletar', $cupom->id) }}">Deletar</a>
									</td>
								</tr>
								@endforeach
							</tbody>
						</table>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
@include('layouts.footers.auth')

@endsection

@push('js')

<script>
	//código usando jQuery
	$(document).ready(function() {
		$('.preloader').hide();
	});
</script>

@endpush