@extends('layouts.layout-horizontal')

@section('title', 'Customer Created')

@section('content')
    <div class="card">
        <div class="card-body text-center py-5">
            <i class="ti ti-circle-check text-success" style="font-size: 48px;"></i>
            <h4 class="mt-3">Customer "{{ $customer->name }}" created successfully!</h4>
            <p class="text-muted">The party dropdown on your previous page has been updated automatically.</p>
            <p class="text-muted">You can close this tab now.</p>
            <button class="btn btn-secondary mt-2" onclick="window.close()">Close Tab</button>
        </div>
    </div>
@endsection

@push('scripts')
    <script>
        // Broadcast the new customer data to any listening parent tabs
        const channel = new BroadcastChannel('customer_created');
        channel.postMessage({
            id: {{ $customer->id }},
            name: @json($customer->name),
            payment_type: @json($customer->payment_type),
            party_type: @json($customer->party_type),
            is_sez: {{ $customer->is_sez ? 'true' : 'false' }}
        });
    </script>
@endpush