@extends('Templates.templateWorkstations')
@section('content')

<div class="row justify-content-center align-items-center" style="height: 50vh">
  <div class="col-6">
    <div class="card card-info">
      <div class="card-header" style=" background-color: #00B0EA">
        <h3 class="card-title text-center" >QRCode Scan</h3>
      </div>
      <div id="startScan" class="card-body text-center" >
        <div class="text-white p-3 mt-3 rounded" style=" background-color: #00B0EA"> <!-- Updated class for rounded corners -->
          <i class="fas fa-qrcode fa-5x"></i> <!-- Icon -->
        </div>
      </div>
      <div id="reader" style="display: none;" >
        <div class="embed-responsive embed-responsive-1by1">
          <video id="video" class="embed-responsive-item"></video>
        </div>
      </div>
    </div>
  </div>
</div>
@endsection