<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <link
    rel="stylesheet"
    href="../plugins/fontawesome-free/css/all.min.css?versao=3.2510.21.1" />

  <link rel="stylesheet" href="../dist/css/adminlte.min.css?versao=3.2510.21.1" />
  <link rel="stylesheet" href="../dist/css/custom.css?versao=3.2510.21.1" />
  <link rel="stylesheet" href="../dist/css/sisplan.css?versao=3.2510.21.1" />
  <link
    rel="stylesheet"
    type="text/css"
    href="../plugins/datatables-keytable/css/keyTable.bootstrap4.min.css?versao=3.2510.21.1" />
  <link
    rel="stylesheet"
    href="../plugins/toastr/toastr.min.css?versao=3.2510.21.1" />
  <link
    rel="stylesheet"
    href="../plugins/fontawesome-free/css/all.min.css?versao=3.2510.21.1" />
  <link rel="shortcut icon" href="../favicon.ico" />
  <link
    rel="stylesheet"
    type="text/css"
    href="../dist/css/driver.min.css?versao=3.2510.21.1" />
  <link rel="stylesheet" href="../dist/css/jquery-ui.css?versao=3.2510.21.1" />
  <link
    rel="stylesheet"
    href="../plugins/icheck-bootstrap/icheck-bootstrap.min.css?versao=3.2510.21.1" />
  <link
    href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700"
    rel="stylesheet" />
  <link
    rel="stylesheet"
    type="text/css"
    href="../dist/css/bootstrap-tagsinput.css?versao=3.2510.21.1" />
</head>

<body>
  <div id="modalFotos" class="modal" tabindex="-1" data-backdrop="static" role="dialog">
    <div class="modal-dialog modal-lg" role="document">
      <div class="modal-content" id="modalBody">
        <div class="modal-header">
          <h4 class="modal-title">Fotos Representante</h4>
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
        <div class="modal-body px-2">
          <div class="col-12 flex flex-wrap w-100">
            <div class="flex flex-wrap w-100">
              <div id="divImg" class="w-100">
                <div class="d-flex justify-content-center w-100">
                  <img class="pop img img-fluid imagem" id="imgRepresentante" src="./dist/img/prod-1.png" style="height: auto; max-height: 450px; width: auto; max-width: 450px;">
                </div>
                <div class="input-group-append" class="upload-imagem" style="margin-left: 35%; margin-top: .5%">
                  <input type="file" value="" accept=".jpg, .png, .jpeg, .bmp" class="upload" style="display: none;" id="txtFotoRepresentante" />
                </div>
              </div>
            </div>
          </div>
          <div class="form-row col-12">
            <div class="table-responsive col-12">
              <table id="tabelaFotos" class="table table-select table-hover" width="100%">
                <thead>
                </thead>
                <tbody>
                </tbody>
              </table>
            </div>
          </div>
        </div>
        <div class="modal-footer justify-content-start">
          <button class="btn btnVerde btn-sisp" id="btnConfirmarFoto">Confirmar</button>
          <button class="btn btn-primary btn-sisp" id="btnIncluirFoto">Incluir</button>
          <button class="btn btn-danger btn-sisp ml-auto" id="btnFecharFoto" data-dismiss="modal">Fechar</button>
        </div>
      </div>
    </div>
  </div>
</body>
<?php
include_once('../../modais.php')
?>

</html>