@extends('../layouts.app')
@section('title', 'Cupom Desconto')
@section('content')
<link href="https://cdn.jsdelivr.net/npm/select2@4.0.13/dist/css/select2.min.css" rel="stylesheet" />

<style type="text/css">
  .select2-container .select2-selection--single {
    height: unset !important;
  }

  .blog .carousel-indicators {
    left: 0;
    top: auto;
    bottom: -40px;
  }

  /* The colour of the indicators */
  .blog .carousel-indicators li {
    background: #a3a3a3;
    border-radius: 50%;
    width: 8px;
    height: 8px;
  }

  .blog .carousel-indicators .active {
    background: #707070;
  }
</style>

@include('../layouts.headers.cards_prod')
@include('../layouts.footers.auth')

@can('visualizar-contas-a-pagar')

<div class="container-fluid mt--7">
  <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">{{ __('Contas à pagar') }}</h3>
            </div>
            <div class="col-4 text-right">
              <a href="{{route('contas_pagar')}}" class="btn btn-sm btn-primary">{{ __('Voltar a Lista') }}</a>
            </div>
          </div>
        </div>
        <div class="card-body border border-warning rounded shadow">
          <form method="post" action="{{route('contas_pagar.salvar')}}" id="formulario_cadastrar">
            <!-- Passando o Token -->
            {{csrf_field()}}
            <h6 class="heading-small text-muted mb-4">Informações</h6>
            <div class="alert alert-danger font-weight-bold text-white"></div>
            <div class="form-row">
              <div class="col-md-12 col-lg-4 col-sm-12">
                <div class="form-group">
                  <label class="form-control-label" for="input-name">Tipo de Conta</label>
                  <select class="form-control form-control-sm" id="tag_pagar" name="tag_pagar">
                  @foreach($grupos as $grupo)
									<optgroup label="{{$grupo->nome}}">
									@foreach($subgrupos->where('id_grupo_fk', $grupo->id) as $subgrupo)
									<option value="{{$subgrupo->id}}">{{$subgrupo->nome}}</option>
									@endforeach
  									</optgroup>
									@endforeach
                  </select>
                </div>
              </div>
              <div class="col-lg-4 col-md-4 col-sm-12">
                <div class="form-group">
                  <label class="form-control-label" for="input-name">Situação</label>
                  <select class="form-control form-control-sm" name="situacao_pagar" readonly>
                    <option value="ABERTA">EM ABERTO</option>
                  </select>
                </div>
              </div>
              <div class="col-md-12 col-lg-4 col-sm-12">
                <div class="form-group">
                  <label class="form-control-label" for="input-name">Descrição</label>
                  <input type="text" class="form-control form-control-sm" id="descricao_pagar" name="descricao_pagar" placeholder="Descrição">
                  <small class="text-danger campo-obrigatorio font-weight-bold">* Preenchimento obrigatório</small>
                </div>
              </div>
            </div>

 <div class="form-row">
     
              <div class="col-lg-3 col-md-3 col-sm-12">
                <div class="form-group">
                  <label class="form-control-label" for="input-name">Forma de pagamento</label>
                  <select class="form-control form-control-sm" id="id_tipo_pagamento_fk" name="id_tipo_pagamento_fk" placeholder="Tipo de Conta">
                    <option value="1">Dinheiro</option>
                    <option value="2">Cheque á vista</option>
                    <option value="3">Cheque pré datado</option>
                    <option value="5">Cartão de crédito</option>
                    <option value="6">Cartão de débito</option>
                    <option value="11">Boleto</option>
                    <option value="15">Débito Automatico</option>
                  </select>
                </div>
              </div>
              <div class="col-lg-3 col-md-3 col-sm-12">
                <div class="form-group">
                  <label class="form-control-label" for="input-name">Forma de Parcelamento</label>
                  <select class="form-control form-control-sm" id="forma_parcelamento" name="forma_parcelamento" readonly>
                    @foreach($parcelamentos as $parcelas)
                    @if($parcelas->id == 1)
                    <option value="{{$parcelas->quantidade_parcelas}}">A vista</option>
                    @else
                    <option value="{{$parcelas->quantidade_parcelas}}">{{$parcelas->quantidade_parcelas}} X
                    </option>
                    @endif
                    @endforeach
                  </select>
                </div>
              </div>
              <div class="col-lg-3 col-md-3 col-sm-12">
                <div class="form-group">
                  <label class="form-control-label" for="input-name">Valor</label>
                  <input type="number" step=".01" class="form-control form-control-sm" id="valor_pagar" name="valor_pagar" min="0" placeholder="">
                  <small class="text-danger campo-obrigatorio font-weight-bold">* Preenchimento obrigatório</small>
                </div>
              </div>
              <div class="col-lg-3 col-md-3 col-sm-12">
                <div class="form-group">
                  <label class="form-control-label" for="input-name">NF-e</label>
                  <input type="text" class="form-control form-control-sm" name="nfe_pagar" >
                </div>
              </div>
            </div>

            <div class="form-row">
              <div class="col-md-12 col-lg-4 col-sm-12">
                <div class="form-group">
                  <label class="form-control-label" for="input-name">Emitido</label>
                  <input type="date" class="form-control form-control-sm" id="emitido_pagar" name="emitido_pagar" value="{{$date}}">
                </div>
              </div>
              <div class="col-md-12 col-lg-4 col-sm-12">
                <div class="form-group">
                  <label class="form-control-label" for="input-name">Vencimento</label>
                  <select class="form-control form-control-sm" id="vencimento_pagar" name="vencimento_pagar">
                    @foreach($intervalos as $intervalo)
                    <option value="{{$intervalo->dias_intervalo}}">{{$intervalo->dias_intervalo}} dias</option>
                    @endforeach
                  </select>
                  <small class="text-danger campo-obrigatorio font-weight-bold">* Preenchimento obrigatório</small>
                </div>
              </div>
              <div class="col-md-12 col-lg-4 col-sm-12">
                <div class="form-group">
                  <label class="form-control-label" for="input-name">Fornecedor</label>
                  <select data-toggle="select" class="w-100 id_cliente_fk form-control form-control-sm" id="input-name" name='id_cliente_fk' placeholder="Pesquise o nome de um cliente">
                    @foreach($clientes_reman as $cliente)
                    <option value="{{$cliente->id}}">{{$cliente->razao_cliente}}</option>
                    @endforeach
                  </select>
                  <small id="campo_cliente" class="text-danger campo-obrigatorio font-weight-bold">* Preenchimento obrigatório</small>
                </div>
              </div>
            </div>

            <div class="form-row">
              @can('adicionar-contas-a-pagar')
              <input type="submit" class="btn btn-success mt-4 mx-auto" name="btn_salvar_contas_pagar" id="btn_salvar_contas_pagar" value="Salvar">
              @endcan
            </div>
          </form>
        </div>
      </div>
    </div>
  </div>
</div>
</div>

<div class="modal fade" id="modal_cadastro_clientes" tabindex="-1" role="dialog" aria-labelledby="modal_cadastro_clientes" 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>

@else
<p class="text-center display-3 mt-3">- <u>Atenção, você não tem acesso a esse conteúdo</u> -</p><br>
@endcan

@endsection

@push('js')
<script src="https://cdn.jsdelivr.net/npm/select2@4.0.13/dist/js/select2.min.js"></script>

<script>
  $(document).ready(function() {
    $('#situacao_pagar').select2();
  });
</script>

<!--Arquivo de JS criado por nós para editar as partes lógicas do sistema  -->
<script type="text/javascript" src="{{ asset('js/clientes_cadastrar.js') }}"></script>
<script type="text/javascript" src="{{ asset('js/contas_pagar.js') }}"></script>

@endpush