@extends('layouts.app')
@section('title', 'Adicionar Cupom')
@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">{{ __('Adicionar cupom') }}</h3>
						</div>
						<div class="col-4 text-right">
							<a href="{{ route('cupons') }}" class="btn btn-sm btn-primary">{{ __('Lista de Cupons') }}</a>
						</div>
					</div>
				</div>
				<div class="card-body">
					<form method="POST" enctype="multipart/form-data" action="{{ route('cupons.salvar') }}" id="formulario_cadastrar">
						{{ csrf_field() }}
						@include('cupom_desconto._form')
						<div class="row text-center">
						<button type="submit" class="btn btn-success">Salvar</button>
						</div>
					</form>
				</div>
			</div>
		</div>
	</div>
</div>

<div class="modal fade" id="modal_cadastro_cupom" tabindex="-1" role="dialog" aria-labelledby="modal_cadastro_cupom" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h2 class="mx-auto text-info text-uppercase">Cadastro incompleto</h2>
      </div>
      <div class="modal-body">
        <div class="texto-alerta">
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default text-white font-weight-bold" data-dismiss="modal">Fechar</button>
      </div>
    </div>
  </div>
</div>
@include('layouts.footers.auth')

@endsection

@push('js')
<!--Arquivo de JS criado por nós para editar as partes lógicas do sistema  -->
<script type="text/javascript" src="{{ asset('js/cupom_cadastrar.js') }}"></script>
<script type="text/javascript" src="/argon/vendor/bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js"></script>
@endpush