@extends('admin.layout') @section('title','Stores') @section('content') <div class="page-head">
    <div>
        <h1>Stores</h1>
        <p>Configure each retail location and its Meraki network mapping.</p>
    </div>
</div>
<div class="card">
    <h2>Add or update store</h2>
    <form method="post" action="{{ route('admin.stores.save') }}">@csrf <div class="grid grid-2">
            <div class="field">
                <label>Store name</label>
                <input name="name" value="{{ old('name') }}" placeholder="American Tire Stores - Store 001" required>
            </div>
            <div class="field">
                <label>Store slug</label>
                <input name="slug" value="{{ old('slug') }}" placeholder="store-001" required>
            </div>
            <div class="field">
                <label>Meraki Network ID</label>
                <input name="meraki_network_id" value="{{ old('meraki_network_id') }}" placeholder="L_1234567890" required>
            </div>
            <div class="field">
                <label>Meraki SSID number</label>
                <input name="meraki_ssid" value="{{ old('meraki_ssid') }}" type="number" min="0" max="14" placeholder="2" required>
            </div>
            <div class="field">
                <label>SSID name</label>
                <input name="ssid_name" value="{{ old('ssid_name') }}" placeholder="Free Wi-Fi">
            </div>
        </div>
        <div class="form-actions">
            <button class="btn btn-primary">Save store</button>
        </div>
    </form>
</div>
<div class="card">
    <h2>Configured stores</h2>
    <div class="table-wrap">
        <table>
            <thead>
                <tr>
                    <th>Store</th>
                    <th>Slug</th>
                    <th>Network ID</th>
                    <th>SSID</th>
                    <th>Status</th>
                    <th style="display:none!important;">Connect QR</th>
                </tr>
            </thead>
            <tbody>@forelse($stores as $s) <tr>
                    <td>
                        <strong>{{ $s->name }}</strong>
                    </td>
                    <td class="mono">{{ $s->slug }}</td>
                    <td class="mono">{{ $s->meraki_network_id }}</td>
                    <td>{{ $s->meraki_ssid }} @if($s->ssid_name) <span class="muted">— {{ $s->ssid_name }}</span>@endif </td>
                    <td>
                        <span class="badge {{ $s->active ? 'badge-success' : 'badge-neutral' }}">{{ $s->active ? 'Active' : 'Inactive' }}</span>
                    </td>
                    <td  style="display:none!important;">
                        <a class="btn btn-secondary btn-sm" href="{{ route('admin.stores.qr', $s) }}">QR Code</a>
                    </td>
                </tr>@empty <tr>
                    <td colspan="6" class="empty">No stores configured.</td>
                </tr>@endforelse </tbody>
        </table>
    </div>
</div> @endsection