@extends('layouts.admin')

@section('title', 'Редагувати тімліда')
@section('page_title', "Редагувати тімліда: {$user->name}")

@push('head')
    <link rel="stylesheet" href="{{ asset('css/admin/teamleads-create.css') }}">
@endpush

@section('content')

    @php
        /** @var \App\Models\User $user */
        /** @var \Illuminate\Support\Collection|\Illuminate\Database\Eloquent\Collection $cabinets */
        /** @var array<int> $attached */

        // Масив вибраних кабінетів: спочатку old(), якщо є помилка, інакше – те, що вже привʼязано
        $oldCabinetIds = collect(old('cabinets', $attached ?? []))
            ->map(fn($id) => (int)$id)
            ->all();

        $cabinetsCount = $cabinets->count();
    @endphp

    @if ($errors->any())
        <div class="alert alert-danger">
            @foreach ($errors->all() as $e)
                <div>{{ $e }}</div>
            @endforeach
        </div>
    @endif

    <div class="tl-create-wrapper">

        <div class="admin-card tl-create-card">

            {{-- HERO / ШАПКА --}}
            <div class="tl-create-hero">
                <div class="tl-create-avatar-wrapper">
                    <div class="tl-create-avatar-ring"></div>
                    <div class="tl-create-avatar">
                        {{ mb_substr($user->name, 0, 2) }}
                    </div>
                </div>

                <div class="tl-create-hero-text">
                    <div class="tl-create-hero-label">Редагування тімліда</div>
                    <h3 class="tl-create-hero-title">
                        {{ $user->name }}
                    </h3>
                    <p class="tl-create-hero-subtitle">
                        Онови дані тімліда, email для входу та кабінети, за які він відповідає.
                    </p>

                    <div class="tl-create-hero-chips">
                        <span class="tl-create-chip">
                            <span class="tl-create-chip-dot dot-blue"></span>
                            Керування роллю
                        </span>
                        <span class="tl-create-chip">
                            <span class="tl-create-chip-dot dot-green"></span>
                            Впливає на статистику та рейтинги
                        </span>
                    </div>
                </div>
            </div>

            {{-- ФОРМА --}}
            <form method="POST"
                  action="{{ route('admin.teamleads.update', $user) }}"
                  class="tl-create-form">
                @csrf
                @method('PUT')

                <div class="tl-create-grid">

                    {{-- ЛІВА КОЛОНКА: ОСНОВНІ ДАНІ --}}
                    <div class="tl-create-column">

                        <div class="tl-section">
                            <div class="tl-section-header">
                                <div class="tl-section-title">
                                    Основні дані
                                </div>
                                <div class="tl-section-subtitle">
                                    Зміни імʼя тімліда та email, який він використовує для входу в адмінку.
                                </div>
                            </div>

                            <div class="tl-form-group">
                                <label for="name">Імʼя тімліда</label>
                                <input id="name"
                                       type="text"
                                       name="name"
                                       class="tl-input"
                                       value="{{ old('name', $user->name) }}"
                                       required>
                            </div>

                            <div class="tl-form-group">
                                <label for="email">Email для входу</label>
                                <input id="email"
                                       type="email"
                                       name="email"
                                       class="tl-input"
                                       value="{{ old('email', $user->email) }}"
                                       required>
                                <div class="tl-field-hint">
                                    Якщо змінюєш email — не забудь попередити тімліда про новий логін.
                                </div>
                            </div>
                        </div>

                        <div class="tl-section">
                            <div class="tl-section-header">
                                <div class="tl-section-title">
                                    Пароль
                                </div>
                                <div class="tl-section-subtitle">
                                    Можеш задати новий пароль або залишити поле порожнім, щоб не змінювати поточний.
                                </div>
                            </div>

                            <div class="tl-form-group">
                                <label for="password">Новий пароль (необовʼязково)</label>
                                <input id="password"
                                       type="password"
                                       name="password"
                                       class="tl-input"
                                       placeholder="Залиш порожнім, якщо не потрібно змінювати">
                                <div class="tl-field-hint">
                                    Якщо тут нічого не заповнювати — пароль залишиться без змін.
                                </div>
                            </div>
                        </div>

                    </div>

                    {{-- ПРАВА КОЛОНКА: КАБІНЕТИ --}}
                    <div class="tl-create-column">

                        <div class="tl-section">
                            <div class="tl-section-header tl-section-header-row">
                                <div>
                                    <div class="tl-section-title">
                                        Кабінети тімліда
                                    </div>
                                    <div class="tl-section-subtitle">
                                        Вибери, за які кабінети цей тімлід відповідає.
                                    </div>
                                </div>

                                <div class="tl-cabinets-count-badge">
                                    Кабінетів: <strong>{{ $cabinetsCount }}</strong>
                                </div>
                            </div>

                            @if($cabinetsCount)
                                <div class="tl-cabinets-grid">
                                    @foreach($cabinets as $cabinet)
                                        @php
                                            $isChecked = in_array((int)$cabinet->id, $oldCabinetIds, true);
                                        @endphp

                                        <label class="tl-cabinet-tile">
                                            <input type="checkbox"
                                                   name="cabinets[]"
                                                   value="{{ $cabinet->id }}"
                                                {{ $isChecked ? 'checked' : '' }}>
                                            <div class="tl-cabinet-tile-inner">
                                                <div class="tl-cabinet-tile-header">
                                                    <div class="tl-cabinet-icon">
                                                        {{ mb_substr($cabinet->slug ?: $cabinet->name, 0, 2) }}
                                                    </div>
                                                    <div class="tl-cabinet-text">
                                                        <div class="tl-cabinet-name">
                                                            {{ $cabinet->name }}
                                                        </div>
                                                        @if(!empty($cabinet->slug))
                                                            <div class="tl-cabinet-slug">
                                                                {{ $cabinet->slug }}
                                                            </div>
                                                        @endif
                                                    </div>
                                                </div>
                                            </div>
                                        </label>
                                    @endforeach
                                </div>
                            @else
                                <div class="tl-field-hint">
                                    Поки що немає створених кабінетів. Спочатку створи хоча б один кабінет.
                                </div>
                            @endif

                            <div class="tl-field-hint mt-2">
                                Можна обирати будь-яку кількість кабінетів.
                            </div>
                        </div>

                    </div>

                </div>

                {{-- КНОПКИ --}}
                <div class="tl-create-actions">
                    <button class="btn btn-primary tl-btn-main">
                        💾 Зберегти зміни
                    </button>

                    <a href="{{ route('admin.teamleads.index') }}"
                       class="btn btn-outline-secondary tl-btn-secondary">
                        Скасувати
                    </a>
                </div>

            </form>

        </div>

    </div>

@endsection