<div class="row justify-content-center"><div class="col-lg-6"><div class="card">
    <div class="card-header"><h5 class="mb-0"><i class="fas fa-ban me-2"></i><?= lang('cards.add_to_blacklist') ?></h5></div>
    <div class="card-body">
        <form method="POST" action="/guest-blacklist" data-ajax="true"><?= csrf_field() ?>
            <div class="mb-3"><label class="form-label">Guest Name <span class="text-danger">*</span></label><input type="text" name="guest_name" class="form-control" required><div class="invalid-feedback" data-field="guest_name"></div></div>
            <div class="mb-3"><label class="form-label">National ID</label><input type="text" name="guest_national_id" class="form-control"></div>
            <div class="mb-3"><label class="form-label">Phone</label><input type="text" name="guest_phone" class="form-control"></div>
            <div class="mb-3"><label class="form-label">Reason <span class="text-danger">*</span></label><textarea name="reason" class="form-control" rows="3" required></textarea><div class="invalid-feedback" data-field="reason"></div></div>
            <div class="mb-3"><label class="form-label">Expires At</label><input type="date" name="expires_at" class="form-control"><small class="text-muted">Leave empty for permanent</small></div>
            <div class="d-flex gap-2"><button type="submit" class="btn btn-danger"><i class="fas fa-ban me-1"></i>Blacklist</button><a href="/guest-blacklist" class="btn btn-secondary"><?= lang('common.cancel') ?></a></div>
        </form>
    </div>
</div></div></div>