@extends('layouts.cleaning')

@section('content')
<div class="max-w-6xl mx-auto w-full">
    <!-- Header -->
    <div class="mb-6 border-b border-gray-200 pb-4 flex flex-col md:flex-row md:items-end justify-between gap-4">
        <div>
            <div class="flex items-center gap-2 mb-1">
                <span class="text-xs font-bold tracking-widest text-gray-500 uppercase">TANRAIL ONE</span>
                <span class="text-xs font-bold text-gray-400">|</span>
                <span class="text-xs font-bold text-gray-900 uppercase">Cleaning Operations</span>
                <span class="text-xs font-bold text-gray-400">|</span>
                <span class="text-xs font-bold text-gray-500 uppercase">{{ $branch->name }}</span>
            </div>
            <h1 class="text-3xl font-black text-gray-900 tracking-tight">Today's Workspace</h1>
        </div>
        <div class="text-right">
            <div class="text-sm font-medium text-gray-500">{{ today()->format('l, F j, Y') }} &mdash; Shift: {{ $dailyControl->shift }}</div>
            <div class="mt-1">
                @if($dailyControl->status === 'Submitted')
                    <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-bold bg-green-100 text-green-800">Submitted</span>
                @else
                    <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-bold bg-blue-100 text-blue-800">In Progress</span>
                @endif
            </div>
        </div>
    </div>

    @if(session('error'))
        <div class="mb-4 bg-red-50 text-red-700 p-4 rounded-xl text-sm border border-red-100 font-medium">
            {{ session('error') }}
        </div>
    @endif
    @if(session('success'))
        <div class="mb-4 bg-green-50 text-green-700 p-4 rounded-xl text-sm border border-green-100 font-medium">
            {{ session('success') }}
        </div>
    @endif
    @if($errors->any())
        <div class="mb-4 bg-red-50 text-red-700 p-4 rounded-xl text-sm border border-red-100 font-medium">
            <ul class="list-disc list-inside">
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif

    @php
        $operationsTabs = [];
        if (auth()->user()->hasCleaningServiceResponsibility($dailyControl->branch_id, 'facility_cleaning')) {
            $operationsTabs[] = ['key' => 'tps', 'label' => 'Station / Facility Cleaning'];
        }
        if (auth()->user()->hasCleaningServiceResponsibility($dailyControl->branch_id, 'sgr_coach_cleaning')) {
            $operationsTabs[] = ['key' => 'sgr', 'label' => 'SGR coaches'];
        }
        if (auth()->user()->hasCleaningServiceResponsibility($dailyControl->branch_id, 'fumigation')) {
            $operationsTabs[] = ['key' => 'fumigation', 'label' => 'Fumigation'];
        }

        $workflowGroups = [
            [
                'number' => '01',
                'title' => 'Prepare the shift',
                'description' => 'Confirm the team and supplies.',
                'tabs' => [
                    ['key' => 'team', 'label' => 'Team & attendance'],
                    ['key' => 'materials', 'label' => 'Materials'],
                ],
            ],
            [
                'number' => '02',
                'title' => 'Run operations',
                'description' => 'Record facility and train work.',
                'tabs' => $operationsTabs,
            ],
            [
                'number' => '03',
                'title' => 'Review & close',
                'description' => 'Resolve issues and submit the shift.',
                'tabs' => [
                    ['key' => 'issues', 'label' => 'Issues'],
                    ['key' => 'closure', 'label' => 'Shift closure'],
                ],
            ],
        ];

        $workflowStatusClasses = [
            'complete' => 'bg-emerald-50 text-emerald-700',
            'attention' => 'bg-amber-50 text-amber-800',
            'neutral' => 'bg-slate-100 text-slate-600',
        ];
    @endphp

    <!-- Shift Workflow Navigation -->
    <nav aria-label="Daily cleaning workflow" class="mb-6 grid grid-cols-1 gap-3 lg:grid-cols-3">
        @foreach ($workflowGroups as $group)
            <section class="rounded-2xl border border-slate-200 bg-white p-4 shadow-sm">
                <div class="mb-3 flex items-start gap-3">
                    <span class="flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-cyan-50 text-xs font-black text-cyan-800">
                        {{ $group['number'] }}
                    </span>
                    <div>
                        <h2 class="text-sm font-black text-slate-900">{{ $group['title'] }}</h2>
                        <p class="mt-0.5 text-xs leading-5 text-slate-500">{{ $group['description'] }}</p>
                    </div>
                </div>

                <div class="grid grid-cols-1 gap-2">
                    @foreach ($group['tabs'] as $workflowTab)
                        @php
                            $isActive = $workflowTab['key'] === 'tps'
                                ? in_array($tab, ['tps', 'execute'], true)
                                : ($workflowTab['key'] === 'sgr'
                                    ? in_array($tab, ['sgr', 'sgr_show', 'sgr_composition', 'sgr_coach_inspect'], true)
                                    : ($workflowTab['key'] === 'fumigation'
                                        ? in_array($tab, ['fumigation', 'fumigation_show', 'fumigation_composition', 'fumigation_coach_inspect'], true)
                                        : $tab === $workflowTab['key']));
                            $workflowStatus = $workflowStatuses[$workflowTab['key']]
                                ?? ['label' => 'Not started', 'tone' => 'neutral'];
                        @endphp

                        <a href="{{ route('cleaning.daily-control.index', ['tab' => $workflowTab['key']]) }}"
                           @if ($isActive) aria-current="page" @endif
                           class="flex min-h-11 items-center justify-between gap-3 rounded-xl border px-3 py-2.5 text-sm font-bold transition-colors {{ $isActive ? 'border-slate-900 bg-slate-900 text-white shadow-sm' : 'border-slate-200 bg-white text-slate-600 hover:border-cyan-200 hover:bg-cyan-50 hover:text-slate-900' }}">
                            <span>{{ $workflowTab['label'] }}</span>
                            <span class="shrink-0 rounded-full px-2 py-1 text-[10px] font-black {{ $workflowStatusClasses[$workflowStatus['tone']] }}">
                                {{ $workflowStatus['label'] }}
                            </span>
                        </a>
                    @endforeach
                </div>
            </section>
        @endforeach
    </nav>

    <!-- Tab Content -->
    <div>
        @include('cleaning.daily-control.tabs.' . $tab)
    </div>
</div>
@endsection