Quarentaine.html

<div class="container" style="margin: 10px 0 0 100px; background-color: white;">
    <div class="row" style="margin: 40px 0 0 20px;">
        <div class="col">
            <div id="message" class="alert alert-success text-center" role="alert" style="display:none;"></div>
        </div>
    </div>
    <div class="text-center" id="contentSection"> 
        <input class="form-control" id="myInput" type="text" placeholder="Chercher par origine ...">
        <table class="table" id="entireTable">
            <thead>
                <tr class="info">
                    <th>Reference</th>
                    <th>Origine</th>
                    <th>Poid</th>
                    <th>Age</th>
                    <th>Prix</th>
                    <th>Consultation</th>
                </tr>  
            </thead>
            <tbody  id="myTable" ></tbody>
        </table>
        <button type="button" class="btn btn-primary" style="padding: 10px 30px 10px 30px;" data-toggle="modal" data-target="#requestModal">Demander</button><br><br>
    </div>            
</div>

<div class="modal fade" id="requestModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content text-center">
  <div class="modal-body">
    Voulez vous vraiment demander la consultation pour ces veaux ?
  </div>
  <div class="modal-footer d-flex justify-content-center">
    <button type="button" class="btn btn-secondary" data-dismiss="modal">Non</button>
    <button id="demandeServe" type="button" class="btn btn-primary">Oui</button>
  </div>
</div>
</div>
</div>

<script src="assets/js/quarentaine.js"></script>