@extends('layouts.user')
@section('pageTitle')
    Ayarlar
@endsection
@section('content')
    <div class="text-gray-300">
        <ul class="w-full divide-y-2 divide-theme_secondary_black py-4 overflow-y-auto h-[calc(100vh-140px)]">
            <li class="pb-3 px-2">
                <a href="{{ route('workers.profile.index') }}" class="flex items-center space-x-4 rtl:space-x-reverse">
                    <div class="flex-shrink-0">
                        <img class="w-8 h-8" src="{{ asset('assets/ProfilAyarlari.svg') }}">
                    </div>
                    <div class="flex-1 min-w-0">
                        <p class="text-sm font-medium truncate">
                            Profil Ayarları
                        </p>
                        <p class="text-sm text-gray-500 truncate">
                            Profil bilgilerinizi güncelleyin
                        </p>
                    </div>
                </a>
            </li>
            {{-- <li class="py-3 px-2">
                <a href="{{ route('workers.noAvailableDays') }}" class="flex items-center space-x-4 rtl:space-x-reverse">
                    <div class="flex-shrink-0">
                        <img class="w-8 h-8" src="{{ asset('assets/musait-olunmayan-gunler-icon.svg') }}">
                    </div>
                    <div class="flex-1 min-w-0">
                        <p class="text-sm font-medium truncate">
                            Müsait olunmayan günler
                        </p>
                        <p class="text-sm text-gray-500 truncate">
                            Müsait olmadığınız günleri ekleyin veya görüntüleyin
                        </p>
                    </div>
                </a>
            </li> --}}
            <li class="py-3 px-2">
                <a href="{{ route('workers.references.index') }}" class="flex items-center space-x-4 rtl:space-x-reverse">
                    <div class="flex-shrink-0">
                        <img class="w-8 h-8" src="{{ asset('assets/Referanslar.svg') }}">
                    </div>
                    <div class="flex-1 min-w-0">
                        <p class="text-sm font-medium truncate">
                            Referanslar
                        </p>
                        <p class="text-sm text-gray-500 truncate">
                            Referans oldugunuz kullanıcıları ve referans kodunuzu görüntüleyin
                        </p>
                    </div>
                </a>
            </li>
            <li class="py-3 px-2">
                <a href="{{ route('workers.advanceRequestsIndex') }}#activeRequests"
                    class="flex items-center space-x-4 rtl:space-x-reverse">
                    <div class="flex-shrink-0">
                        <img class="w-8 h-8" src="{{ asset('assets/AvansTalepleri.svg') }}">
                    </div>
                    <div class="flex-1 min-w-0">
                        <p class="text-sm font-medium truncate">
                            Avans Talepleri
                        </p>
                        <p class="text-sm text-gray-500 truncate">
                            Avans talep etmek istiyor musunuz ?
                        </p>
                    </div>
                    {{-- <div class="inline-flex items-center text-base font-semibold">
                        <span
                            class="inline-flex text-[10px] w-6 h-6 justify-center items-center bg-red-700 border-white rounded-full">1</span>
                    </div> --}}
                </a>
            </li>
            <li class="py-3 px-2">
                <a href="{{ route('workers.payment.index') }}" class="flex items-center space-x-4 rtl:space-x-reverse">
                    <div class="flex-shrink-0">
                        <img class="w-8 h-8" src="{{ asset('assets/Hakedis.svg') }}">
                    </div>
                    <div class="flex-1 min-w-0">
                        <p class="text-sm font-medium truncate">
                            Hakediş
                        </p>
                        <p class="text-sm text-gray-500 truncate">
                            Yapmış olduğunuz işlerdeki toplam kazancınızı görüntüleyin.
                        </p>
                    </div>
                </a>
            </li>
            <li class="py-3 px-2">
                <a href="{{ route('workers.aboutUs.index') }}" class="flex items-center space-x-4 rtl:space-x-reverse">
                    <div class="flex-shrink-0">
                        <img class="w-8 h-8" src="{{ asset('assets/hakkimizda.svg') }}">
                    </div>
                    <div class="flex-1 min-w-0">
                        <p class="text-sm font-medium truncate">
                            Hakkımızda
                        </p>
                        <p class="text-sm text-gray-500 truncate">
                            Extrasistem Hakkında Bilgi Edinin.
                        </p>
                    </div>
                </a>
            </li>
            <li class="py-3 px-2">
                <a href="{{ route('workers.aboutFirm.index') }}" class="flex items-center space-x-4 rtl:space-x-reverse">
                    <div class="flex-shrink-0">
                        <img class="w-8 h-8" src="{{ asset('assets/Firma Bilgileri.svg') }}">
                    </div>
                    <div class="flex-1 min-w-0">
                        <p class="text-sm font-medium truncate">
                            Firma Bilgileri
                        </p>
                        <p class="text-sm text-gray-500 truncate">
                            Çalıştığınız firmanın bilgileri
                        </p>
                    </div>
                </a>
            </li>
            <li class="py-3 px-2">
                <a href="{{ route('workers.authorizedPerson.index') }}"
                    class="flex items-center space-x-4 rtl:space-x-reverse">
                    <div class="flex-shrink-0">
                        <img class="w-8 h-8" src="{{ asset('assets/YetkiliBilgileri.svg') }}">
                    </div>
                    <div class="flex-1 min-w-0">
                        <p class="text-sm font-medium truncate">
                            Yetkili Bilgileri
                        </p>
                        <p class="text-sm text-gray-500 truncate">
                            Çalıştığınız operasyon müdürünün bilgileri
                        </p>
                    </div>
                </a>
            </li>
            <li class="py-3 px-2">
                <a href="{{ route('workers.debit.index') }}" class="flex items-center space-x-4 rtl:space-x-reverse">
                    <div class="flex-shrink-0">
                        <img class="w-8 h-8" src="{{ asset('assets/zimmet-islemleri2.svg') }}">
                    </div>
                    <div class="flex-1 min-w-0">
                        <p class="text-sm font-medium truncate">
                            Zimmet İşlemleri
                        </p>
                        <p class="text-sm text-gray-500 truncate">
                            Üstünüze zimmetlenmiş ürünleri görün.
                        </p>
                    </div>
                </a>
            </li>
            <li class="py-3 px-2">
                <a href="{{ route('workers.gallery.index') }}" class="flex items-center space-x-4 rtl:space-x-reverse">
                    <div class="flex-shrink-0">
                        <img class="w-8 h-8" src="{{ asset('assets/images-regular.svg') }}">
                    </div>
                    <div class="flex-1 min-w-0">
                        <p class="text-sm font-medium truncate">
                            Galeri
                        </p>
                        <p class="text-sm text-gray-500 truncate">
                            Kendi fotoğraflarınızı yükleyin.
                        </p>
                    </div>
                </a>
            </li>
            <li class="py-3 px-2">
                <form id="logout" method="POST" action="{{ route('logout') }}" onsubmit="showLoading()">
                    @csrf
                </form>
                <button form="logout" class="flex items-center space-x-4 rtl:space-x-reverse">
                    <div class="flex-shrink-0">
                        <img class="w-8 h-8" src="{{ asset('assets/logout.svg') }}">
                    </div>
                    <div class="flex-1 min-w-0">
                        <p class="text-sm text-red-700 font-medium truncate">
                            Hesabınızdan Çıkış Yapın
                        </p>
                    </div>
                </button>
            </li>
        </ul>
    </div>
    @if ($errors->any())
        @include('components.error-modal-second')
    @endif
    @if (session('error'))
        <x-toast color="red-700">
            <x-slot name="message">
                {{ session('error') }}
            </x-slot>
            <x-slot name="icon">
                <i class="fa-solid fa-exclamation"></i>
            </x-slot>
        </x-toast>
    @endif
    @if (session('success'))
        <x-toast color="green-700">
            <x-slot name="message">
                {{ session('success') }}
            </x-slot>
            <x-slot name="icon">
                <i class="fa-solid fa-check"></i>
            </x-slot>
        </x-toast>
    @endif
@endsection