@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">
        <h3 class="card-title text-center">QRCode Scan</h3>
      </div>
      <div id="startScan" class="card-body text-center">
        <div class="bg-info text-white p-3 mt-3 rounded"> <!-- 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