@extends('menu.layouts.app')

@section('content')

<main class="max-w-lg min-h-screen px-4 pt-4 pb-8 mx-auto bg-stone-200">
    <!-- Firma Bilgisi -->
    <ul role="list"
        class="max-w-2xl grid-cols-2 mx-auto my-6 text-center gap-x-8 gap-y-16 sm:grid-cols-3 md:grid-cols-4 lg:mx-0 lg:max-w-none lg:grid-cols-5 xl:grid-cols-6">
        <li>
            @if(isset($company) && $company)
            <img class="mx-auto h-28 w-28 rounded-2xl" src="{{ $company->getImageUrl() }}" alt="{{ $company->name }}" />
            <h3 class="mt-4 text-2xl leading-7 tracking-tight text-stone-900">
                {{ $company->name }}
            </h3>
            @if($company->web)
            <p class="text-sm leading-6 text-stone-600">{{ $company->web }}</p>
            @endif
            @endif
        </li>
    </ul>

    <!-- Servis Kapalı Mesajı -->
    <div class="max-w-md p-6 mx-auto mt-8 bg-white rounded-2xl shadow-lg">
        <div class="text-center">
            <!-- Saat İkonu -->
            <div class="flex justify-center mb-4">
                <span class="material-symbols-rounded text-6xl text-amber-500">schedule</span>
            </div>

            <h2 class="text-xl font-semibold text-stone-800 mb-2">{{ __('menu.outside_service_title') }}</h2>

            <p class="text-sm text-stone-600 mb-4">
                {{ __('menu.not_accepting_orders', ['business' => $company->name ?? __('menu.business')]) }}
            </p>

            @if(isset($nextOpen) && $nextOpen)
            <div class="p-4 rounded-lg bg-blue-50 border border-blue-200">
                <p class="text-sm text-blue-800">
                    {!! __('menu.service_opens_at', ['time' => '<strong>' . $nextOpen . '</strong>']) !!}
                </p>
            </div>
            @endif

            <!-- Bugünün servis saatleri -->
            @if(isset($todaySlots) && is_array($todaySlots) && count($todaySlots) > 0)
            <div class="mt-4 p-3 rounded-lg bg-stone-50 border border-stone-200 text-left">
                <p class="text-xs font-semibold text-stone-500 uppercase tracking-wide mb-2">{{
                    __('menu.today_service_hours') }}</p>
                <div class="space-y-1">
                    @foreach($todaySlots as $slot)
                    <div class="flex items-center justify-between text-sm">
                        <span class="font-medium text-stone-700">{{ $slot['name'] ?? __('menu.service') }}</span>
                        <span
                            class="{{ ($slot['is_closed'] ?? false) ? 'text-red-400 line-through' : 'text-stone-600' }}">
                            {{ $slot['open'] ?? '' }} — {{ $slot['close'] ?? '' }}
                        </span>
                    </div>
                    @endforeach
                </div>
            </div>
            @endif

            <p class="mt-6 text-xs text-stone-400">
                {{ __('menu.try_again_later') }}
            </p>
        </div>
    </div>
</main>

@endsection