From fa5b3c7fc9d069aa339a120d02dbec1e4d1a4d8e Mon Sep 17 00:00:00 2001
From: HotelSync <admin@hotelsync.ru>
Date: Mon, 16 Mar 2026 14:52:28 +0300
Subject: [PATCH] Add passport scan button to new booking Documents tab

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/components/bookings/BookingModal.tsx | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/components/bookings/BookingModal.tsx b/src/components/bookings/BookingModal.tsx
index bd17fa1..00a25f8 100644
--- a/src/components/bookings/BookingModal.tsx
+++ b/src/components/bookings/BookingModal.tsx
@@ -1,6 +1,6 @@
 import { useState } from 'react'
 import { format } from 'date-fns'
-import { Star, Banknote, CreditCard, AlertCircle, Map, Plus, Trash2, IdCard, CalendarDays, Tag } from 'lucide-react'
+import { Star, Banknote, CreditCard, AlertCircle, Map, Plus, Trash2, IdCard, CalendarDays, Tag, ScanLine } from 'lucide-react'
 import { MOCK_DISCOUNTS } from '../../pages/DiscountsPage'
 import type { Discount } from '../../pages/DiscountsPage'
 import { Modal } from '../ui/Modal'
@@ -653,6 +653,16 @@ export function BookingModal({ open, draft, rooms, onClose, onSave, existing }:
         {/* ── PASSPORT TAB ── */}
         {activeTab === 'passport' && (
         <div className="space-y-4">
+          {/* Scan button */}
+          <button
+            type="button"
+            onClick={() => alert('Для сканирования подключите RFID/OCR сканер паспорта')}
+            className="w-full flex items-center justify-center gap-2 py-3 rounded-xl border-2 border-dashed border-brand-300 dark:border-brand-700 text-brand-600 dark:text-brand-400 text-sm font-medium hover:bg-brand-50 dark:hover:bg-brand-900/20 transition-colors"
+          >
+            <ScanLine size={18} />
+            Сканировать паспорт
+          </button>
+
           {/* Document type */}
           <div>
             <label className="block text-sm font-medium text-slate-700 dark:text-slate-300 mb-2">Тип документа</label>