@extends('layouts.app')
@section('title', $business->name)
@section('page-title', $business->name)

@section('content')
{{-- Back Link --}}
<div class="mb-4">
    <a href="{{ route('businesses') }}" class="inline-flex items-center gap-1.5 text-sm text-gray-500 dark:text-gray-400 hover:text-primary transition-colors">
        <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"/></svg>
        Tum Isletmeler
    </a>
</div>

{{-- Business Header Card --}}
<div class="bg-white dark:bg-gray-800 rounded-2xl shadow-sm border border-gray-100 dark:border-gray-700 p-6 mb-6">
    <div class="flex items-start gap-5">
        {{-- Logo --}}
        <div class="w-24 h-24 rounded-2xl overflow-hidden flex items-center justify-center flex-shrink-0 {{ $business->logo_data_uri ? 'bg-gray-50 dark:bg-gray-700' : 'bg-violet-50 dark:bg-violet-900/30' }}">
            @if($business->logo_data_uri)
                <img src="{{ $business->logo_data_uri }}" alt="{{ $business->name }}" class="w-full h-full object-cover">
            @elseif($business->business_type_icon)
                <span class="text-4xl">{{ $business->business_type_icon }}</span>
            @else
                <svg class="w-12 h-12 text-violet-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"/></svg>
            @endif
        </div>

        <div class="min-w-0 flex-1">
            <div class="flex items-center gap-3 flex-wrap">
                <h2 class="text-lg font-bold text-gray-800 dark:text-gray-100">{{ $business->name }}</h2>
                <span class="inline-flex items-center px-2.5 py-0.5 rounded-md text-xs font-medium bg-violet-50 text-violet-700 dark:bg-violet-900/30 dark:text-violet-400">{{ $business->business_type_name }}</span>
                @if($business->is_open_now)
                    <span class="inline-flex items-center gap-1.5 px-2.5 py-1 rounded-full text-xs font-semibold bg-emerald-50 text-emerald-700 ring-1 ring-inset ring-emerald-600/10 dark:bg-emerald-900/30 dark:text-emerald-400 dark:ring-emerald-500/20">
                        <span class="w-1.5 h-1.5 rounded-full bg-emerald-500 animate-pulse"></span>
                        Acik
                    </span>
                @else
                    <span class="inline-flex items-center gap-1.5 px-2.5 py-1 rounded-full text-xs font-semibold bg-red-50 text-red-700 ring-1 ring-inset ring-red-600/10 dark:bg-red-900/30 dark:text-red-400 dark:ring-red-500/20">
                        <span class="w-1.5 h-1.5 rounded-full bg-red-500"></span>
                        Kapali
                    </span>
                @endif
            </div>

            @if($business->description)
                <p class="text-sm text-gray-500 dark:text-gray-400 mt-2">{{ $business->description }}</p>
            @endif

            <div class="flex items-center gap-4 mt-3 flex-wrap">
                @if($business->location)
                    <span class="text-xs text-gray-400 dark:text-gray-500 flex items-center gap-1.5">
                        <svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"/><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"/></svg>
                        {{ $business->location }}
                    </span>
                @endif
                @if($business->phone)
                    <span class="text-xs text-gray-400 dark:text-gray-500 flex items-center gap-1.5">
                        <svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"/></svg>
                        {{ $business->phone }}
                    </span>
                @endif
                @if($business->contact_person)
                    <span class="text-xs text-gray-400 dark:text-gray-500 flex items-center gap-1.5">
                        <svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"/></svg>
                        {{ $business->contact_person }}
                    </span>
                @endif
            </div>
        </div>
    </div>
</div>

<div class="grid grid-cols-1 lg:grid-cols-3 gap-6">
    {{-- Working Hours --}}
    <div class="lg:col-span-1">
        <div class="bg-white dark:bg-gray-800 rounded-2xl shadow-sm border border-gray-100 dark:border-gray-700 p-5">
            <h3 class="text-xs font-semibold text-gray-400 dark:text-gray-500 uppercase tracking-wider mb-3">Calisma Saatleri</h3>
            @php
                $sortedHours = $business->workingHours->sortBy('day_of_week');
                $now = \Carbon\Carbon::now();
                $dayMap = [1 => 0, 2 => 1, 3 => 2, 4 => 3, 5 => 4, 6 => 5, 0 => 6];
                $todayIdx = $dayMap[$now->dayOfWeek];
            @endphp
            @if($sortedHours->count() > 0)
                <div class="space-y-1">
                    @foreach($sortedHours as $wh)
                        <div class="flex items-center justify-between px-3 py-2.5 rounded-lg text-sm {{ $wh->day_of_week === $todayIdx ? 'bg-violet-50 dark:bg-violet-900/20 font-medium' : '' }}">
                            <span class="text-gray-700 dark:text-gray-300 {{ $wh->day_of_week === $todayIdx ? 'text-violet-700 dark:text-violet-400' : '' }}">
                                {{ $wh->day_name }}
                                @if($wh->day_of_week === $todayIdx)
                                    <span class="text-[10px] text-violet-500 ml-1">(Bugun)</span>
                                @endif
                            </span>
                            @if($wh->is_closed)
                                <span class="text-xs text-red-500 font-medium">Kapali</span>
                            @elseif($wh->open_time && $wh->close_time)
                                <span class="text-xs text-gray-500 dark:text-gray-400 font-mono">{{ $wh->open_time }} - {{ $wh->close_time }}</span>
                            @else
                                <span class="text-xs text-gray-400">-</span>
                            @endif
                        </div>
                    @endforeach
                </div>
            @else
                <p class="text-xs text-gray-400 text-center py-4">Calisma saatleri tanimlanmamis.</p>
            @endif
        </div>
    </div>

    {{-- Products --}}
    <div class="lg:col-span-2">
        <div class="bg-white dark:bg-gray-800 rounded-2xl shadow-sm border border-gray-100 dark:border-gray-700 p-5">
            <h3 class="text-xs font-semibold text-gray-400 dark:text-gray-500 uppercase tracking-wider mb-3">Urunler</h3>
            @if($business->products->count() > 0)
                @php
                    $categories = $business->productCategories;
                    $uncategorized = $business->products->whereNull('category_source_id');
                @endphp

                @foreach($categories as $category)
                    @php
                        $catProducts = $business->products->where('category_source_id', $category->source_id);
                    @endphp
                    @if($catProducts->count() > 0)
                        <div class="mb-5 last:mb-0">
                            <h4 class="text-xs font-semibold text-violet-600 dark:text-violet-400 uppercase tracking-wider mb-2 flex items-center gap-2">
                                <span class="w-1.5 h-1.5 rounded-full bg-violet-500"></span>
                                {{ $category->name }}
                            </h4>
                            <div class="space-y-1">
                                @foreach($catProducts as $product)
                                    <div class="flex items-center justify-between px-3 py-2.5 rounded-lg hover:bg-gray-50 dark:hover:bg-gray-700/30 transition-colors">
                                        <div class="min-w-0">
                                            <span class="text-sm text-gray-700 dark:text-gray-300">{{ $product->name }}</span>
                                            @if($product->description)
                                                <p class="text-xs text-gray-400 dark:text-gray-500 mt-0.5">{{ $product->description }}</p>
                                            @endif
                                        </div>
                                        <span class="text-sm font-bold text-gray-800 dark:text-gray-100 flex-shrink-0 ml-4 bg-gray-100 dark:bg-gray-700 px-2.5 py-1 rounded-lg">{{ number_format($product->price, 2, ',', '.') }} TL</span>
                                    </div>
                                @endforeach
                            </div>
                        </div>
                    @endif
                @endforeach

                @if($uncategorized->count() > 0)
                    <div class="mb-5 last:mb-0">
                        @if($categories->count() > 0)
                            <h4 class="text-xs font-semibold text-gray-400 dark:text-gray-500 uppercase tracking-wider mb-2 flex items-center gap-2">
                                <span class="w-1.5 h-1.5 rounded-full bg-gray-400"></span>
                                Diger
                            </h4>
                        @endif
                        <div class="space-y-1">
                            @foreach($uncategorized as $product)
                                <div class="flex items-center justify-between px-3 py-2.5 rounded-lg hover:bg-gray-50 dark:hover:bg-gray-700/30 transition-colors">
                                    <div class="min-w-0">
                                        <span class="text-sm text-gray-700 dark:text-gray-300">{{ $product->name }}</span>
                                        @if($product->description)
                                            <p class="text-xs text-gray-400 dark:text-gray-500 mt-0.5">{{ $product->description }}</p>
                                        @endif
                                    </div>
                                    <span class="text-sm font-bold text-gray-800 dark:text-gray-100 flex-shrink-0 ml-4 bg-gray-100 dark:bg-gray-700 px-2.5 py-1 rounded-lg">{{ number_format($product->price, 2, ',', '.') }} TL</span>
                                </div>
                            @endforeach
                        </div>
                    </div>
                @endif
            @else
                <div class="text-center py-8">
                    <svg class="w-10 h-10 text-gray-300 dark:text-gray-600 mx-auto mb-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"/></svg>
                    <p class="text-xs text-gray-400 dark:text-gray-500">Urun tanimlanmamis.</p>
                </div>
            @endif
        </div>
    </div>
</div>
@endsection