@extends('layouts.app')

@section('content')
    {{-- İŞLEV ÇUBUĞU --}}
    <header class="bg-gradient-to-b from-stone-100 to-white shadow tracking-tight">
        <div class="lg:divide-y lg:divide-gray-200">
            <nav class="hidden lg:flex divide-x" aria-label="Global">
                <div
                    class="bg-gradient-to-b from-stone-600 to-stone-500 ps-2.5 pe-4 py-1.5 text-sm text-stone-50 shadow-sm rounded-e-2xl">
                    BU HAFTA
                </div>
                <a href="#" type="button"
                    class="px-3.5 py-1.5 text-sm text-stone-500 hover:bg-stone-100 transition-all">Yazdır</a>
            </nav>
        </div>
    </header>

    {{-- HAFTA GÜNLERİ --}}
    @include('components.week')

    {{-- İŞLEV ÇUBUĞU --}}
@endsection

@section('scripts')
    {{-- COMPANIES COMBOBOX --}}
    <script>
        function companyCombobox() {
            return {
                search: '',
                isOpen: false,
                companies: @json($companies_all),
                filteredCompanies: [],
                selectedCompanyId: null,
                selectedCompanyName: null,
                init() {
                    this.filteredCompanies = this.companies;
                },
                toggleDropdown() {
                    this.isOpen = !this.isOpen;
                },
                filterCompanies() {
                    const turkishCharMap = {
                        'i': 'iı',
                        'ı': 'iı',
                        's': 'sş',
                        'ş': 'sş',
                        'g': 'gğ',
                        'ğ': 'gğ',
                        'u': 'uü',
                        'ü': 'uü',
                        'c': 'cç',
                        'ç': 'cç',
                        'o': 'oö',
                        'ö': 'oö'
                    };

                    const normalizeString = (str) => {
                        return str.toLowerCase().normalize('NFD').replace(/[\u0300-\u036f]/g, '').split('').map(
                            char => {
                                return turkishCharMap[char] || char;
                            }).join('');
                    };

                    const searchLower = normalizeString(this.search);
                    this.filteredCompanies = this.companies.filter(company => {
                        const normalizedCompanyName = normalizeString(company.name);
                        return searchLower.split('').every(char => normalizedCompanyName.includes(char));
                    });
                    this.isOpen = true;
                },
                selectCompany(company) {
                    this.search = company.name;
                    this.selectedCompanyId = company.id;
                    this.selectedCompanyName = company.name;
                    this.isOpen = false;
                }
            }
        }
    </script>
@endsection