@extends('layouts.layout-horizontal')

@section('title', 'Product 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">Product "{{ $product->name }}" created successfully!</h4>
            <p class="text-muted">The product list 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 product data to any listening parent tabs
        const channel = new BroadcastChannel('product_created');
        channel.postMessage({
            id: {{ $product->id }},
            product_id: @json($product->product_id),
            name: @json($product->name),
            hsn: @json($product->hsn),
            unit: @json($product->unit),
            mrp: @json($product->mrp),
        });
    </script>
@endpush