<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>

    <script src="https://www.gstatic.com/firebasejs/5.7.0/firebase.js"></script>

    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    <script src="/ocrscan/axios.js"></script>

    <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>

    <script src='https://cdn.jsdelivr.net/gh/naptha/tesseract.js@v1.0.14/dist/tesseract.min.js'></script>

    <!--Import Google Icon Font-->
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">


    <!--Let browser know website is optimized for mobile-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <!-- Compiled and minified CSS -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">

    <!-- Compiled and minified JavaScript -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>

    <link rel="stylesheet" href="ocrscan/style.css">
</head>

<body>

    <div class="row">
        <div class="col s12 m6 l6 opt1 waves-effect waves-dark" >
            <center><i class="material-icons ico" >file_upload</i></center>
        </div>

        <div class="col s12 m6 l6 opt2 waves-effect waves-dark">
            
            <center><i class="material-icons ico">camera</i></center>
        </div>
    </div>

  <!-- Modal Structure -->
  <div id="modal1" class="modal">
    <div class="modal-content">
      <h4>Choose Shoppinglist</h4>
      <div class="collection output">
      </div>
                
    </div>
    <div class="modal-footer">
            <a href="/dash" class="modal-close waves-effect waves-red btn-flat">Return to Dashboard</a>
      <a href="#!" class="modal-close waves-effect waves-green btn-flat">Continue</a>
    </div>
  </div>

  <script src="/ocrscan/cam.js"></script>
  <script src="/ocrscan/ocrscan.js"></script>
  <script src="/ocrscan/fileuploads.js"></script>
</body>

</html>