
<!-- resources/views/auth/login.blade.php -->
@extends('layouts.app_without_header')

@section('content')


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Patient Record Success</title>
    <!-- Bootstrap CSS -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>

<div class="container mt-5">
    <div class="card text-center shadow">
        <div class="card-header bg-success text-white">
            <h3>Create Patient</h3>
        </div>
        <div class="card-body">
            <h5 class="card-title">Patient Record is created successfully!</h5>
            <p class="card-text">Your BluID is:</p>
            <div class="mb-4">
                <!-- QR code and patient name -->
                <img src="{{ asset('storage/qr_codes/' . $data->qr_code) }}" class="img-fluid" style="width: 250px;">

                <p class="mt-2"><strong>QR code for <span id="patient_name">[{{ $data->first_name.' '.$data->last_name }} ]</span></strong></p>
                <input type="hidden" id="patient_id" value="{{ $data->patient_id }}">
            </div>
            <!-- Save QR Code Button -->
            <a href="{{ asset('storage/qr_codes/' . $data->qr_code) }}" id="sendqrcode" download="BluID-QR-Code.png"></a>
            <a href="{{ asset('storage/qr_codes/' . $data->qr_code) }}" class="btn btn-primary" id="sendqrcode" download="BluID-QR-Code.png">Save QR Code</a>
        </div>
        <div class="card-footer text-muted"> 
        <a href="/patient-login" target="_blank">Login</a>

        </div>
    </div>
</div>

<!-- Bootstrap JS and dependencies -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>
@endsection;