@extends('layouts.app')

@section('content')
<div class="container">
    <h2>Item Masters API Test</h2>
    <p>This page tests the item-masters API endpoint to diagnose why it's not loading data.</p>

    <div class="row">
        <div class="col-12">
            <button onclick="testItemMastersAPI()" class="btn btn-primary">Test API</button>
            <hr>
            <div id="test-results">
                <p>Click the button to test the API...</p>
            </div>
        </div>
    </div>

    <hr>

    <h3>Debug Information</h3>
    <ul>
        <li><strong>Current User:</strong> {{ Auth::user() ? Auth::user()->name . ' (ID: ' . Auth::user()->id . ')' : 'Not logged in' }}</li>
        <li><strong>Current URL:</strong> {{ url()->current() }}</li>
        <li><strong>Route Name:</strong> {{ Route::currentRouteName() }}</li>
        <li><strong>Middleware:</strong> {{ json_encode(Route::current()->middleware()) }}</li>
    </ul>

    <h4>Test Links</h4>
    <ul>
        <li><a href="/product-management/item-masters" target="_blank">Item Masters Page</a></li>
        <li><a href="/product-management/item-masters/list" target="_blank">Item Masters API (JSON)</a></li>
        <li><a href="/product-management/product-masters/list" target="_blank">Product Masters API (JSON) - Working</a></li>
        <li><a href="/debug-item-masters" target="_blank">Debug Endpoint</a></li>
    </ul>
</div>

<script src="{{ asset('assets/js/test-item-masters.js') }}"></script>
@endsection