@extends('layouts.admin')
@section('content')
<div class="card">
    <div class="card-header">Shop: {{ $shop->name }}</div>
    <div class="card-body">
        <table class="table table-bordered table-striped">
            <tr><th>Id</th><td>{{ $shop->id }}</td></tr>
            <tr><th>Name</th><td>{{ $shop->name }}</td></tr>
            <tr><th>Category</th><td>{{ $shop->category }}</td></tr>
            <tr><th>Property</th><td>{{ optional($shop->property)->name ?? '—' }}</td></tr>
            <tr><th>Linked Unit</th><td>{{ optional($shop->unit)->name ?? '—' }}</td></tr>
            <tr><th>Floor</th><td>{{ $shop->floor }}</td></tr>
            <tr><th>Phone</th><td>{{ $shop->phone }}</td></tr>
            <tr><th>Description</th><td>{{ $shop->description }}</td></tr>
            <tr><th>Location</th><td>{{ $shop->latitude }}, {{ $shop->longitude }}</td></tr>
            <tr><th>Directions</th><td>{{ $shop->directions }}</td></tr>
            <tr><th>Status</th><td>{{ $shop->is_active ? 'Active' : 'Inactive' }}</td></tr>
        </table>

        @if($shop->images && $shop->images->count())
            <h5>Gallery</h5>
            <div style="display:flex; flex-wrap:wrap;">
                @foreach($shop->images as $img)
                    <img src="{{ $img->url }}" style="height:110px; margin:6px; border:1px solid #ddd; border-radius:6px;">
                @endforeach
            </div>
        @endif

        <a href="{{ route('admin.shops.index') }}" class="btn btn-default">Back</a>
    </div>
</div>
@endsection