@extends('user::layouts.backend-master')
@section('breadcrumb_title', 'View Product Brand')

@section('content')
    <div class="flex items-center justify-between mb-6">
        <h1 class="text-2xl font-semibold">Brand</h1>
        <div class="flex gap-2">
            <a href="{{ route('admin.product-brands.edit', $productBrand->id) }}" class="btn btn-primary btn-black">
                <i class="fas fa-edit mr-2"></i> Edit
            </a>
            <a href="{{ route('admin.product-brands.index') }}" class="btn btn-primary">
                <i class="fas fa-arrow-left mr-2"></i> Back to Brands
            </a>
        </div>
    </div>

    <div class="grid grid-cols-1 lg:grid-cols-3 gap-6">
        <div class="lg:col-span-2 space-y-6">
            <div class="card">
                <h5 class="text-lg font-medium mb-4">Brand Details</h5>

                <div class="overflow-x-auto">
                    <table class="w-full border border-gray-200">
                        <tr class="border-b border-gray-200">
                            <th class="text-left w-48">Name</th>
                            <td>{{ $productBrand->name }}</td>
                        </tr>
                        <tr class="border-b border-gray-200">
                            <th class="text-left w-48">Slug</th>
                            <td>{{ $productBrand->slug }}</td>
                        </tr>
                        <tr class="border-b border-gray-200">
                            <th class="text-left w-48">Description</th>
                            <td>{{ $productBrand->description ?: 'No description' }}</td>
                        </tr>
                        <tr class="border-b border-gray-200">
                            <th class="text-left w-48">Parent Brand</th>
                            <td>
                                @if ($productBrand->parent)
                                    <a href="{{ route('admin.product-brands.show', $productBrand->parent->id) }}"
                                        class="text-blue-600 hover:text-blue-800 underline">
                                        {{ $productBrand->parent->name }}
                                    </a>
                                @else
                                    None (Top Level)
                                @endif
                            </td>
                        </tr>
                        <tr class="border-b border-gray-200">
                            <th class="text-left w-48">Language</th>
                            <td>{{ $productBrand->language->name ?? 'Unknown' }}</td>
                        </tr>
                        <tr class="border-b border-gray-200">
                            <th class="text-left w-48">Sort Order</th>
                            <td>{{ $productBrand->sort_order }}</td>
                        </tr>
                        <tr class="border-b border-gray-200">
                            <th class="text-left w-48">Created At</th>
                            <td>{{ $productBrand->created_at->format('Y-m-d H:i:s') }}</td>
                        </tr>
                        <tr>
                            <th class="text-left w-48">Updated At</th>
                            <td>{{ $productBrand->updated_at->format('Y-m-d H:i:s') }}</td>
                        </tr>
                    </table>
                </div>
            </div>

            @if ($productBrand->children->count() > 0)
                <div class="card">
                    <h5 class="text-lg font-medium mb-4">Child Brands</h5>
                    <div class="overflow-x-auto">
                        <table class="w-full">
                            <thead>
                                <tr class="border-b border-gray-200">
                                    <th class="px-4 py-3 text-left font-medium text-gray-700">Name</th>
                                    <th class="px-4 py-3 text-left font-medium text-gray-700">Products</th>
                                    <th class="px-4 py-3 text-left font-medium text-gray-700">Actions</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($productBrand->children as $child)
                                    <tr class="border-b border-gray-100 hover:bg-gray-50">
                                        <td>{{ $child->name }}</td>
                                        <td>{{ $child->contents->count() }}</td>
                                        <td>
                                            <div class="flex gap-2">
                                                <a href="{{ route('admin.product-brands.show', $child->id) }}"
                                                    class="btn btn-info btn-sm">View</a>
                                                <a href="{{ route('admin.product-brands.edit', $child->id) }}"
                                                    class="btn btn-primary btn-sm">Edit</a>
                                            </div>
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            @endif

            @if ($productBrand->contents->count() > 0)
                <div class="card">
                    <h5 class="text-lg font-medium mb-4">Products in this Brand</h5>
                    <div class="overflow-x-auto">
                        <table class="w-full">
                            <thead>
                                <tr class="border-b border-gray-200">
                                    <th class="px-4 py-3 text-left font-medium text-gray-700">Title</th>
                                    <th class="px-4 py-3 text-left font-medium text-gray-700">Status</th>
                                    <th class="px-4 py-3 text-left font-medium text-gray-700">Actions</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($productBrand->contents as $product)
                                    <tr class="border-b border-gray-100 hover:bg-gray-50">
                                        <td>{{ $product->title }}</td>
                                        <td>
                                            @php
                                                $statusClass = match ($product->status) {
                                                    'published' => 'bg-green-100 text-green-800',
                                                    'draft' => 'bg-gray-100 text-gray-800',
                                                    'scheduled' => 'bg-blue-100 text-blue-800',
                                                    'archived' => 'bg-yellow-100 text-yellow-800',
                                                    'trash' => 'bg-red-100 text-red-800',
                                                    default => 'bg-gray-100 text-gray-800',
                                                };
                                            @endphp
                                            <span
                                                class="inline-flex px-2 py-1 text-xs font-medium rounded-full {{ $statusClass }}">
                                                {{ ucfirst($product->status) }}
                                            </span>
                                        </td>
                                        <td>
                                            <div class="flex gap-2">
                                                <a href="{{ route('admin.content.show', $product->id) }}"
                                                    class="btn btn-info btn-sm">View</a>
                                                <a href="{{ route('admin.content.edit', $product->id) }}"
                                                    class="btn btn-primary btn-sm">Edit</a>
                                            </div>
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            @endif
        </div>

        <div class="space-y-6">
            @if ($productBrand->getFirstMediaUrl('featured'))
                <div class="card">
                    <div class="card-header">
                        <h5 class="text-lg font-medium mb-4">Featured Image</h5>
                    </div>
                    <div class="text-center">
                        <img src="{{ $productBrand->getFirstMediaUrl('featured') }}" alt="{{ $productBrand->name }}"
                            class="w-full h-auto rounded">
                    </div>
                </div>
            @endif

            @if ($productBrand->getFirstMediaUrl('icon'))
                <div class="card">
                    <div class="card-header">
                        <h5 class="text-lg font-medium mb-4">Icon</h5>
                    </div>
                    <div class="text-center">
                        <img src="{{ $productBrand->getFirstMediaUrl('icon') }}" alt="{{ $productBrand->name }} icon"
                            class="w-full h-auto max-h-24 object-contain rounded">
                    </div>
                </div>
            @endif
        </div>
    </div>
@endsection