@extends('layouts.app')
 @section('content')
<div class="page-content">
    <div class="page-subheading page-subheading-md">
        <ol class="breadcrumb">
            <li><a href="javascript:;">Dashboard</a></li>
            <li class="active"><a href="javascript:;">Country</a></li>
            <li class="active"><a href="javascript:;">{{ $country->name }}</a></li>
            <li class="active"><a href="javascript:;">Creation  Dashboard</a></li>
        </ol>
    </div>
    <div class="page-heading page-heading-md">
        <h2>{{ $country->name }} Creation  Dashboard</h2>
    </div>
     @include('admin.common.dashboard',['code' => $country->iso_code])

</div>

@endsection
<script>
document.addEventListener("DOMContentLoaded", function () {
    document.querySelectorAll('.tab-link').forEach(tab => {
        tab.addEventListener('click', function (e) {
            e.preventDefault();

            // Show tab using Bootstrap
            const bsTab = new bootstrap.Tab(this);
            bsTab.show();

            // Update URL
            const tabPath = this.getAttribute('data-url');
            if (tabPath) {
                const newUrl = `${window.location.origin}/admin/country/${tabPath}`;
                history.pushState(null, '', newUrl); // ✅ THIS LINE UPDATES THE URL
            }
        });
    });
});
</script>