{{-- cancelarSinistroModal --}}
<div class="modal fade" id="cancelarSinistroModal" tabindex="-1" role="dialog" aria-labelledby="cancelarSinistroModalLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="cancelarSinistroModalLabel">Cancelar Sinistro</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <form id="formCancelarSinistro" action="{{ route('cancelarSinistro') }}" method="GET" enctype="multipart/form-data">
        @csrf
        <input type="hidden" name="fatura_id_cancelar_sinistro" id="fatura_id_cancelar_sinistro">
        <input type="hidden" name="cliente_id_cancelar_sinistro" id="cliente_id_cancelar_sinistro">
        <div class="modal-body">
          <div class="form-group">
            <label for="valor_cancelar_sinistro">Valor</label>
            <input type="number" class="form-control" id="valor_cancelar_sinistro" name="valor_cancelar_sinistro" step="0.01" min="0" required>
          </div>
          <div class="form-group">
            <label for="data_vencimento_cancelar_sinistro">Data do Vencimento</label>
            <input type="date" class="form-control" id="data_vencimento_cancelar_sinistro" name="data_vencimento_cancelar_sinistro" required>
          </div>
          <div class="form-group">
            <label for="observacao_cancelar_sinistro">Observações</label>
            <textarea class="form-control" id="observacao_cancelar_sinistro" name="observacao_cancelar_sinistro" rows="3"></textarea>
          </div>

          <div class="form-group">
           <button type="submit" class="btn btn-primary">Salvar Previsão</button>
          </div>
        </div>
      </form>
        <div class="modal-footer">
          <button type="button" class="btn btn-secondary" data-dismiss="modal">Fechar</button>
        </div>
    </div>

  </div>
</div>

{{-- Script para preencher os campos do modal --}}

<script>
        $('.btnCancelarSinistro').click(function(e){
          e.preventDefault();
          var faturaId = $(this).data('id');
          var clienteId = $(this).data('clienteid');
          var valorSinistro = $(this).data('valor');
          var vencimento = $(this).data('vencimento');

          $('#fatura_id_cancelar_sinistro').val(faturaId);
          $('#cliente_id_cancelar_sinistro').val(clienteId);
          $('#valor_cancelar_sinistro').val(valorSinistro);
          $('#data_vencimento_cancelar_sinistro').val(vencimento);

        });
</script>