<link rel="stylesheet" href="<?=base_url();?>/assets/css/scan.css">
<div class="display-cover">
    <video autoplay></video>
    <canvas class="d-none"></canvas>
    <div class="video-options d-none">
      <select name="" id="" class="custom-select" style="width:95px;">
        <option value="">Select camera</option>
      </select>
    </div>
    <img class="screenshot-image d-none" alt="">
    <div class="controls">
      <button class="btn btn-danger play" title="Play"><i data-feather="play-circle"></i></button>
      <button class="btn btn-info pause d-none" title="Pause"><i data-feather="pause"></i></button>
      <button class="btn btn-outline-success screenshot d-none" title="ScreenShot"><i data-feather="image"></i></button>
      <button class="btn btn-outline-info change" title="Switch" onclick="javascript:window.location.href='?facingMode=<?=$facingChange;?>'"><i data-feather="refresh-cw"></i></button>
    </div>
</div>

<div id="div_liste_snap"> </div>

<script src='<?=base_url();?>/assets/js/feather.min.js'></script>

<input type="hidden" name="id_bu" id="id_bu" value="<?=$bu['id'];?>">
<input type="hidden" name="facingMode" id="facingMode" value="<?=$facingMode;?>">




<!-- <div class="container-fluid">
  <div class="row">
    <div class="col">
      <div class="">
        <video id="camera"></video>
      </div>
      <div class="d-none">
        <canvas id="canvas"></canvas>
      </div>
      <div class="text-start ps-5">
      <button type="button" name="checkVision" id="checker">PRENDRE LA PHOTO</button>
      <input type="hidden" name="id_bu" id="id_bu" value="">
      </div>
      <div id="results"></div>
    </div>
  </div>
</div> -->
