Olá, boa tarde.
Estou criando um sistema de cadastro e consulta, na parte de consulta, dentro de uma tabela ele lista a quantidade de proposta de acordo com a situação.
Só que quero que ao clicar em cima desta linha, ele abre em um modal todas essas as propostas e não somente a quantidade. Ex: ao clicar na linha da Situação "Ativo", em um modal mostra todas as 3 situação da propostas "Ativo".
O problema que estou tendo é em realizar essa consulta no banco e retornar no modal esses valores, se alguém puder me ajudar eu agradeço muito. Obs: Na segunda imagem, empresa 1,2 e 3 são exemplos que eu coloquei manualmente no Modal, essas informações tinham que ser retornadas do banco de dados.
<?php
require_once("conexao/conexao.php");
$sql = new mysqli('');
$query = $sql->query("SELECT Situacao, COUNT(*) QNT FROM propostas_detalhe GROUP BY Situacao");
?>
<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel" style="text-align:center">Tabelas</h4>
</div>
<div class="modal-body">
<table class="w3-table-all w3-hoverable">
<tr>
<td><b>Nome<b/></td>
<td><b>CNPJ<b/></td>
<td><b>Situacao da Propostas<b/></td>
</tr>
<!-- AS CONSULTAS -->
</table>
</div>
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<html lang="pt-br">
<head>
<meta charset="UTF-8"/>
<title>Aprendendo</title>
<link rel="stylesheet" type="text/css" href="css/estilo.css"/>
<link rel="stylesheet" type="text/css" href="css/forma.css"/>
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
</head>
<body>
<div id="interface">
<header id="cabecalho">
<h1>Consultar Situacoes das Propostas</h1>
<div class="wrapper">
<nav>
<ul type="disc">
<li><a href="index.html">Cadastrar</a></li>
<li><a href="consultar.php">Consultar</a></li>
<li><a href="alterar.php">Alterar</a></li>
</ul>
</nav>
</header>
</br>
<center><table class="w3-table-all w3-hoverable"></center>
<tr>
<td><b>Situacao<b/></td>
<td><b>Quantidade<b/></td>
</tr>
<?php while($reg = $query->fetch_array()){ ?>
<tr data-toggle="modal" data-target="#myModal" style="cursor: pointer">
<td><?php echo $reg["Situacao"]; ?></td>
<td><?php echo $reg["QNT"]; ?></td>
</tr>
<?php } ?>
</table><br>
</div>
</body>
</html>