<?php
include("cabecalho.php");
include("conecta.php");
include("funcoes.php");
?>

<?php
    if(array_key_exists("removido", $_GET) && $_GET["removido"]=="true"){
?>
<div class="alert alert-info">
    <strong>Informação!</strong> Cliente removido.
</div>
<?php } ?>

<script>
  function exibir(listaCli) {
    $("#conteudo_1").text(listaCli.CodCliente);
    $("#conteudo_2").text(listaCli.nomeCliete);
    $("#myModal").modal('show');
  }
</script>

<div class="table-responsive-sm">
    <h1>Lista de Clientes</h1>
    <table class="table table-striped">
        <thead>
            <tr>
                <th>Cliente</th>
                <th>Cod Artia</th>
                <th>Data</th>
                <th>Alteração</th>
                <th>Excluir</th>
                <th>Mostrar</th>
            </tr>
        </thead>
        <?php
        $listaArr = listaClientes($conexao);
        foreach($listaArr as $listaCli){ ?>
        <tr>
            <td><?=$listaCli['nomeCliente']?></td>
            <td><?=$listaCli['CodCliente']?></td>
            <td><?=date('d/m/Y', strtotime($listaCli['data']));?></td>
            <td>
                <form action="alterar-cliente.php" method="POST">
                    <input type="hidden" name="id" value="<?=$listaCli['id'];?>">
                    <button class="btn btn"><i class='fas fa-pencil-alt'></i></button>
                </form>
            </td>
            <td>
                <form action="remover-cliente.php" method="POST">
                    <input type="hidden" name="id" value="<?=$listaCli['id'];?>">
                    <button class="btn btn-danger">X</button>
                </form>
            <td>
                <button class="btn btn-info" onclick="exibir('<?=json_encode($listaCli)?>')">Mostrar</button>
            </td>
        </tr>
        <?php } ?>
    </table>
</div>

<div class="container">
    <div class="modal fade" id="myModal" role="dialog">
        <div class="modal-dialog">
            <!-- Modal content-->
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title">SCRIPT ATENDIMENTO SQ</h4>
                </div>
                <div class="modal-body">
                    <div>
                        Código: <span id="conteudo_1"></span>
                        <br>
                        Nome: <span id="conteudo_2"></span>

                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    </div>
</div>