@extends('layouts.app')
@section('title', 'Isletmeler')
@section('page-title', 'Isletmeler')

@section('content')
@if($businesses->count() > 0)
    <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4">
        @foreach($businesses as $business)
            @php
                $todayWh = $business->today_working_hour;
                $isOpen = $business->is_open_now;
            @endphp
            <a href="{{ route('businesses.show', $business->id) }}"
               class="group bg-white dark:bg-gray-800 rounded-2xl shadow-sm border border-gray-100 dark:border-gray-700 overflow-hidden hover:shadow-md hover:border-gray-200 dark:hover:border-gray-600 transition-all">
                <div class="p-5 flex flex-col items-center text-center">
                    {{-- Logo --}}
                    <div class="w-20 h-20 rounded-2xl overflow-hidden flex items-center justify-center mb-4 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-3xl">{{ $business->business_type_icon }}</span>
                        @else
                            <svg class="w-10 h-10 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>

                    {{-- Name --}}
                    <h3 class="text-sm font-semibold text-gray-800 dark:text-gray-100 group-hover:text-primary transition-colors">{{ $business->name }}</h3>

                    {{-- Type Badge --}}
                    <span class="inline-flex items-center px-2 py-0.5 rounded-md text-[10px] font-medium bg-violet-50 text-violet-700 dark:bg-violet-900/30 dark:text-violet-400 mt-1.5">{{ $business->business_type_name }}</span>

                    {{-- Today's Hours --}}
                    <div class="mt-3 flex items-center gap-2">
                        @if($isOpen)
                            <span class="w-1.5 h-1.5 rounded-full bg-emerald-500 animate-pulse"></span>
                            <span class="text-xs font-medium text-emerald-600 dark:text-emerald-400">Acik</span>
                        @else
                            <span class="w-1.5 h-1.5 rounded-full bg-red-500"></span>
                            <span class="text-xs font-medium text-red-500 dark:text-red-400">Kapali</span>
                        @endif
                        @if($todayWh && !$todayWh->is_closed && $todayWh->open_time && $todayWh->close_time)
                            <span class="text-xs text-gray-400 dark:text-gray-500">{{ $todayWh->open_time }} - {{ $todayWh->close_time }}</span>
                        @endif
                    </div>
                </div>
            </a>
        @endforeach
    </div>
@else
    <div class="bg-white dark:bg-gray-800 rounded-2xl shadow-sm border border-gray-100 dark:border-gray-700 p-12 text-center">
        <div class="w-16 h-16 bg-violet-50 dark:bg-violet-900/30 rounded-2xl flex items-center justify-center mx-auto mb-4">
            <svg class="w-8 h-8 text-violet-300" 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>
        </div>
        <p class="text-gray-400 dark:text-gray-500 text-sm">Henuz isletme tanimlanmamis.</p>
    </div>
@endif
@endsection