@extends('admin.layouts.app') @section('title', 'Customize Checkout') @section('content') @php $b = $settings['branding'] ?? []; $c = $settings['checkout'] ?? []; $o = $settings['otp'] ?? []; $primaryColor = $b['primary_color'] ?? '#111111'; $buttonColor = $b['button_color'] ?? '#111111'; $shopName = $b['shop_name'] ?? ($shop->name ?? 'Your Store'); $logoUrl = $b['logo_url'] ?? ''; $showCoupon = $c['show_coupon'] ?? true; $showDetails = $c['show_details_step'] ?? true; $welcomeMsg = $c['welcome_message'] ?? 'Fast & Secure Checkout'; $successMsg = $c['success_message'] ?? 'Your order has been placed!'; $otpTemplate = $o['message_template'] ?? 'Your OTP is {otp}. Valid for 5 minutes.'; @endphp
{{-- LEFT: Settings Form --}}
@csrf {{-- Tab Navigation --}}
@foreach(['branding' => '🎨 Branding', 'checkout' => '🛒 Checkout', 'otp' => '📱 OTP'] as $tab => $label) @endforeach
{{-- BRANDING TAB --}}

Shown at the top of the checkout modal. Recommended: 200×40px PNG.

Used for breadcrumb active + card borders

CTA buttons: Send OTP, Pay Now, etc.

{{-- CHECKOUT TAB --}}

Shown on the OTP login step.

{{-- OTP TAB --}}

Use {otp} as placeholder for the 6-digit code.

{{-- RIGHT: Live Preview --}}

Live Preview

{{-- Mock modal --}}
{{-- Handle --}}
{{-- Breadcrumb --}}
OTP › Address › Shipping › Payment
{{-- Logo or name --}}

Enter your mobile number to receive an OTP

+91
Send OTP

Changes update the preview live

@endsection