Eliminar detall recalcula total

Projecte

INSTRUCTIONS 1. Project overview NiceLounge is a web + mobile platform to book airport VIP services: VIP lounges, Fast Track, Meet & Assist, Parking, and Monty eSIM bundles. Users come in four shapes — particular (B2C passenger), agencia (travel agency operating on behalf of clients), empresa (corporate / Tarja Business), and invitado (guest checkout, profile completed later via signed link). Payments are taken by Redsys TPV (plus bank transfer and credit for authorised B2B clients). Lounge stock comes from multiple providers (AENA, HighPass, IgaLounge, PlazaPremium, Brussels Airport), eSIM from Monty, and invoices sync to Odoo. The frontend operates in es and en; the admin panel is forced to es. The platform has three layers: the public web (Blade + Alpine.js), a Sanctum REST API for the mobile app, and two Filament 3 back-office panels (/admin for staff, /lounge for in-room operators). 2. Tech stack Backend: PHP 8.3 (strict types), Laravel 11.44, MySQL 8. Layered architecture: Controllers (__invoke) → Services → Repositories → Eloquent Models. Admin: Filament 3 (two panels) + Livewire (Filament internals). Plugins: spatie-translatable, language-switch, media-library, filament-impersonate, filament-excel-import, daterangepicker filter. API: Laravel Sanctum (token auth), OpenAPI generated by Scramble (openapi.json). Frontend: Blade + Alpine.js 3.14, Tailwind CSS 3, Vite 7, Swiper, Flatpickr, intl-tel-input. PDF / QR: mPDF 8 (PdfGenerator, PdfMerger) + endroid/qr-code 6. Geo: torann/geoip. Misc: spatie/laravel-activitylog (audit), spatie/laravel-sitemap, lab404/laravel-impersonate, sentry/sentry-laravel, propaganistas/laravel-phone, whitecube/laravel-cookie-consent. Testing: PHPUnit 11; PHPStan level 6 on ./app; Pint preset laravel. 3. Authentication Four guards / panels: Guard Driver Login URL Model web session /auth/login (POST), GET via the public site (home / /auth/register) App\Models\User api (sanctum) token API only App\Models\User filament session /admin/login App\Models\FilamentUser filament_vip_lounge session /lounge/login App\Models\FilamentUserVipLounge Web user login — always use this exact sequence, never deviate: js await page.goto('https://pre.nicelounge.com'); await page.waitForLoadState('networkidle'); await page.waitForSelector('form[data-cookie-action="accept.all"]', { state: 'visible', timeout: 10000 }); await page.click('form[data-cookie-action="accept.all"] button'); await page.waitForTimeout(1000); await page.locator('button:has-text("Accede a tu cuenta")').click(); await page.waitForSelector('#modal-login', { state: 'visible', timeout: 10000 }); await page.locator('#login-email').clear(); await page.locator('#login-email').pressSequentially('ianeito+particular@twentic.com'); await page.waitForTimeout(1500); await page.locator('#login-password').clear(); await page.locator('#login-password').pressSequentially('KSQ4iSPA8qQsue7'); await page.waitForTimeout(1500); await page.locator('#login-button').click(); await page.waitForLoadState('networkidle'); await page.waitForSelector('button.btn.outlined.whitespace-nowrap', { state: 'visible', timeout: 10000 }); Never skip the cookie banner step. Never skip the final waitForSelector('button.btn.outlined.whitespace-nowrap'). Without this last step, any subsequent navigation will be interrupted by a redirect to the home page. Filament admin login — always use this exact sequence: js await page.goto('https://pre.nicelounge.com/admin/login'); await page.waitForLoadState('networkidle'); await page.waitForSelector('[id="data.email"]', { state: 'visible' }); await page.locator('[id="data.email"]').clear(); await page.locator('[id="data.email"]').pressSequentially('info@nicelounge.com'); await page.waitForTimeout(1500); await page.locator('[id="data.password"]').clear(); await page.locator('[id="data.password"]').pressSequentially('Nicelounge2025'); await page.waitForTimeout(1500); await page.locator('button:has-text("Entrar")').click(); await page.waitForLoadState('networkidle'); await page.waitForSelector('nav.fi-sidebar, .fi-sidebar', { state: 'visible', timeout: 15000 }); VIP Lounge operator login — always use this exact sequence: js await page.goto('https://pre.nicelounge.com/lounge/login'); await page.waitForLoadState('networkidle'); await page.waitForSelector('[id="data.email"]', { state: 'visible' }); await page.locator('[id="data.email"]').clear(); await page.locator('[id="data.email"]').pressSequentially('polarino@test.twentic.com'); await page.waitForTimeout(1500); await page.locator('[id="data.password"]').clear(); await page.locator('[id="data.password"]').pressSequentially('12345678'); await page.waitForTimeout(1500); await page.locator('button[type="submit"]').click(); await page.waitForLoadState('networkidle'); await page.waitForSelector('nav.fi-sidebar, .fi-sidebar', { state: 'visible', timeout: 15000 }); Guest checkout is supported (/auth/check-guest-email precheck → guest completes purchase → profile finished via /complete-profile/{id} from a signed link). Temporary login (no password, signed token with expiry): /temporary-login/{id} and legacy autologin /auth/autologin, /validate.php. Account recovery (signed): /recover-account (POST), /access-account/{token}/{id}/{hash}. Email verification is required for some flows (/email/verify/{id}/{hash}). Impersonation (admin only, audited in impersonation_logs): a[href*="/impersonate/"] — it is an <a> tag, not a <button>. No test-account seeder is committed; ask the dev team for the QA accounts and rotate them. Use the lab404/laravel-impersonate flow if you need to exercise as a specific user. 4. Navigation Public web (Blade + Alpine): GET / home (search bar) GET /faq, /about-us, /terms, /privacy, /contact, /business, /servicios/{slug?} GET /product/{slug} product detail GET /search search page GET /search/{country}/airports, /search/{airport}/terminals hierarchical GET /search-query, /search/airports/query, /search/countries/query, /search/products/query autocomplete GET /search/unified, /search/esim-countries, /search/nearby GET /{countrySlug} SEO page (country) GET /{countrySlug}/{citySlug}/{airportSlug} SEO page (airport) Booking / cart / checkout (auth required for most): POST /add-cart-booking-products/start start cart GET /add-cart-booking-products[/esim-bundles] POST /add-cart-booking-products/esim POST /bookings store booking POST /bookings/{id}/add-products POST /bookings/{id}/coupon DELETE /bookings/{id}/coupon GET /booking/checkout/validate GET /booking/checkout/payment-method GET /booking/checkout/confirmation GET /checkout/success, /checkout/error Redsys returns GET /bookings/{id}/summary, /bookings/{id}/pdf, /bookings/{id}/details/{detail}/pdf, /esim-pdf, /assets/{asset}/pdf PUT /booking-detail/{id}/cancellation-insurance DELETE /booking-detail/{id}/remove PUT /bookings/{id} (edit), /bookings/{id}/esim Coupon landings: /cupon, /cupon/{token} (coupon.landing.apply), /c/{token} (promo.apply), /cupon/validate (POST), /cupon/status (GET). Private area (auth + PrivateAreaAuth middleware): /private-area/bookings, /private-area/bookings/{id} /private-area/invoices, /private-area/invoices/{id}, /private-area/invoices/{id}/generate-pdf /private-area/profile, /private-area/profile/password, /private-area/profile/update POST /booking/validate-reference-number B2B expedient check Backoffice panels (Filament 3): /admin (staff) and /lounge (room operators). Resources discovered from app/Filament/Resources/, app/Filament/Shared/Resources/, app/Filament/VipLounge/Resources/. 5. Custom components and how to interact with them Search bar / autocomplete (Alpine.js): type 2+ characters → calls /search/airports/query, /search/countries/query, /search/products/query → Alpine list rendered below the input. Wait for the network call (and the Alpine x-show transition) before clicking a suggestion. The unified search calls /search/unified. Cart sidebar / checkout buttons: regular HTML buttons; payment-method selector is a radio group; the "Aplicar cupón" form posts to /bookings/{id}/coupon. Filament admin (/admin): standard Filament 3 components — Select is a custom searchable widget (not a native <select>; do not use selectOption), tables and tabs use Filament conventions. Translatable fields show es/en tabs. Language switcher provided by bezhansalleh/filament-language-switch. VIP Lounge panel (/lounge): scoped views for FilamentUserVipLounge; operators see only the products/vouchers of their assigned room. Phone inputs: intl-tel-input library; the dial code lives in a separate field — assert the resulting E.164 value, not the visible mask. Date pickers: Flatpickr — interact with input.js-card-date-input:not([type="hidden"]) to open. Never interact with input[type="hidden"] flatpickr inputs. Use .flatpickr-day[aria-label="Julio 25, 2026"] to select a specific day or .flatpickr-calendar.open .flatpickr-day:not(.flatpickr-disabled):not(.prevMonthDay):not(.nextMonthDay) for the first available day. Time picker: open with input.js-card-time-input, wait for .js-card-time-menu:not(.hidden), select hour with .js-card-hour-list .dropdown-item:nth-child(N) where N = hour + 1 (hour 10 = nth-child(11), hour 12 = nth-child(13), hour 14 = nth-child(15)), select minute 00 with .js-card-minute-list .dropdown-item:first-child. After selecting minute, click input.js-card-time-input again to close the picker before interacting with passenger fields. Coupon input: field selector is input[placeholder="Introduce el código"] — NOT #coupon-code. Apply button: button:has-text("Canjear") — NOT #coupon-apply. Test coupon code: 123-16182. Coupon cookie: opening /cupon/{token} or /c/{token} stores the coupon in a 7-day cookie; the checkout reads that cookie automatically. Stay duration selector: span.radio-label:has-text("4 horas") or span.radio-label:has-text("6 horas"). Passenger fields: first name #adult_firstname-1, last name #adult_lastname-1, email #adult_email-1 (hyphen, NOT underscore #adult_email_1). Reservar button (product sidebar, desktop): button.btn.primary.w-full.my-6 — use this specific selector to avoid matching other buttons on the page. Checkout continue button: a[href*="/booking/checkout/payment-method"]:has-text("Tramitar pedido") — the button is called "Tramitar pedido", NOT "Continuar". Removal confirmation modal: open state is [id^="modal-remove"][aria-hidden="false"] — NOT [id^="modal-remove"]:not(.hidden). Confirm with button[data-remove-service]. 6. How to uniquely identify elements Public web forms: prefer name="..." on the input and the form's submit button label. Filament fields: target by label and wire:model="data.<field>" / id="data.<field>". Pages: target by the route URL (/private-area/bookings/{id}, /booking/checkout/payment-method, etc.) and headings. Tables: identify a row by its visible business identifier (booking reference, invoice number) and use that row's action labels. Avoid Filament auto-generated wire:key / dynamic ids as stable selectors. 7. Important data attributes / conventions The cart booking_id is held in the session; cart creation is idempotent — a second POST /add-cart-booking-products/start while a pending booking exists reuses it. Coupon cookie name is set by /cupon/{token}; lifetime 7 days. Booking total (final_price_paid) is recalculated by RecalculateBookingTotalObserver on every booking-detail save/delete (with a re-entry guard). Voucher PDFs include a QR (endroid/qr-code). Sentry is in production; expect breadcrumbs/transaction context. Activitylog records admin changes via the LogsActivity trait. 8. Standard reusable sequences Cart cleanup — always run before any test that adds products to cart: js await page.goto('https://pre.nicelounge.com/booking/checkout/validate'); await page.waitForLoadState('networkidle'); let removeLinks = await page.locator('a[data-modal-show^="#modal-remove"]').all(); while (removeLinks.length > 0) { await removeLinks[0].click(); await page.waitForSelector('[id^="modal-remove"][aria-hidden="false"]', { state: 'visible' }); await page.locator('button[data-remove-service]').first().click(); await page.waitForLoadState('networkidle'); await page.waitForTimeout(1000); removeLinks = await page.locator('a[data-modal-show^="#modal-remove"]').all(); } Standard product booking — add Sala VIP Pau Casals to cart: js await page.goto('https://pre.nicelounge.com/product/sala_vip_pau_casals'); await page.waitForLoadState('networkidle'); await page.waitForSelector('button.btn.primary.w-full.my-6', { state: 'visible', timeout: 15000 }); await page.locator('button.btn.primary.w-full.my-6').click(); await page.waitForLoadState('networkidle'); await page.waitForSelector('input.js-card-date-input:not([type="hidden"])', { state: 'visible' }); await page.locator('input.js-card-date-input:not([type="hidden"])').click(); await page.waitForSelector('.flatpickr-calendar.open', { state: 'visible' }); await page.locator('.flatpickr-calendar.open .flatpickr-day:not(.flatpickr-disabled):not(.prevMonthDay):not(.nextMonthDay)').nth(4).click(); await page.waitForTimeout(1000); await page.locator('input.js-card-time-input').click(); await page.waitForSelector('.js-card-time-menu:not(.hidden)', { state: 'visible' }); await page.locator('.js-card-hour-list .dropdown-item:nth-child(13)').click(); await page.waitForTimeout(500); await page.locator('.js-card-minute-list .dropdown-item:first-child').click(); await page.waitForTimeout(1000); await page.locator('input.js-card-time-input').click(); await page.waitForSelector('#adult_firstname-1', { state: 'visible' }); await page.locator('#adult_firstname-1').fill('Test'); await page.locator('#adult_lastname-1').fill('User'); await page.locator('#acbp-submit').click(); await page.waitForLoadState('networkidle'); await page.waitForSelector('h1:has-text("Validar reserva")', { state: 'visible' }); Proceed to payment method from validate page: js await page.locator('a[href*="/booking/checkout/payment-method"]:has-text("Tramitar pedido")').click(); await page.waitForLoadState('networkidle'); await page.waitForSelector('h1:has-text("Datos personales")', { state: 'visible' }); 9. Critical rules Never use baseUrl — it is not defined. Always use the full URL https://pre.nicelounge.com. Never navigate directly to /booking/checkout/payment-method without a valid booking in the cart — it will return ERR_ABORTED. Never add page.goto() in the middle of a flow to reset state — it clears the session and the cart. Always run cart cleanup before tests that add products to cart. Always use pressSequentially for form inputs in Alpine.js reactive fields, never fill alone. Never use selectors with @ in CSS — button[@click*="something"] is invalid CSS and causes a parse error.