@extends('admin.layout')

@section('title', 'Meraki API Inspector')

@section('content')

<div class="page-head">
    <div>
        <h1>Meraki API Inspector</h1>
        <p>
            Use this page to find the exact Meraki Network ID,
            SSID number, and SSID name.
        </p>
    </div>
</div>

@if($error)
    <div class="alert alert-error">
        <strong>Meraki API connection failed.</strong>

        <div style="margin-top:8px;">
            {{ $error }}
        </div>
    </div>
@endif


<div class="card">

    <div class="api-status-row">

        <div>
            <h2>1. API Connection</h2>

            <p class="muted">
                The API key is read from
                <span class="mono">MERAKI_API_KEY</span>
                in your Laravel
                <span class="mono">.env</span>
                file.
            </p>
        </div>

        @if(!$error && count($organizations))

            <span class="badge badge-success">
                Connected
            </span>

        @elseif(!$error)

            <span class="badge badge-warning">
                No organizations returned
            </span>

        @else

            <span class="badge badge-danger">
                Connection Error
            </span>

        @endif

    </div>


    <div class="form-actions">

        <a
            href="{{ route('admin.meraki.api') }}"
            class="btn btn-secondary"
        >
            Test / Refresh API
        </a>

    </div>

</div>


<div class="card">

    <h2>2. Select Organization</h2>

    @if(count($organizations))

        <form
            method="GET"
            action="{{ route('admin.meraki.api') }}"
        >

            <div class="field">

                <label for="organization_id">
                    Meraki Organization
                </label>

                <select
                    name="organization_id"
                    id="organization_id"
                    required
                >

                    <option value="">
                        Select an organization...
                    </option>

                    @foreach($organizations as $org)

                        <option
                            value="{{ $org['id'] ?? '' }}"
                            @selected(
                                $organizationId ===
                                (string)($org['id'] ?? '')
                            )
                        >
                            {{ $org['name'] ?? 'Unnamed Organization' }}
                            —
                            {{ $org['id'] ?? '' }}
                        </option>

                    @endforeach

                </select>

            </div>


            <div class="form-actions">

                <button
                    type="submit"
                    class="btn btn-primary"
                >
                    Load Networks
                </button>

            </div>

        </form>

    @else

        <p class="muted">
            No organizations are available.
            Check your Meraki API key and permissions.
        </p>

    @endif

</div>


@if($organizationId !== '')

<div class="card">

    <h2>3. Select Network</h2>

    @if(count($networks))

        <form
            method="GET"
            action="{{ route('admin.meraki.api') }}"
        >

            <input
                type="hidden"
                name="organization_id"
                value="{{ $organizationId }}"
            >


            <div class="field">

                <label for="network_id">
                    Meraki Network
                </label>

                <select
                    name="network_id"
                    id="network_id"
                    required
                >

                    <option value="">
                        Select a network...
                    </option>

                    @foreach($networks as $network)

                        <option
                            value="{{ $network['id'] ?? '' }}"
                            @selected(
                                $networkId ===
                                (string)($network['id'] ?? '')
                            )
                        >

                            {{ $network['name'] ?? 'Unnamed Network' }}
                            —
                            {{ $network['id'] ?? '' }}

                        </option>

                    @endforeach

                </select>

                <small>
                    Select the Meraki network where
                    <strong>Test FreeWifi</strong> was created.
                </small>

            </div>


            <div class="form-actions">

                <button
                    type="submit"
                    class="btn btn-primary"
                >
                    Load SSIDs
                </button>

            </div>

        </form>

    @else

        <p class="muted">
            No networks were returned for this organization.
        </p>

    @endif

</div>

@endif


@if($networkId !== '')

<div class="card">

    <div class="page-head">

        <div>

            <h2>4. Wireless SSIDs</h2>

            <p>
                Find your
                <strong>Test FreeWifi</strong>
                or
                <strong>FreeWifi</strong>
                SSID.
            </p>

        </div>

    </div>


    @if(count($ssids))

        <div class="table-wrap">

            <table>

                <thead>

                    <tr>
                        <th>SSID #</th>
                        <th>SSID Name</th>
                        <th>Enabled</th>
                        <th>Authentication</th>
                        <th>Network ID</th>
                    </tr>

                </thead>


                <tbody>

                @foreach($ssids as $ssid)

                    @php

                        $ssidName =
                            (string)($ssid['name'] ?? '');

                        $isFreeWifi =
                            stripos(
                                $ssidName,
                                'freewifi'
                            ) !== false
                            ||
                            stripos(
                                $ssidName,
                                'free wifi'
                            ) !== false;

                    @endphp


                    <tr
                        @if($isFreeWifi)
                            style="background:#eff6ff;"
                        @endif
                    >

                        <td>

                            <strong>
                                {{ $ssid['number'] ?? '—' }}
                            </strong>

                        </td>


                        <td>

                            <strong>
                                {{ $ssidName ?: 'Unnamed SSID' }}
                            </strong>

                            @if($isFreeWifi)

                                <span class="badge badge-success">
                                    FreeWifi Match
                                </span>

                            @endif

                        </td>


                        <td>

                            @if(!empty($ssid['enabled']))

                                <span class="badge badge-success">
                                    Enabled
                                </span>

                            @else

                                <span class="badge badge-neutral">
                                    Disabled
                                </span>

                            @endif

                        </td>


                        <td>

                            {{ $ssid['authMode'] ?? '—' }}

                        </td>


                        <td class="mono">

                            {{ $networkId }}

                        </td>

                    </tr>

                @endforeach

                </tbody>

            </table>

        </div>


        <div
            style="
                margin-top:20px;
                padding:16px;
                background:#f8fafc;
                border-radius:10px;
            "
        >

            <strong>
                Values to copy into Admin → Stores
            </strong>

            <p>
                <strong>Meraki Network ID:</strong><br>

                <span class="mono">
                    {{ $networkId }}
                </span>
            </p>

            <p>
                <strong>Meraki SSID Number:</strong><br>

                Use the number in the
                <strong>SSID #</strong>
                column for your FreeWifi row.
            </p>

            <p>
                <strong>SSID Name:</strong><br>

                Copy the exact SSID name shown above.
            </p>

        </div>

    @else

        <p class="muted">
            No wireless SSIDs were returned.
            Make sure this is a Meraki MR wireless network.
        </p>

    @endif

</div>

@endif

@endsection