TIF_NGANJUK_E41220778/resources/views/baca/request_code.blade.php

37 lines
1.8 KiB
PHP

@section('page-title', 'Kode Akses Buku')
<x-app-layout>
<div class="container text-center py-5">
<div class="row justify-content-center">
<div class="col-md-8 col-lg-6">
<h2 class="fw-bold">KODE AKSES BUKU ANDA</h2>
<p class="text-muted">Kode unik telah diberikan secara otomatis. Perhatikan kode dibawah ini:</p>
<div class="my-4 p-4 rounded" style="border: 2px dashed #0d6efd; background-color: #f8f9fa; display: inline-block;">
<h3 class="fw-bold" style="font-family: monospace; letter-spacing: 2px;">{{ $accessCode }}</h3>
</div>
<p class="text-muted">Jangan bagikan kepada orang lain.</p>
<p>Masukkan kode akses ini pada kolom dibawah ini:</p>
@if(session('error'))
<div class="alert alert-danger">
{{ session('error') }}
</div>
@endif
<form action="{{ route('baca.verify_code', ['id' => $book['id']]) }}" method="POST" class="mt-3">
@csrf
<div class="form-group" style="max-width: 400px; margin-left: auto; margin-right: auto;">
<label for="kode_akses" class="form-label fw-bold">Kode Akses Buku:</label>
<input type="text" name="kode_akses" id="kode_akses" class="form-control form-control-lg text-center" placeholder="Masukkan kode akses..." required autofocus>
</div>
<div class="d-grid gap-2" style="max-width: 400px; margin-left: auto; margin-right: auto;">
<button type="submit" class="btn btn-primary btn-lg mt-3">Akses Buku</button>
</div>
</form>
</div>
</div>
</div>
</x-app-layout>