{{-- profila info --}}
<x-form-section submit="updateProfileInformation">
    <x-slot name="title">
        Профил
    </x-slot>

    <x-slot name="description">
        Информации за клиентот/инвеститорот
        <br>
        <a href="{{ route('admin_agent_edit', ['agentId' => $agent->id]) }}" class="inline-block text-center border border-blue-500 rounded-md min-h-[42px] h-auto py-2.5 p-5 text-white bg-blue-500 text-base font-medium leading-tight hover:bg-blue-400 hover:border-blue-400 transition ease-in-out duration-200">Измени</a>
    </x-slot>

    <x-slot name="form">
        <div class="w-[500px] max-w-full flex flex-col gap-3">
        <!-- Profile Photo -->
            <div x-data="{photoName: null, photoPreview: null}" class="col-span-6 sm:col-span-4">
                <!-- Profile Photo File Input -->
                <x-label for="photo" value="{{ __('Слика') }}" />
                <!-- Current Profile Photo -->
                <div class="mt-2" x-show="! photoPreview">
                    <img src="{{ $agent->profile_photo_url }}" alt="{{ $agent->name }}" class="rounded-full h-20 w-20 object-cover">
                </div>
            </div>

            <div class="col-span-3 sm:col-span-4">
                <x-label for="name" value="{{ __('Име') }}" />
                <x-input id="name" type="text" class="mt-1 block w-full" value="{{ $agent->name }}" disabled/>
            </div>

            <div class="col-span-3 sm:col-span-4">
                <x-label for="surname" value="{{ __('Презиме') }}" />
                <x-input id="surname" type="text" class="mt-1 block w-full" value="{{ $agent->surname }}" disabled/>
            </div>

            <div class="col-span-6 sm:col-span-4">
                <x-label for="email" value="{{ __('Емаил') }}" />
                <x-input id="email" type="email" class="mt-1 block w-full"  value="{{ $agent->email }}" disabled/>
            </div>

            <div class="col-span-6 sm:col-span-4">
                <x-label for="address" value="{{ __('Адреса') }}" />
                <x-input id="address" type="text" class="mt-1 block w-full"  value="{{ $agent->address }}" disabled/>
            </div>

            <div class="col-span-6 sm:col-span-4">
                <x-label for="phone" value="{{ __('Телефонски број') }}" />
                +3897<x-input id="phone" type="text" class="mt-1 block w-full"  value="{{ $agent->phone }}" disabled/>
            </div>
        </div>
    </x-slot>

</x-form-section>

<div class="grid grid-cols-1 gap-4 md:grid-cols-2 md:gap-6 xl:grid-cols-4 xl:gap-7 mb-5">
    <!-- Card Item Start -->
    <div class="rounded-sm border border-stroke bg-white py-6 px-7 shadow-default ">
        <div class="flex h-11 w-11 items-center justify-center rounded-full bg-blue-500/30 ">
            <svg class="fill-blue-500 w-[20px] h-auto" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512">
                <path d="M535 41c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l64 64c4.5 4.5 7 10.6 7 17s-2.5 12.5-7 17l-64 64c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l23-23L384 112c-13.3 0-24-10.7-24-24s10.7-24 24-24l174.1 0L535 41zM105 377l-23 23L256 400c13.3 0 24 10.7 24 24s-10.7 24-24 24L81.9 448l23 23c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0L7 441c-4.5-4.5-7-10.6-7-17s2.5-12.5 7-17l64-64c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9zM96 64H337.9c-3.7 7.2-5.9 15.3-5.9 24c0 28.7 23.3 52 52 52l117.4 0c-4 17 .6 35.5 13.8 48.8c20.3 20.3 53.2 20.3 73.5 0L608 169.5V384c0 35.3-28.7 64-64 64H302.1c3.7-7.2 5.9-15.3 5.9-24c0-28.7-23.3-52-52-52l-117.4 0c4-17-.6-35.5-13.8-48.8c-20.3-20.3-53.2-20.3-73.5 0L32 342.5V128c0-35.3 28.7-64 64-64zm64 64H96v64c35.3 0 64-28.7 64-64zM544 320c-35.3 0-64 28.7-64 64h64V320zM320 352a96 96 0 1 0 0-192 96 96 0 1 0 0 192z">
            </path></svg>
        </div>

        <div class="mt-4 flex items-end justify-between">
            <div>
                <h4 class="text-2xl font-bold text-black fill-blue-500">
                    {{ $agentClients->count() }}
                </h4>
                <span class="text-sm font-medium">{{ __('Вкупно инвеститори') }}</span>
            </div>
        </div>
    </div>
    <!-- Card Item End -->

    <!-- Card Item Start -->
    <div class="rounded-sm border border-stroke bg-white py-6 px-7 shadow-default ">
        <div class="flex h-11 w-11 items-center justify-center rounded-full bg-blue-500/30 ">
            <svg class="fill-blue-500 w-[20px] h-auto" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512">
                <path d="M535 41c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l64 64c4.5 4.5 7 10.6 7 17s-2.5 12.5-7 17l-64 64c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l23-23L384 112c-13.3 0-24-10.7-24-24s10.7-24 24-24l174.1 0L535 41zM105 377l-23 23L256 400c13.3 0 24 10.7 24 24s-10.7 24-24 24L81.9 448l23 23c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0L7 441c-4.5-4.5-7-10.6-7-17s2.5-12.5 7-17l64-64c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9zM96 64H337.9c-3.7 7.2-5.9 15.3-5.9 24c0 28.7 23.3 52 52 52l117.4 0c-4 17 .6 35.5 13.8 48.8c20.3 20.3 53.2 20.3 73.5 0L608 169.5V384c0 35.3-28.7 64-64 64H302.1c3.7-7.2 5.9-15.3 5.9-24c0-28.7-23.3-52-52-52l-117.4 0c4-17-.6-35.5-13.8-48.8c-20.3-20.3-53.2-20.3-73.5 0L32 342.5V128c0-35.3 28.7-64 64-64zm64 64H96v64c35.3 0 64-28.7 64-64zM544 320c-35.3 0-64 28.7-64 64h64V320zM320 352a96 96 0 1 0 0-192 96 96 0 1 0 0 192z">
            </path></svg>
        </div>

        <div class="mt-4 flex items-end justify-between">
            <div>
                <h4 class="text-2xl font-bold text-black fill-blue-500">
                    {{ number_format($agent->agentEarnings()->sum('earning')) }} {{ __('ден.') }}
                </h4>
                <span class="text-sm font-medium">{{ __('Вкупна заработка од уплатените инвестиции') }}</span>
            </div>

        </div>
    </div>
</div>

{{-- projects info --}}
<x-form-section submit="updateProfileInformation">
    <x-slot name="title">
        Поднесени инвестиции
    </x-slot>

    <x-slot name="description">
        Информации за инвестициите
    </x-slot>

    <x-slot name="form">
        <div class="w-full overflow-x-auto">
            <table class="min-w-full">
                <thead class="border-b bg-blue-500 text-white">
                    <tr>
                        <th scope="col" class="text-sm sm:text-base px-2 py-2 text-center text-3.5 font-semibold">
                            #
                            <span class="cursor-pointer inline-block align-middle ml-1 -mt-0.5" wire:click="order_by('id')">
                                <svg class="fill-white" width="21" height="12" viewBox="0 0 21 12" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M5.29019 3.71C5.38315 3.80373 5.49375 3.87812 5.61561 3.92889C5.73747 3.97966 5.86817 4.0058 6.00019 4.0058C6.1322 4.0058 6.2629 3.97966 6.38476 3.92889C6.50662 3.87812 6.61722 3.80373 6.71019 3.71C6.80391 3.61704 6.87831 3.50644 6.92908 3.38458C6.97985 3.26272 7.00598 3.13201 7.00598 3C7.00598 2.86799 6.97985 2.73728 6.92908 2.61542C6.87831 2.49356 6.80391 2.38296 6.71019 2.29L4.71019 0.29C4.61508 0.198959 4.50294 0.127594 4.38019 0.0799999C4.13672 -0.0200181 3.86365 -0.0200181 3.62019 0.0799999C3.49743 0.127594 3.38529 0.198959 3.29019 0.29L1.29019 2.29C1.10188 2.4783 0.996094 2.7337 0.996094 3C0.996094 3.2663 1.10188 3.5217 1.29019 3.71C1.47849 3.8983 1.73388 4.00409 2.00019 4.00409C2.26649 4.00409 2.52188 3.8983 2.71019 3.71L3.00019 3.41V8.59L2.71019 8.29C2.52188 8.1017 2.26649 7.99591 2.00019 7.99591C1.73388 7.99591 1.47849 8.1017 1.29019 8.29C1.10188 8.4783 0.996094 8.7337 0.996094 9C0.996094 9.2663 1.10188 9.5217 1.29019 9.71L3.29019 11.71C3.38529 11.801 3.49743 11.8724 3.62019 11.92C3.73989 11.9729 3.86931 12.0002 4.00019 12.0002C4.13106 12.0002 4.26049 11.9729 4.38019 11.92C4.50294 11.8724 4.61508 11.801 4.71019 11.71L6.71019 9.71C6.80342 9.61676 6.87738 9.50607 6.92785 9.38425C6.97831 9.26243 7.00428 9.13186 7.00428 9C7.00428 8.86814 6.97831 8.73757 6.92785 8.61575C6.87738 8.49393 6.80342 8.38324 6.71019 8.29C6.61695 8.19676 6.50626 8.1228 6.38443 8.07234C6.26261 8.02188 6.13204 7.99591 6.00019 7.99591C5.86833 7.99591 5.73776 8.02188 5.61594 8.07234C5.49411 8.1228 5.38342 8.19676 5.29019 8.29L5.00019 8.59V3.41L5.29019 3.71ZM10.0002 2H20.0002C20.2654 2 20.5198 1.89464 20.7073 1.70711C20.8948 1.51957 21.0002 1.26522 21.0002 1C21.0002 0.734784 20.8948 0.48043 20.7073 0.292893C20.5198 0.105357 20.2654 0 20.0002 0H10.0002C9.73497 0 9.48061 0.105357 9.29308 0.292893C9.10554 0.48043 9.00019 0.734784 9.00019 1C9.00019 1.26522 9.10554 1.51957 9.29308 1.70711C9.48061 1.89464 9.73497 2 10.0002 2ZM20.0002 5H10.0002C9.73497 5 9.48061 5.10536 9.29308 5.29289C9.10554 5.48043 9.00019 5.73478 9.00019 6C9.00019 6.26522 9.10554 6.51957 9.29308 6.70711C9.48061 6.89464 9.73497 7 10.0002 7H20.0002C20.2654 7 20.5198 6.89464 20.7073 6.70711C20.8948 6.51957 21.0002 6.26522 21.0002 6C21.0002 5.73478 20.8948 5.48043 20.7073 5.29289C20.5198 5.10536 20.2654 5 20.0002 5ZM20.0002 10H10.0002C9.73497 10 9.48061 10.1054 9.29308 10.2929C9.10554 10.4804 9.00019 10.7348 9.00019 11C9.00019 11.2652 9.10554 11.5196 9.29308 11.7071C9.48061 11.8946 9.73497 12 10.0002 12H20.0002C20.2654 12 20.5198 11.8946 20.7073 11.7071C20.8948 11.5196 21.0002 11.2652 21.0002 11C21.0002 10.7348 20.8948 10.4804 20.7073 10.2929C20.5198 10.1054 20.2654 10 20.0002 10Z"/>
                                </svg>
                            </span>
                        </th>

                        <th scope="col" class="text-sm sm:text-base px-2 py-2 text-left text-3.5 font-semibold">
                            {{ __('Име') }}
                            {{-- <span class="cursor-pointer inline-block align-middle ml-1 -mt-0.5" wire:click="order_by('name')">
                                <svg class="fill-white" width="21" height="12" viewBox="0 0 21 12" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M5.29019 3.71C5.38315 3.80373 5.49375 3.87812 5.61561 3.92889C5.73747 3.97966 5.86817 4.0058 6.00019 4.0058C6.1322 4.0058 6.2629 3.97966 6.38476 3.92889C6.50662 3.87812 6.61722 3.80373 6.71019 3.71C6.80391 3.61704 6.87831 3.50644 6.92908 3.38458C6.97985 3.26272 7.00598 3.13201 7.00598 3C7.00598 2.86799 6.97985 2.73728 6.92908 2.61542C6.87831 2.49356 6.80391 2.38296 6.71019 2.29L4.71019 0.29C4.61508 0.198959 4.50294 0.127594 4.38019 0.0799999C4.13672 -0.0200181 3.86365 -0.0200181 3.62019 0.0799999C3.49743 0.127594 3.38529 0.198959 3.29019 0.29L1.29019 2.29C1.10188 2.4783 0.996094 2.7337 0.996094 3C0.996094 3.2663 1.10188 3.5217 1.29019 3.71C1.47849 3.8983 1.73388 4.00409 2.00019 4.00409C2.26649 4.00409 2.52188 3.8983 2.71019 3.71L3.00019 3.41V8.59L2.71019 8.29C2.52188 8.1017 2.26649 7.99591 2.00019 7.99591C1.73388 7.99591 1.47849 8.1017 1.29019 8.29C1.10188 8.4783 0.996094 8.7337 0.996094 9C0.996094 9.2663 1.10188 9.5217 1.29019 9.71L3.29019 11.71C3.38529 11.801 3.49743 11.8724 3.62019 11.92C3.73989 11.9729 3.86931 12.0002 4.00019 12.0002C4.13106 12.0002 4.26049 11.9729 4.38019 11.92C4.50294 11.8724 4.61508 11.801 4.71019 11.71L6.71019 9.71C6.80342 9.61676 6.87738 9.50607 6.92785 9.38425C6.97831 9.26243 7.00428 9.13186 7.00428 9C7.00428 8.86814 6.97831 8.73757 6.92785 8.61575C6.87738 8.49393 6.80342 8.38324 6.71019 8.29C6.61695 8.19676 6.50626 8.1228 6.38443 8.07234C6.26261 8.02188 6.13204 7.99591 6.00019 7.99591C5.86833 7.99591 5.73776 8.02188 5.61594 8.07234C5.49411 8.1228 5.38342 8.19676 5.29019 8.29L5.00019 8.59V3.41L5.29019 3.71ZM10.0002 2H20.0002C20.2654 2 20.5198 1.89464 20.7073 1.70711C20.8948 1.51957 21.0002 1.26522 21.0002 1C21.0002 0.734784 20.8948 0.48043 20.7073 0.292893C20.5198 0.105357 20.2654 0 20.0002 0H10.0002C9.73497 0 9.48061 0.105357 9.29308 0.292893C9.10554 0.48043 9.00019 0.734784 9.00019 1C9.00019 1.26522 9.10554 1.51957 9.29308 1.70711C9.48061 1.89464 9.73497 2 10.0002 2ZM20.0002 5H10.0002C9.73497 5 9.48061 5.10536 9.29308 5.29289C9.10554 5.48043 9.00019 5.73478 9.00019 6C9.00019 6.26522 9.10554 6.51957 9.29308 6.70711C9.48061 6.89464 9.73497 7 10.0002 7H20.0002C20.2654 7 20.5198 6.89464 20.7073 6.70711C20.8948 6.51957 21.0002 6.26522 21.0002 6C21.0002 5.73478 20.8948 5.48043 20.7073 5.29289C20.5198 5.10536 20.2654 5 20.0002 5ZM20.0002 10H10.0002C9.73497 10 9.48061 10.1054 9.29308 10.2929C9.10554 10.4804 9.00019 10.7348 9.00019 11C9.00019 11.2652 9.10554 11.5196 9.29308 11.7071C9.48061 11.8946 9.73497 12 10.0002 12H20.0002C20.2654 12 20.5198 11.8946 20.7073 11.7071C20.8948 11.5196 21.0002 11.2652 21.0002 11C21.0002 10.7348 20.8948 10.4804 20.7073 10.2929C20.5198 10.1054 20.2654 10 20.0002 10Z"></path>
                                </svg>
                            </span> --}}
                        </th>

                        <th scope="col" class="text-sm sm:text-base px-2 py-2 text-left text-3.5 font-semibold">
                            {{ __('Презиме') }}
                            {{-- <span class="cursor-pointer inline-block align-middle ml-1 -mt-0.5" wire:click="order_by('surname')">
                                <svg class="fill-white" width="21" height="12" viewBox="0 0 21 12" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M5.29019 3.71C5.38315 3.80373 5.49375 3.87812 5.61561 3.92889C5.73747 3.97966 5.86817 4.0058 6.00019 4.0058C6.1322 4.0058 6.2629 3.97966 6.38476 3.92889C6.50662 3.87812 6.61722 3.80373 6.71019 3.71C6.80391 3.61704 6.87831 3.50644 6.92908 3.38458C6.97985 3.26272 7.00598 3.13201 7.00598 3C7.00598 2.86799 6.97985 2.73728 6.92908 2.61542C6.87831 2.49356 6.80391 2.38296 6.71019 2.29L4.71019 0.29C4.61508 0.198959 4.50294 0.127594 4.38019 0.0799999C4.13672 -0.0200181 3.86365 -0.0200181 3.62019 0.0799999C3.49743 0.127594 3.38529 0.198959 3.29019 0.29L1.29019 2.29C1.10188 2.4783 0.996094 2.7337 0.996094 3C0.996094 3.2663 1.10188 3.5217 1.29019 3.71C1.47849 3.8983 1.73388 4.00409 2.00019 4.00409C2.26649 4.00409 2.52188 3.8983 2.71019 3.71L3.00019 3.41V8.59L2.71019 8.29C2.52188 8.1017 2.26649 7.99591 2.00019 7.99591C1.73388 7.99591 1.47849 8.1017 1.29019 8.29C1.10188 8.4783 0.996094 8.7337 0.996094 9C0.996094 9.2663 1.10188 9.5217 1.29019 9.71L3.29019 11.71C3.38529 11.801 3.49743 11.8724 3.62019 11.92C3.73989 11.9729 3.86931 12.0002 4.00019 12.0002C4.13106 12.0002 4.26049 11.9729 4.38019 11.92C4.50294 11.8724 4.61508 11.801 4.71019 11.71L6.71019 9.71C6.80342 9.61676 6.87738 9.50607 6.92785 9.38425C6.97831 9.26243 7.00428 9.13186 7.00428 9C7.00428 8.86814 6.97831 8.73757 6.92785 8.61575C6.87738 8.49393 6.80342 8.38324 6.71019 8.29C6.61695 8.19676 6.50626 8.1228 6.38443 8.07234C6.26261 8.02188 6.13204 7.99591 6.00019 7.99591C5.86833 7.99591 5.73776 8.02188 5.61594 8.07234C5.49411 8.1228 5.38342 8.19676 5.29019 8.29L5.00019 8.59V3.41L5.29019 3.71ZM10.0002 2H20.0002C20.2654 2 20.5198 1.89464 20.7073 1.70711C20.8948 1.51957 21.0002 1.26522 21.0002 1C21.0002 0.734784 20.8948 0.48043 20.7073 0.292893C20.5198 0.105357 20.2654 0 20.0002 0H10.0002C9.73497 0 9.48061 0.105357 9.29308 0.292893C9.10554 0.48043 9.00019 0.734784 9.00019 1C9.00019 1.26522 9.10554 1.51957 9.29308 1.70711C9.48061 1.89464 9.73497 2 10.0002 2ZM20.0002 5H10.0002C9.73497 5 9.48061 5.10536 9.29308 5.29289C9.10554 5.48043 9.00019 5.73478 9.00019 6C9.00019 6.26522 9.10554 6.51957 9.29308 6.70711C9.48061 6.89464 9.73497 7 10.0002 7H20.0002C20.2654 7 20.5198 6.89464 20.7073 6.70711C20.8948 6.51957 21.0002 6.26522 21.0002 6C21.0002 5.73478 20.8948 5.48043 20.7073 5.29289C20.5198 5.10536 20.2654 5 20.0002 5ZM20.0002 10H10.0002C9.73497 10 9.48061 10.1054 9.29308 10.2929C9.10554 10.4804 9.00019 10.7348 9.00019 11C9.00019 11.2652 9.10554 11.5196 9.29308 11.7071C9.48061 11.8946 9.73497 12 10.0002 12H20.0002C20.2654 12 20.5198 11.8946 20.7073 11.7071C20.8948 11.5196 21.0002 11.2652 21.0002 11C21.0002 10.7348 20.8948 10.4804 20.7073 10.2929C20.5198 10.1054 20.2654 10 20.0002 10Z"></path>
                                </svg>
                            </span> --}}
                        </th>

                        <th scope="col" class="text-sm sm:text-base px-2 py-2 text-left text-3.5 font-semibold">
                            {{ __('Проект') }}
                            <span class="cursor-pointer inline-block align-middle ml-1 -mt-0.5" wire:click="order_by('project_id')">
                                <svg class="fill-white" width="21" height="12" viewBox="0 0 21 12" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M5.29019 3.71C5.38315 3.80373 5.49375 3.87812 5.61561 3.92889C5.73747 3.97966 5.86817 4.0058 6.00019 4.0058C6.1322 4.0058 6.2629 3.97966 6.38476 3.92889C6.50662 3.87812 6.61722 3.80373 6.71019 3.71C6.80391 3.61704 6.87831 3.50644 6.92908 3.38458C6.97985 3.26272 7.00598 3.13201 7.00598 3C7.00598 2.86799 6.97985 2.73728 6.92908 2.61542C6.87831 2.49356 6.80391 2.38296 6.71019 2.29L4.71019 0.29C4.61508 0.198959 4.50294 0.127594 4.38019 0.0799999C4.13672 -0.0200181 3.86365 -0.0200181 3.62019 0.0799999C3.49743 0.127594 3.38529 0.198959 3.29019 0.29L1.29019 2.29C1.10188 2.4783 0.996094 2.7337 0.996094 3C0.996094 3.2663 1.10188 3.5217 1.29019 3.71C1.47849 3.8983 1.73388 4.00409 2.00019 4.00409C2.26649 4.00409 2.52188 3.8983 2.71019 3.71L3.00019 3.41V8.59L2.71019 8.29C2.52188 8.1017 2.26649 7.99591 2.00019 7.99591C1.73388 7.99591 1.47849 8.1017 1.29019 8.29C1.10188 8.4783 0.996094 8.7337 0.996094 9C0.996094 9.2663 1.10188 9.5217 1.29019 9.71L3.29019 11.71C3.38529 11.801 3.49743 11.8724 3.62019 11.92C3.73989 11.9729 3.86931 12.0002 4.00019 12.0002C4.13106 12.0002 4.26049 11.9729 4.38019 11.92C4.50294 11.8724 4.61508 11.801 4.71019 11.71L6.71019 9.71C6.80342 9.61676 6.87738 9.50607 6.92785 9.38425C6.97831 9.26243 7.00428 9.13186 7.00428 9C7.00428 8.86814 6.97831 8.73757 6.92785 8.61575C6.87738 8.49393 6.80342 8.38324 6.71019 8.29C6.61695 8.19676 6.50626 8.1228 6.38443 8.07234C6.26261 8.02188 6.13204 7.99591 6.00019 7.99591C5.86833 7.99591 5.73776 8.02188 5.61594 8.07234C5.49411 8.1228 5.38342 8.19676 5.29019 8.29L5.00019 8.59V3.41L5.29019 3.71ZM10.0002 2H20.0002C20.2654 2 20.5198 1.89464 20.7073 1.70711C20.8948 1.51957 21.0002 1.26522 21.0002 1C21.0002 0.734784 20.8948 0.48043 20.7073 0.292893C20.5198 0.105357 20.2654 0 20.0002 0H10.0002C9.73497 0 9.48061 0.105357 9.29308 0.292893C9.10554 0.48043 9.00019 0.734784 9.00019 1C9.00019 1.26522 9.10554 1.51957 9.29308 1.70711C9.48061 1.89464 9.73497 2 10.0002 2ZM20.0002 5H10.0002C9.73497 5 9.48061 5.10536 9.29308 5.29289C9.10554 5.48043 9.00019 5.73478 9.00019 6C9.00019 6.26522 9.10554 6.51957 9.29308 6.70711C9.48061 6.89464 9.73497 7 10.0002 7H20.0002C20.2654 7 20.5198 6.89464 20.7073 6.70711C20.8948 6.51957 21.0002 6.26522 21.0002 6C21.0002 5.73478 20.8948 5.48043 20.7073 5.29289C20.5198 5.10536 20.2654 5 20.0002 5ZM20.0002 10H10.0002C9.73497 10 9.48061 10.1054 9.29308 10.2929C9.10554 10.4804 9.00019 10.7348 9.00019 11C9.00019 11.2652 9.10554 11.5196 9.29308 11.7071C9.48061 11.8946 9.73497 12 10.0002 12H20.0002C20.2654 12 20.5198 11.8946 20.7073 11.7071C20.8948 11.5196 21.0002 11.2652 21.0002 11C21.0002 10.7348 20.8948 10.4804 20.7073 10.2929C20.5198 10.1054 20.2654 10 20.0002 10Z"></path>
                                </svg>
                            </span>
                        </th>

                        <th scope="col" class="text-sm sm:text-base px-2 py-2 text-left text-3.5 font-semibold">
                            {{ __('Број на договор') }}
                        </th>

                        <th scope="col" class="text-sm sm:text-base px-2 py-2 text-left text-3.5 font-semibold">
                            {{ __('Датум на инвестирање') }}
                            <span class="cursor-pointer inline-block align-middle ml-1 -mt-0.5" wire:click="order_by('investDate')">
                                <svg class="fill-white" width="21" height="12" viewBox="0 0 21 12" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M5.29019 3.71C5.38315 3.80373 5.49375 3.87812 5.61561 3.92889C5.73747 3.97966 5.86817 4.0058 6.00019 4.0058C6.1322 4.0058 6.2629 3.97966 6.38476 3.92889C6.50662 3.87812 6.61722 3.80373 6.71019 3.71C6.80391 3.61704 6.87831 3.50644 6.92908 3.38458C6.97985 3.26272 7.00598 3.13201 7.00598 3C7.00598 2.86799 6.97985 2.73728 6.92908 2.61542C6.87831 2.49356 6.80391 2.38296 6.71019 2.29L4.71019 0.29C4.61508 0.198959 4.50294 0.127594 4.38019 0.0799999C4.13672 -0.0200181 3.86365 -0.0200181 3.62019 0.0799999C3.49743 0.127594 3.38529 0.198959 3.29019 0.29L1.29019 2.29C1.10188 2.4783 0.996094 2.7337 0.996094 3C0.996094 3.2663 1.10188 3.5217 1.29019 3.71C1.47849 3.8983 1.73388 4.00409 2.00019 4.00409C2.26649 4.00409 2.52188 3.8983 2.71019 3.71L3.00019 3.41V8.59L2.71019 8.29C2.52188 8.1017 2.26649 7.99591 2.00019 7.99591C1.73388 7.99591 1.47849 8.1017 1.29019 8.29C1.10188 8.4783 0.996094 8.7337 0.996094 9C0.996094 9.2663 1.10188 9.5217 1.29019 9.71L3.29019 11.71C3.38529 11.801 3.49743 11.8724 3.62019 11.92C3.73989 11.9729 3.86931 12.0002 4.00019 12.0002C4.13106 12.0002 4.26049 11.9729 4.38019 11.92C4.50294 11.8724 4.61508 11.801 4.71019 11.71L6.71019 9.71C6.80342 9.61676 6.87738 9.50607 6.92785 9.38425C6.97831 9.26243 7.00428 9.13186 7.00428 9C7.00428 8.86814 6.97831 8.73757 6.92785 8.61575C6.87738 8.49393 6.80342 8.38324 6.71019 8.29C6.61695 8.19676 6.50626 8.1228 6.38443 8.07234C6.26261 8.02188 6.13204 7.99591 6.00019 7.99591C5.86833 7.99591 5.73776 8.02188 5.61594 8.07234C5.49411 8.1228 5.38342 8.19676 5.29019 8.29L5.00019 8.59V3.41L5.29019 3.71ZM10.0002 2H20.0002C20.2654 2 20.5198 1.89464 20.7073 1.70711C20.8948 1.51957 21.0002 1.26522 21.0002 1C21.0002 0.734784 20.8948 0.48043 20.7073 0.292893C20.5198 0.105357 20.2654 0 20.0002 0H10.0002C9.73497 0 9.48061 0.105357 9.29308 0.292893C9.10554 0.48043 9.00019 0.734784 9.00019 1C9.00019 1.26522 9.10554 1.51957 9.29308 1.70711C9.48061 1.89464 9.73497 2 10.0002 2ZM20.0002 5H10.0002C9.73497 5 9.48061 5.10536 9.29308 5.29289C9.10554 5.48043 9.00019 5.73478 9.00019 6C9.00019 6.26522 9.10554 6.51957 9.29308 6.70711C9.48061 6.89464 9.73497 7 10.0002 7H20.0002C20.2654 7 20.5198 6.89464 20.7073 6.70711C20.8948 6.51957 21.0002 6.26522 21.0002 6C21.0002 5.73478 20.8948 5.48043 20.7073 5.29289C20.5198 5.10536 20.2654 5 20.0002 5ZM20.0002 10H10.0002C9.73497 10 9.48061 10.1054 9.29308 10.2929C9.10554 10.4804 9.00019 10.7348 9.00019 11C9.00019 11.2652 9.10554 11.5196 9.29308 11.7071C9.48061 11.8946 9.73497 12 10.0002 12H20.0002C20.2654 12 20.5198 11.8946 20.7073 11.7071C20.8948 11.5196 21.0002 11.2652 21.0002 11C21.0002 10.7348 20.8948 10.4804 20.7073 10.2929C20.5198 10.1054 20.2654 10 20.0002 10Z"></path>
                                </svg>
                            </span>
                        </th>

                        <th scope="col" class="text-sm sm:text-base px-2 py-2 text-left text-3.5 font-semibold">
                            {{ __('Инвестиран износ') }}
                            <span class="cursor-pointer inline-block align-middle ml-1 -mt-0.5" wire:click="order_by('rangeValue')">
                                <svg class="fill-white" width="21" height="12" viewBox="0 0 21 12" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M5.29019 3.71C5.38315 3.80373 5.49375 3.87812 5.61561 3.92889C5.73747 3.97966 5.86817 4.0058 6.00019 4.0058C6.1322 4.0058 6.2629 3.97966 6.38476 3.92889C6.50662 3.87812 6.61722 3.80373 6.71019 3.71C6.80391 3.61704 6.87831 3.50644 6.92908 3.38458C6.97985 3.26272 7.00598 3.13201 7.00598 3C7.00598 2.86799 6.97985 2.73728 6.92908 2.61542C6.87831 2.49356 6.80391 2.38296 6.71019 2.29L4.71019 0.29C4.61508 0.198959 4.50294 0.127594 4.38019 0.0799999C4.13672 -0.0200181 3.86365 -0.0200181 3.62019 0.0799999C3.49743 0.127594 3.38529 0.198959 3.29019 0.29L1.29019 2.29C1.10188 2.4783 0.996094 2.7337 0.996094 3C0.996094 3.2663 1.10188 3.5217 1.29019 3.71C1.47849 3.8983 1.73388 4.00409 2.00019 4.00409C2.26649 4.00409 2.52188 3.8983 2.71019 3.71L3.00019 3.41V8.59L2.71019 8.29C2.52188 8.1017 2.26649 7.99591 2.00019 7.99591C1.73388 7.99591 1.47849 8.1017 1.29019 8.29C1.10188 8.4783 0.996094 8.7337 0.996094 9C0.996094 9.2663 1.10188 9.5217 1.29019 9.71L3.29019 11.71C3.38529 11.801 3.49743 11.8724 3.62019 11.92C3.73989 11.9729 3.86931 12.0002 4.00019 12.0002C4.13106 12.0002 4.26049 11.9729 4.38019 11.92C4.50294 11.8724 4.61508 11.801 4.71019 11.71L6.71019 9.71C6.80342 9.61676 6.87738 9.50607 6.92785 9.38425C6.97831 9.26243 7.00428 9.13186 7.00428 9C7.00428 8.86814 6.97831 8.73757 6.92785 8.61575C6.87738 8.49393 6.80342 8.38324 6.71019 8.29C6.61695 8.19676 6.50626 8.1228 6.38443 8.07234C6.26261 8.02188 6.13204 7.99591 6.00019 7.99591C5.86833 7.99591 5.73776 8.02188 5.61594 8.07234C5.49411 8.1228 5.38342 8.19676 5.29019 8.29L5.00019 8.59V3.41L5.29019 3.71ZM10.0002 2H20.0002C20.2654 2 20.5198 1.89464 20.7073 1.70711C20.8948 1.51957 21.0002 1.26522 21.0002 1C21.0002 0.734784 20.8948 0.48043 20.7073 0.292893C20.5198 0.105357 20.2654 0 20.0002 0H10.0002C9.73497 0 9.48061 0.105357 9.29308 0.292893C9.10554 0.48043 9.00019 0.734784 9.00019 1C9.00019 1.26522 9.10554 1.51957 9.29308 1.70711C9.48061 1.89464 9.73497 2 10.0002 2ZM20.0002 5H10.0002C9.73497 5 9.48061 5.10536 9.29308 5.29289C9.10554 5.48043 9.00019 5.73478 9.00019 6C9.00019 6.26522 9.10554 6.51957 9.29308 6.70711C9.48061 6.89464 9.73497 7 10.0002 7H20.0002C20.2654 7 20.5198 6.89464 20.7073 6.70711C20.8948 6.51957 21.0002 6.26522 21.0002 6C21.0002 5.73478 20.8948 5.48043 20.7073 5.29289C20.5198 5.10536 20.2654 5 20.0002 5ZM20.0002 10H10.0002C9.73497 10 9.48061 10.1054 9.29308 10.2929C9.10554 10.4804 9.00019 10.7348 9.00019 11C9.00019 11.2652 9.10554 11.5196 9.29308 11.7071C9.48061 11.8946 9.73497 12 10.0002 12H20.0002C20.2654 12 20.5198 11.8946 20.7073 11.7071C20.8948 11.5196 21.0002 11.2652 21.0002 11C21.0002 10.7348 20.8948 10.4804 20.7073 10.2929C20.5198 10.1054 20.2654 10 20.0002 10Z"></path>
                                </svg>
                            </span>
                        </th>

                        <th scope="col" class="text-sm sm:text-base px-2 py-2 text-left text-3.5 font-semibold">
                            {{ __('Заработка') }}
                            {{-- <span class="cursor-pointer inline-block align-middle ml-1 -mt-0.5" wire:click="order_by('investDate')">
                                <svg class="fill-white" width="21" height="12" viewBox="0 0 21 12" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M5.29019 3.71C5.38315 3.80373 5.49375 3.87812 5.61561 3.92889C5.73747 3.97966 5.86817 4.0058 6.00019 4.0058C6.1322 4.0058 6.2629 3.97966 6.38476 3.92889C6.50662 3.87812 6.61722 3.80373 6.71019 3.71C6.80391 3.61704 6.87831 3.50644 6.92908 3.38458C6.97985 3.26272 7.00598 3.13201 7.00598 3C7.00598 2.86799 6.97985 2.73728 6.92908 2.61542C6.87831 2.49356 6.80391 2.38296 6.71019 2.29L4.71019 0.29C4.61508 0.198959 4.50294 0.127594 4.38019 0.0799999C4.13672 -0.0200181 3.86365 -0.0200181 3.62019 0.0799999C3.49743 0.127594 3.38529 0.198959 3.29019 0.29L1.29019 2.29C1.10188 2.4783 0.996094 2.7337 0.996094 3C0.996094 3.2663 1.10188 3.5217 1.29019 3.71C1.47849 3.8983 1.73388 4.00409 2.00019 4.00409C2.26649 4.00409 2.52188 3.8983 2.71019 3.71L3.00019 3.41V8.59L2.71019 8.29C2.52188 8.1017 2.26649 7.99591 2.00019 7.99591C1.73388 7.99591 1.47849 8.1017 1.29019 8.29C1.10188 8.4783 0.996094 8.7337 0.996094 9C0.996094 9.2663 1.10188 9.5217 1.29019 9.71L3.29019 11.71C3.38529 11.801 3.49743 11.8724 3.62019 11.92C3.73989 11.9729 3.86931 12.0002 4.00019 12.0002C4.13106 12.0002 4.26049 11.9729 4.38019 11.92C4.50294 11.8724 4.61508 11.801 4.71019 11.71L6.71019 9.71C6.80342 9.61676 6.87738 9.50607 6.92785 9.38425C6.97831 9.26243 7.00428 9.13186 7.00428 9C7.00428 8.86814 6.97831 8.73757 6.92785 8.61575C6.87738 8.49393 6.80342 8.38324 6.71019 8.29C6.61695 8.19676 6.50626 8.1228 6.38443 8.07234C6.26261 8.02188 6.13204 7.99591 6.00019 7.99591C5.86833 7.99591 5.73776 8.02188 5.61594 8.07234C5.49411 8.1228 5.38342 8.19676 5.29019 8.29L5.00019 8.59V3.41L5.29019 3.71ZM10.0002 2H20.0002C20.2654 2 20.5198 1.89464 20.7073 1.70711C20.8948 1.51957 21.0002 1.26522 21.0002 1C21.0002 0.734784 20.8948 0.48043 20.7073 0.292893C20.5198 0.105357 20.2654 0 20.0002 0H10.0002C9.73497 0 9.48061 0.105357 9.29308 0.292893C9.10554 0.48043 9.00019 0.734784 9.00019 1C9.00019 1.26522 9.10554 1.51957 9.29308 1.70711C9.48061 1.89464 9.73497 2 10.0002 2ZM20.0002 5H10.0002C9.73497 5 9.48061 5.10536 9.29308 5.29289C9.10554 5.48043 9.00019 5.73478 9.00019 6C9.00019 6.26522 9.10554 6.51957 9.29308 6.70711C9.48061 6.89464 9.73497 7 10.0002 7H20.0002C20.2654 7 20.5198 6.89464 20.7073 6.70711C20.8948 6.51957 21.0002 6.26522 21.0002 6C21.0002 5.73478 20.8948 5.48043 20.7073 5.29289C20.5198 5.10536 20.2654 5 20.0002 5ZM20.0002 10H10.0002C9.73497 10 9.48061 10.1054 9.29308 10.2929C9.10554 10.4804 9.00019 10.7348 9.00019 11C9.00019 11.2652 9.10554 11.5196 9.29308 11.7071C9.48061 11.8946 9.73497 12 10.0002 12H20.0002C20.2654 12 20.5198 11.8946 20.7073 11.7071C20.8948 11.5196 21.0002 11.2652 21.0002 11C21.0002 10.7348 20.8948 10.4804 20.7073 10.2929C20.5198 10.1054 20.2654 10 20.0002 10Z"></path>
                                </svg>
                            </span> --}}
                        </th>

                        <th scope="col" class="text-sm sm:text-base px-2 py-2 text-left text-3.5 font-semibold">
                            {{ __('Датум на уплата') }}
                            <span class="cursor-pointer inline-block align-middle ml-1 -mt-0.5" wire:click="order_by('payed_date')">
                                <svg class="fill-white" width="21" height="12" viewBox="0 0 21 12" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M5.29019 3.71C5.38315 3.80373 5.49375 3.87812 5.61561 3.92889C5.73747 3.97966 5.86817 4.0058 6.00019 4.0058C6.1322 4.0058 6.2629 3.97966 6.38476 3.92889C6.50662 3.87812 6.61722 3.80373 6.71019 3.71C6.80391 3.61704 6.87831 3.50644 6.92908 3.38458C6.97985 3.26272 7.00598 3.13201 7.00598 3C7.00598 2.86799 6.97985 2.73728 6.92908 2.61542C6.87831 2.49356 6.80391 2.38296 6.71019 2.29L4.71019 0.29C4.61508 0.198959 4.50294 0.127594 4.38019 0.0799999C4.13672 -0.0200181 3.86365 -0.0200181 3.62019 0.0799999C3.49743 0.127594 3.38529 0.198959 3.29019 0.29L1.29019 2.29C1.10188 2.4783 0.996094 2.7337 0.996094 3C0.996094 3.2663 1.10188 3.5217 1.29019 3.71C1.47849 3.8983 1.73388 4.00409 2.00019 4.00409C2.26649 4.00409 2.52188 3.8983 2.71019 3.71L3.00019 3.41V8.59L2.71019 8.29C2.52188 8.1017 2.26649 7.99591 2.00019 7.99591C1.73388 7.99591 1.47849 8.1017 1.29019 8.29C1.10188 8.4783 0.996094 8.7337 0.996094 9C0.996094 9.2663 1.10188 9.5217 1.29019 9.71L3.29019 11.71C3.38529 11.801 3.49743 11.8724 3.62019 11.92C3.73989 11.9729 3.86931 12.0002 4.00019 12.0002C4.13106 12.0002 4.26049 11.9729 4.38019 11.92C4.50294 11.8724 4.61508 11.801 4.71019 11.71L6.71019 9.71C6.80342 9.61676 6.87738 9.50607 6.92785 9.38425C6.97831 9.26243 7.00428 9.13186 7.00428 9C7.00428 8.86814 6.97831 8.73757 6.92785 8.61575C6.87738 8.49393 6.80342 8.38324 6.71019 8.29C6.61695 8.19676 6.50626 8.1228 6.38443 8.07234C6.26261 8.02188 6.13204 7.99591 6.00019 7.99591C5.86833 7.99591 5.73776 8.02188 5.61594 8.07234C5.49411 8.1228 5.38342 8.19676 5.29019 8.29L5.00019 8.59V3.41L5.29019 3.71ZM10.0002 2H20.0002C20.2654 2 20.5198 1.89464 20.7073 1.70711C20.8948 1.51957 21.0002 1.26522 21.0002 1C21.0002 0.734784 20.8948 0.48043 20.7073 0.292893C20.5198 0.105357 20.2654 0 20.0002 0H10.0002C9.73497 0 9.48061 0.105357 9.29308 0.292893C9.10554 0.48043 9.00019 0.734784 9.00019 1C9.00019 1.26522 9.10554 1.51957 9.29308 1.70711C9.48061 1.89464 9.73497 2 10.0002 2ZM20.0002 5H10.0002C9.73497 5 9.48061 5.10536 9.29308 5.29289C9.10554 5.48043 9.00019 5.73478 9.00019 6C9.00019 6.26522 9.10554 6.51957 9.29308 6.70711C9.48061 6.89464 9.73497 7 10.0002 7H20.0002C20.2654 7 20.5198 6.89464 20.7073 6.70711C20.8948 6.51957 21.0002 6.26522 21.0002 6C21.0002 5.73478 20.8948 5.48043 20.7073 5.29289C20.5198 5.10536 20.2654 5 20.0002 5ZM20.0002 10H10.0002C9.73497 10 9.48061 10.1054 9.29308 10.2929C9.10554 10.4804 9.00019 10.7348 9.00019 11C9.00019 11.2652 9.10554 11.5196 9.29308 11.7071C9.48061 11.8946 9.73497 12 10.0002 12H20.0002C20.2654 12 20.5198 11.8946 20.7073 11.7071C20.8948 11.5196 21.0002 11.2652 21.0002 11C21.0002 10.7348 20.8948 10.4804 20.7073 10.2929C20.5198 10.1054 20.2654 10 20.0002 10Z"></path>
                                </svg>
                            </span>
                        </th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($agentInvestors as $investor)
                        <tr class="border-b">
                            <td class="text-sm md:text-base text-neutral-800 font-normal text-4 px-2 py-2 whitespace-nowrap align-middle">
                                {{ $loop->iteration }}
                            </td>

                            <td class="text-sm md:text-base text-neutral-800 font-normal text-4 px-2 py-2 whitespace-nowrap align-middle">
                                {{ $investor->user->name }}
                            </td>

                            <td class="text-sm md:text-base text-neutral-800 font-normal text-4 px-2 py-2 whitespace-nowrap align-middle">
                                {{ $investor->user->surname }}
                            </td>

                            <td class="text-sm md:text-base text-neutral-800 font-normal text-4 px-2 py-2 whitespace-nowrap align-middle">
                                {{ $investor->project->name }}
                            </td>

                            <td class="text-sm md:text-base text-neutral-800 font-normal text-4 px-2 py-2 whitespace-nowrap align-middle">
                                {{ $investor->contract_number }}
                            </td>

                            <td class="text-sm md:text-base text-neutral-800 font-normal text-4 px-2 py-2 whitespace-nowrap align-middle">
                                {{ $investor->investDate }}
                            </td>

                            <td class="text-sm md:text-base text-neutral-800 font-normal text-4 px-2 py-2 whitespace-nowrap align-middle">
                                {{ $investor->getAttributeRangeValue() }} {{ __('ден.') }}
                            </td>

                            <td class="text-sm md:text-base text-neutral-800 font-normal text-4 px-2 py-2 whitespace-nowrap align-middle">
                                {{ $investor->has_payed ? $investor->projectEarning($agent->id, $investor->id, $investor->project_id, $investor->payed_date) : '/' }} {{ __('ден.') }}
                            </td>

                            <td class="text-sm md:text-base text-neutral-800 font-normal text-4 px-2 py-2 whitespace-nowrap align-middle">
                                {{ $investor->payed_date ? Carbon\Carbon::parse($investor->payed_date)->format('d/m/Y') : '/' }}
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </x-slot>

</x-form-section>

{{-- potpisani neplateni --}}
<x-form-section submit="updateProfileInformation">
    <x-slot name="title">
        Регистрирани клиенти
    </x-slot>

    <x-slot name="description">
        Информации за регистрирани клиенти
    </x-slot>

    <x-slot name="form">
        <table class="min-w-full">
            <thead class="border-b bg-blue-500 text-white">
                <tr>
                    <th scope="col" class="text-sm sm:text-base px-2 py-2 text-center text-3.5 font-semibold">
                        #
                        <span class="cursor-pointer inline-block align-middle ml-1 -mt-0.5" wire:click="order_by('id')">
                            <svg class="fill-white" width="21" height="12" viewBox="0 0 21 12" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M5.29019 3.71C5.38315 3.80373 5.49375 3.87812 5.61561 3.92889C5.73747 3.97966 5.86817 4.0058 6.00019 4.0058C6.1322 4.0058 6.2629 3.97966 6.38476 3.92889C6.50662 3.87812 6.61722 3.80373 6.71019 3.71C6.80391 3.61704 6.87831 3.50644 6.92908 3.38458C6.97985 3.26272 7.00598 3.13201 7.00598 3C7.00598 2.86799 6.97985 2.73728 6.92908 2.61542C6.87831 2.49356 6.80391 2.38296 6.71019 2.29L4.71019 0.29C4.61508 0.198959 4.50294 0.127594 4.38019 0.0799999C4.13672 -0.0200181 3.86365 -0.0200181 3.62019 0.0799999C3.49743 0.127594 3.38529 0.198959 3.29019 0.29L1.29019 2.29C1.10188 2.4783 0.996094 2.7337 0.996094 3C0.996094 3.2663 1.10188 3.5217 1.29019 3.71C1.47849 3.8983 1.73388 4.00409 2.00019 4.00409C2.26649 4.00409 2.52188 3.8983 2.71019 3.71L3.00019 3.41V8.59L2.71019 8.29C2.52188 8.1017 2.26649 7.99591 2.00019 7.99591C1.73388 7.99591 1.47849 8.1017 1.29019 8.29C1.10188 8.4783 0.996094 8.7337 0.996094 9C0.996094 9.2663 1.10188 9.5217 1.29019 9.71L3.29019 11.71C3.38529 11.801 3.49743 11.8724 3.62019 11.92C3.73989 11.9729 3.86931 12.0002 4.00019 12.0002C4.13106 12.0002 4.26049 11.9729 4.38019 11.92C4.50294 11.8724 4.61508 11.801 4.71019 11.71L6.71019 9.71C6.80342 9.61676 6.87738 9.50607 6.92785 9.38425C6.97831 9.26243 7.00428 9.13186 7.00428 9C7.00428 8.86814 6.97831 8.73757 6.92785 8.61575C6.87738 8.49393 6.80342 8.38324 6.71019 8.29C6.61695 8.19676 6.50626 8.1228 6.38443 8.07234C6.26261 8.02188 6.13204 7.99591 6.00019 7.99591C5.86833 7.99591 5.73776 8.02188 5.61594 8.07234C5.49411 8.1228 5.38342 8.19676 5.29019 8.29L5.00019 8.59V3.41L5.29019 3.71ZM10.0002 2H20.0002C20.2654 2 20.5198 1.89464 20.7073 1.70711C20.8948 1.51957 21.0002 1.26522 21.0002 1C21.0002 0.734784 20.8948 0.48043 20.7073 0.292893C20.5198 0.105357 20.2654 0 20.0002 0H10.0002C9.73497 0 9.48061 0.105357 9.29308 0.292893C9.10554 0.48043 9.00019 0.734784 9.00019 1C9.00019 1.26522 9.10554 1.51957 9.29308 1.70711C9.48061 1.89464 9.73497 2 10.0002 2ZM20.0002 5H10.0002C9.73497 5 9.48061 5.10536 9.29308 5.29289C9.10554 5.48043 9.00019 5.73478 9.00019 6C9.00019 6.26522 9.10554 6.51957 9.29308 6.70711C9.48061 6.89464 9.73497 7 10.0002 7H20.0002C20.2654 7 20.5198 6.89464 20.7073 6.70711C20.8948 6.51957 21.0002 6.26522 21.0002 6C21.0002 5.73478 20.8948 5.48043 20.7073 5.29289C20.5198 5.10536 20.2654 5 20.0002 5ZM20.0002 10H10.0002C9.73497 10 9.48061 10.1054 9.29308 10.2929C9.10554 10.4804 9.00019 10.7348 9.00019 11C9.00019 11.2652 9.10554 11.5196 9.29308 11.7071C9.48061 11.8946 9.73497 12 10.0002 12H20.0002C20.2654 12 20.5198 11.8946 20.7073 11.7071C20.8948 11.5196 21.0002 11.2652 21.0002 11C21.0002 10.7348 20.8948 10.4804 20.7073 10.2929C20.5198 10.1054 20.2654 10 20.0002 10Z"/>
                            </svg>
                        </span>
                    </th>
                    <th scope="col" class="text-sm sm:text-base px-2 py-2 text-left text-3.5 font-semibold">
                        {{ __('Име') }}
                        <span class="cursor-pointer inline-block align-middle ml-1 -mt-0.5" wire:click="order_by('name')">
                            <svg class="fill-white" width="21" height="12" viewBox="0 0 21 12" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M5.29019 3.71C5.38315 3.80373 5.49375 3.87812 5.61561 3.92889C5.73747 3.97966 5.86817 4.0058 6.00019 4.0058C6.1322 4.0058 6.2629 3.97966 6.38476 3.92889C6.50662 3.87812 6.61722 3.80373 6.71019 3.71C6.80391 3.61704 6.87831 3.50644 6.92908 3.38458C6.97985 3.26272 7.00598 3.13201 7.00598 3C7.00598 2.86799 6.97985 2.73728 6.92908 2.61542C6.87831 2.49356 6.80391 2.38296 6.71019 2.29L4.71019 0.29C4.61508 0.198959 4.50294 0.127594 4.38019 0.0799999C4.13672 -0.0200181 3.86365 -0.0200181 3.62019 0.0799999C3.49743 0.127594 3.38529 0.198959 3.29019 0.29L1.29019 2.29C1.10188 2.4783 0.996094 2.7337 0.996094 3C0.996094 3.2663 1.10188 3.5217 1.29019 3.71C1.47849 3.8983 1.73388 4.00409 2.00019 4.00409C2.26649 4.00409 2.52188 3.8983 2.71019 3.71L3.00019 3.41V8.59L2.71019 8.29C2.52188 8.1017 2.26649 7.99591 2.00019 7.99591C1.73388 7.99591 1.47849 8.1017 1.29019 8.29C1.10188 8.4783 0.996094 8.7337 0.996094 9C0.996094 9.2663 1.10188 9.5217 1.29019 9.71L3.29019 11.71C3.38529 11.801 3.49743 11.8724 3.62019 11.92C3.73989 11.9729 3.86931 12.0002 4.00019 12.0002C4.13106 12.0002 4.26049 11.9729 4.38019 11.92C4.50294 11.8724 4.61508 11.801 4.71019 11.71L6.71019 9.71C6.80342 9.61676 6.87738 9.50607 6.92785 9.38425C6.97831 9.26243 7.00428 9.13186 7.00428 9C7.00428 8.86814 6.97831 8.73757 6.92785 8.61575C6.87738 8.49393 6.80342 8.38324 6.71019 8.29C6.61695 8.19676 6.50626 8.1228 6.38443 8.07234C6.26261 8.02188 6.13204 7.99591 6.00019 7.99591C5.86833 7.99591 5.73776 8.02188 5.61594 8.07234C5.49411 8.1228 5.38342 8.19676 5.29019 8.29L5.00019 8.59V3.41L5.29019 3.71ZM10.0002 2H20.0002C20.2654 2 20.5198 1.89464 20.7073 1.70711C20.8948 1.51957 21.0002 1.26522 21.0002 1C21.0002 0.734784 20.8948 0.48043 20.7073 0.292893C20.5198 0.105357 20.2654 0 20.0002 0H10.0002C9.73497 0 9.48061 0.105357 9.29308 0.292893C9.10554 0.48043 9.00019 0.734784 9.00019 1C9.00019 1.26522 9.10554 1.51957 9.29308 1.70711C9.48061 1.89464 9.73497 2 10.0002 2ZM20.0002 5H10.0002C9.73497 5 9.48061 5.10536 9.29308 5.29289C9.10554 5.48043 9.00019 5.73478 9.00019 6C9.00019 6.26522 9.10554 6.51957 9.29308 6.70711C9.48061 6.89464 9.73497 7 10.0002 7H20.0002C20.2654 7 20.5198 6.89464 20.7073 6.70711C20.8948 6.51957 21.0002 6.26522 21.0002 6C21.0002 5.73478 20.8948 5.48043 20.7073 5.29289C20.5198 5.10536 20.2654 5 20.0002 5ZM20.0002 10H10.0002C9.73497 10 9.48061 10.1054 9.29308 10.2929C9.10554 10.4804 9.00019 10.7348 9.00019 11C9.00019 11.2652 9.10554 11.5196 9.29308 11.7071C9.48061 11.8946 9.73497 12 10.0002 12H20.0002C20.2654 12 20.5198 11.8946 20.7073 11.7071C20.8948 11.5196 21.0002 11.2652 21.0002 11C21.0002 10.7348 20.8948 10.4804 20.7073 10.2929C20.5198 10.1054 20.2654 10 20.0002 10Z"/>
                            </svg>
                        </span>
                    </th>

                    <th scope="col" class="text-sm sm:text-base px-2 py-2 text-left text-3.5 font-semibold">
                        {{ __('Презиме') }}
                        <span class="cursor-pointer inline-block align-middle ml-1 -mt-0.5" wire:click="order_by('surname')">
                            <svg class="fill-white" width="21" height="12" viewBox="0 0 21 12" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M5.29019 3.71C5.38315 3.80373 5.49375 3.87812 5.61561 3.92889C5.73747 3.97966 5.86817 4.0058 6.00019 4.0058C6.1322 4.0058 6.2629 3.97966 6.38476 3.92889C6.50662 3.87812 6.61722 3.80373 6.71019 3.71C6.80391 3.61704 6.87831 3.50644 6.92908 3.38458C6.97985 3.26272 7.00598 3.13201 7.00598 3C7.00598 2.86799 6.97985 2.73728 6.92908 2.61542C6.87831 2.49356 6.80391 2.38296 6.71019 2.29L4.71019 0.29C4.61508 0.198959 4.50294 0.127594 4.38019 0.0799999C4.13672 -0.0200181 3.86365 -0.0200181 3.62019 0.0799999C3.49743 0.127594 3.38529 0.198959 3.29019 0.29L1.29019 2.29C1.10188 2.4783 0.996094 2.7337 0.996094 3C0.996094 3.2663 1.10188 3.5217 1.29019 3.71C1.47849 3.8983 1.73388 4.00409 2.00019 4.00409C2.26649 4.00409 2.52188 3.8983 2.71019 3.71L3.00019 3.41V8.59L2.71019 8.29C2.52188 8.1017 2.26649 7.99591 2.00019 7.99591C1.73388 7.99591 1.47849 8.1017 1.29019 8.29C1.10188 8.4783 0.996094 8.7337 0.996094 9C0.996094 9.2663 1.10188 9.5217 1.29019 9.71L3.29019 11.71C3.38529 11.801 3.49743 11.8724 3.62019 11.92C3.73989 11.9729 3.86931 12.0002 4.00019 12.0002C4.13106 12.0002 4.26049 11.9729 4.38019 11.92C4.50294 11.8724 4.61508 11.801 4.71019 11.71L6.71019 9.71C6.80342 9.61676 6.87738 9.50607 6.92785 9.38425C6.97831 9.26243 7.00428 9.13186 7.00428 9C7.00428 8.86814 6.97831 8.73757 6.92785 8.61575C6.87738 8.49393 6.80342 8.38324 6.71019 8.29C6.61695 8.19676 6.50626 8.1228 6.38443 8.07234C6.26261 8.02188 6.13204 7.99591 6.00019 7.99591C5.86833 7.99591 5.73776 8.02188 5.61594 8.07234C5.49411 8.1228 5.38342 8.19676 5.29019 8.29L5.00019 8.59V3.41L5.29019 3.71ZM10.0002 2H20.0002C20.2654 2 20.5198 1.89464 20.7073 1.70711C20.8948 1.51957 21.0002 1.26522 21.0002 1C21.0002 0.734784 20.8948 0.48043 20.7073 0.292893C20.5198 0.105357 20.2654 0 20.0002 0H10.0002C9.73497 0 9.48061 0.105357 9.29308 0.292893C9.10554 0.48043 9.00019 0.734784 9.00019 1C9.00019 1.26522 9.10554 1.51957 9.29308 1.70711C9.48061 1.89464 9.73497 2 10.0002 2ZM20.0002 5H10.0002C9.73497 5 9.48061 5.10536 9.29308 5.29289C9.10554 5.48043 9.00019 5.73478 9.00019 6C9.00019 6.26522 9.10554 6.51957 9.29308 6.70711C9.48061 6.89464 9.73497 7 10.0002 7H20.0002C20.2654 7 20.5198 6.89464 20.7073 6.70711C20.8948 6.51957 21.0002 6.26522 21.0002 6C21.0002 5.73478 20.8948 5.48043 20.7073 5.29289C20.5198 5.10536 20.2654 5 20.0002 5ZM20.0002 10H10.0002C9.73497 10 9.48061 10.1054 9.29308 10.2929C9.10554 10.4804 9.00019 10.7348 9.00019 11C9.00019 11.2652 9.10554 11.5196 9.29308 11.7071C9.48061 11.8946 9.73497 12 10.0002 12H20.0002C20.2654 12 20.5198 11.8946 20.7073 11.7071C20.8948 11.5196 21.0002 11.2652 21.0002 11C21.0002 10.7348 20.8948 10.4804 20.7073 10.2929C20.5198 10.1054 20.2654 10 20.0002 10Z"/>
                            </svg>
                        </span>
                    </th>

                    <th scope="col" class="text-sm sm:text-base px-2 py-2 text-left text-3.5 font-semibold">
                        {{ __('Емаил') }}
                        <span class="cursor-pointer inline-block align-middle ml-1 -mt-0.5" wire:click="order_by('email')">
                            <svg class="fill-white" width="21" height="12" viewBox="0 0 21 12" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M5.29019 3.71C5.38315 3.80373 5.49375 3.87812 5.61561 3.92889C5.73747 3.97966 5.86817 4.0058 6.00019 4.0058C6.1322 4.0058 6.2629 3.97966 6.38476 3.92889C6.50662 3.87812 6.61722 3.80373 6.71019 3.71C6.80391 3.61704 6.87831 3.50644 6.92908 3.38458C6.97985 3.26272 7.00598 3.13201 7.00598 3C7.00598 2.86799 6.97985 2.73728 6.92908 2.61542C6.87831 2.49356 6.80391 2.38296 6.71019 2.29L4.71019 0.29C4.61508 0.198959 4.50294 0.127594 4.38019 0.0799999C4.13672 -0.0200181 3.86365 -0.0200181 3.62019 0.0799999C3.49743 0.127594 3.38529 0.198959 3.29019 0.29L1.29019 2.29C1.10188 2.4783 0.996094 2.7337 0.996094 3C0.996094 3.2663 1.10188 3.5217 1.29019 3.71C1.47849 3.8983 1.73388 4.00409 2.00019 4.00409C2.26649 4.00409 2.52188 3.8983 2.71019 3.71L3.00019 3.41V8.59L2.71019 8.29C2.52188 8.1017 2.26649 7.99591 2.00019 7.99591C1.73388 7.99591 1.47849 8.1017 1.29019 8.29C1.10188 8.4783 0.996094 8.7337 0.996094 9C0.996094 9.2663 1.10188 9.5217 1.29019 9.71L3.29019 11.71C3.38529 11.801 3.49743 11.8724 3.62019 11.92C3.73989 11.9729 3.86931 12.0002 4.00019 12.0002C4.13106 12.0002 4.26049 11.9729 4.38019 11.92C4.50294 11.8724 4.61508 11.801 4.71019 11.71L6.71019 9.71C6.80342 9.61676 6.87738 9.50607 6.92785 9.38425C6.97831 9.26243 7.00428 9.13186 7.00428 9C7.00428 8.86814 6.97831 8.73757 6.92785 8.61575C6.87738 8.49393 6.80342 8.38324 6.71019 8.29C6.61695 8.19676 6.50626 8.1228 6.38443 8.07234C6.26261 8.02188 6.13204 7.99591 6.00019 7.99591C5.86833 7.99591 5.73776 8.02188 5.61594 8.07234C5.49411 8.1228 5.38342 8.19676 5.29019 8.29L5.00019 8.59V3.41L5.29019 3.71ZM10.0002 2H20.0002C20.2654 2 20.5198 1.89464 20.7073 1.70711C20.8948 1.51957 21.0002 1.26522 21.0002 1C21.0002 0.734784 20.8948 0.48043 20.7073 0.292893C20.5198 0.105357 20.2654 0 20.0002 0H10.0002C9.73497 0 9.48061 0.105357 9.29308 0.292893C9.10554 0.48043 9.00019 0.734784 9.00019 1C9.00019 1.26522 9.10554 1.51957 9.29308 1.70711C9.48061 1.89464 9.73497 2 10.0002 2ZM20.0002 5H10.0002C9.73497 5 9.48061 5.10536 9.29308 5.29289C9.10554 5.48043 9.00019 5.73478 9.00019 6C9.00019 6.26522 9.10554 6.51957 9.29308 6.70711C9.48061 6.89464 9.73497 7 10.0002 7H20.0002C20.2654 7 20.5198 6.89464 20.7073 6.70711C20.8948 6.51957 21.0002 6.26522 21.0002 6C21.0002 5.73478 20.8948 5.48043 20.7073 5.29289C20.5198 5.10536 20.2654 5 20.0002 5ZM20.0002 10H10.0002C9.73497 10 9.48061 10.1054 9.29308 10.2929C9.10554 10.4804 9.00019 10.7348 9.00019 11C9.00019 11.2652 9.10554 11.5196 9.29308 11.7071C9.48061 11.8946 9.73497 12 10.0002 12H20.0002C20.2654 12 20.5198 11.8946 20.7073 11.7071C20.8948 11.5196 21.0002 11.2652 21.0002 11C21.0002 10.7348 20.8948 10.4804 20.7073 10.2929C20.5198 10.1054 20.2654 10 20.0002 10Z"/>
                            </svg>
                        </span>
                    </th>

                    <th scope="col" class="text-sm sm:text-base px-2 py-2 text-left text-3.5 font-semibold">
                        {{ __('Телефонски број') }}
                        <span class="cursor-pointer inline-block align-middle ml-1 -mt-0.5" wire:click="order_by('id_card_number')">
                            <svg class="fill-white" width="21" height="12" viewBox="0 0 21 12" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M5.29019 3.71C5.38315 3.80373 5.49375 3.87812 5.61561 3.92889C5.73747 3.97966 5.86817 4.0058 6.00019 4.0058C6.1322 4.0058 6.2629 3.97966 6.38476 3.92889C6.50662 3.87812 6.61722 3.80373 6.71019 3.71C6.80391 3.61704 6.87831 3.50644 6.92908 3.38458C6.97985 3.26272 7.00598 3.13201 7.00598 3C7.00598 2.86799 6.97985 2.73728 6.92908 2.61542C6.87831 2.49356 6.80391 2.38296 6.71019 2.29L4.71019 0.29C4.61508 0.198959 4.50294 0.127594 4.38019 0.0799999C4.13672 -0.0200181 3.86365 -0.0200181 3.62019 0.0799999C3.49743 0.127594 3.38529 0.198959 3.29019 0.29L1.29019 2.29C1.10188 2.4783 0.996094 2.7337 0.996094 3C0.996094 3.2663 1.10188 3.5217 1.29019 3.71C1.47849 3.8983 1.73388 4.00409 2.00019 4.00409C2.26649 4.00409 2.52188 3.8983 2.71019 3.71L3.00019 3.41V8.59L2.71019 8.29C2.52188 8.1017 2.26649 7.99591 2.00019 7.99591C1.73388 7.99591 1.47849 8.1017 1.29019 8.29C1.10188 8.4783 0.996094 8.7337 0.996094 9C0.996094 9.2663 1.10188 9.5217 1.29019 9.71L3.29019 11.71C3.38529 11.801 3.49743 11.8724 3.62019 11.92C3.73989 11.9729 3.86931 12.0002 4.00019 12.0002C4.13106 12.0002 4.26049 11.9729 4.38019 11.92C4.50294 11.8724 4.61508 11.801 4.71019 11.71L6.71019 9.71C6.80342 9.61676 6.87738 9.50607 6.92785 9.38425C6.97831 9.26243 7.00428 9.13186 7.00428 9C7.00428 8.86814 6.97831 8.73757 6.92785 8.61575C6.87738 8.49393 6.80342 8.38324 6.71019 8.29C6.61695 8.19676 6.50626 8.1228 6.38443 8.07234C6.26261 8.02188 6.13204 7.99591 6.00019 7.99591C5.86833 7.99591 5.73776 8.02188 5.61594 8.07234C5.49411 8.1228 5.38342 8.19676 5.29019 8.29L5.00019 8.59V3.41L5.29019 3.71ZM10.0002 2H20.0002C20.2654 2 20.5198 1.89464 20.7073 1.70711C20.8948 1.51957 21.0002 1.26522 21.0002 1C21.0002 0.734784 20.8948 0.48043 20.7073 0.292893C20.5198 0.105357 20.2654 0 20.0002 0H10.0002C9.73497 0 9.48061 0.105357 9.29308 0.292893C9.10554 0.48043 9.00019 0.734784 9.00019 1C9.00019 1.26522 9.10554 1.51957 9.29308 1.70711C9.48061 1.89464 9.73497 2 10.0002 2ZM20.0002 5H10.0002C9.73497 5 9.48061 5.10536 9.29308 5.29289C9.10554 5.48043 9.00019 5.73478 9.00019 6C9.00019 6.26522 9.10554 6.51957 9.29308 6.70711C9.48061 6.89464 9.73497 7 10.0002 7H20.0002C20.2654 7 20.5198 6.89464 20.7073 6.70711C20.8948 6.51957 21.0002 6.26522 21.0002 6C21.0002 5.73478 20.8948 5.48043 20.7073 5.29289C20.5198 5.10536 20.2654 5 20.0002 5ZM20.0002 10H10.0002C9.73497 10 9.48061 10.1054 9.29308 10.2929C9.10554 10.4804 9.00019 10.7348 9.00019 11C9.00019 11.2652 9.10554 11.5196 9.29308 11.7071C9.48061 11.8946 9.73497 12 10.0002 12H20.0002C20.2654 12 20.5198 11.8946 20.7073 11.7071C20.8948 11.5196 21.0002 11.2652 21.0002 11C21.0002 10.7348 20.8948 10.4804 20.7073 10.2929C20.5198 10.1054 20.2654 10 20.0002 10Z"/>
                            </svg>
                        </span>
                    </th>

                    <th scope="col" class="text-sm sm:text-base px-2 py-2 text-left text-3.5 font-semibold">
                        {{ __('Адреса') }}
                        <span class="cursor-pointer inline-block align-middle ml-1 -mt-0.5" wire:click="order_by('id_card_number')">
                            <svg class="fill-white" width="21" height="12" viewBox="0 0 21 12" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M5.29019 3.71C5.38315 3.80373 5.49375 3.87812 5.61561 3.92889C5.73747 3.97966 5.86817 4.0058 6.00019 4.0058C6.1322 4.0058 6.2629 3.97966 6.38476 3.92889C6.50662 3.87812 6.61722 3.80373 6.71019 3.71C6.80391 3.61704 6.87831 3.50644 6.92908 3.38458C6.97985 3.26272 7.00598 3.13201 7.00598 3C7.00598 2.86799 6.97985 2.73728 6.92908 2.61542C6.87831 2.49356 6.80391 2.38296 6.71019 2.29L4.71019 0.29C4.61508 0.198959 4.50294 0.127594 4.38019 0.0799999C4.13672 -0.0200181 3.86365 -0.0200181 3.62019 0.0799999C3.49743 0.127594 3.38529 0.198959 3.29019 0.29L1.29019 2.29C1.10188 2.4783 0.996094 2.7337 0.996094 3C0.996094 3.2663 1.10188 3.5217 1.29019 3.71C1.47849 3.8983 1.73388 4.00409 2.00019 4.00409C2.26649 4.00409 2.52188 3.8983 2.71019 3.71L3.00019 3.41V8.59L2.71019 8.29C2.52188 8.1017 2.26649 7.99591 2.00019 7.99591C1.73388 7.99591 1.47849 8.1017 1.29019 8.29C1.10188 8.4783 0.996094 8.7337 0.996094 9C0.996094 9.2663 1.10188 9.5217 1.29019 9.71L3.29019 11.71C3.38529 11.801 3.49743 11.8724 3.62019 11.92C3.73989 11.9729 3.86931 12.0002 4.00019 12.0002C4.13106 12.0002 4.26049 11.9729 4.38019 11.92C4.50294 11.8724 4.61508 11.801 4.71019 11.71L6.71019 9.71C6.80342 9.61676 6.87738 9.50607 6.92785 9.38425C6.97831 9.26243 7.00428 9.13186 7.00428 9C7.00428 8.86814 6.97831 8.73757 6.92785 8.61575C6.87738 8.49393 6.80342 8.38324 6.71019 8.29C6.61695 8.19676 6.50626 8.1228 6.38443 8.07234C6.26261 8.02188 6.13204 7.99591 6.00019 7.99591C5.86833 7.99591 5.73776 8.02188 5.61594 8.07234C5.49411 8.1228 5.38342 8.19676 5.29019 8.29L5.00019 8.59V3.41L5.29019 3.71ZM10.0002 2H20.0002C20.2654 2 20.5198 1.89464 20.7073 1.70711C20.8948 1.51957 21.0002 1.26522 21.0002 1C21.0002 0.734784 20.8948 0.48043 20.7073 0.292893C20.5198 0.105357 20.2654 0 20.0002 0H10.0002C9.73497 0 9.48061 0.105357 9.29308 0.292893C9.10554 0.48043 9.00019 0.734784 9.00019 1C9.00019 1.26522 9.10554 1.51957 9.29308 1.70711C9.48061 1.89464 9.73497 2 10.0002 2ZM20.0002 5H10.0002C9.73497 5 9.48061 5.10536 9.29308 5.29289C9.10554 5.48043 9.00019 5.73478 9.00019 6C9.00019 6.26522 9.10554 6.51957 9.29308 6.70711C9.48061 6.89464 9.73497 7 10.0002 7H20.0002C20.2654 7 20.5198 6.89464 20.7073 6.70711C20.8948 6.51957 21.0002 6.26522 21.0002 6C21.0002 5.73478 20.8948 5.48043 20.7073 5.29289C20.5198 5.10536 20.2654 5 20.0002 5ZM20.0002 10H10.0002C9.73497 10 9.48061 10.1054 9.29308 10.2929C9.10554 10.4804 9.00019 10.7348 9.00019 11C9.00019 11.2652 9.10554 11.5196 9.29308 11.7071C9.48061 11.8946 9.73497 12 10.0002 12H20.0002C20.2654 12 20.5198 11.8946 20.7073 11.7071C20.8948 11.5196 21.0002 11.2652 21.0002 11C21.0002 10.7348 20.8948 10.4804 20.7073 10.2929C20.5198 10.1054 20.2654 10 20.0002 10Z"/>
                            </svg>
                        </span>
                    </th>

                    <th scope="col" class="text-sm sm:text-base px-2 py-2 text-left text-3.5 font-semibold">
                        {{ __('Дата на регистрација') }}
                        <span class="cursor-pointer inline-block align-middle ml-1 -mt-0.5" wire:click="order_by('id_card_number')">
                            <svg class="fill-white" width="21" height="12" viewBox="0 0 21 12" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M5.29019 3.71C5.38315 3.80373 5.49375 3.87812 5.61561 3.92889C5.73747 3.97966 5.86817 4.0058 6.00019 4.0058C6.1322 4.0058 6.2629 3.97966 6.38476 3.92889C6.50662 3.87812 6.61722 3.80373 6.71019 3.71C6.80391 3.61704 6.87831 3.50644 6.92908 3.38458C6.97985 3.26272 7.00598 3.13201 7.00598 3C7.00598 2.86799 6.97985 2.73728 6.92908 2.61542C6.87831 2.49356 6.80391 2.38296 6.71019 2.29L4.71019 0.29C4.61508 0.198959 4.50294 0.127594 4.38019 0.0799999C4.13672 -0.0200181 3.86365 -0.0200181 3.62019 0.0799999C3.49743 0.127594 3.38529 0.198959 3.29019 0.29L1.29019 2.29C1.10188 2.4783 0.996094 2.7337 0.996094 3C0.996094 3.2663 1.10188 3.5217 1.29019 3.71C1.47849 3.8983 1.73388 4.00409 2.00019 4.00409C2.26649 4.00409 2.52188 3.8983 2.71019 3.71L3.00019 3.41V8.59L2.71019 8.29C2.52188 8.1017 2.26649 7.99591 2.00019 7.99591C1.73388 7.99591 1.47849 8.1017 1.29019 8.29C1.10188 8.4783 0.996094 8.7337 0.996094 9C0.996094 9.2663 1.10188 9.5217 1.29019 9.71L3.29019 11.71C3.38529 11.801 3.49743 11.8724 3.62019 11.92C3.73989 11.9729 3.86931 12.0002 4.00019 12.0002C4.13106 12.0002 4.26049 11.9729 4.38019 11.92C4.50294 11.8724 4.61508 11.801 4.71019 11.71L6.71019 9.71C6.80342 9.61676 6.87738 9.50607 6.92785 9.38425C6.97831 9.26243 7.00428 9.13186 7.00428 9C7.00428 8.86814 6.97831 8.73757 6.92785 8.61575C6.87738 8.49393 6.80342 8.38324 6.71019 8.29C6.61695 8.19676 6.50626 8.1228 6.38443 8.07234C6.26261 8.02188 6.13204 7.99591 6.00019 7.99591C5.86833 7.99591 5.73776 8.02188 5.61594 8.07234C5.49411 8.1228 5.38342 8.19676 5.29019 8.29L5.00019 8.59V3.41L5.29019 3.71ZM10.0002 2H20.0002C20.2654 2 20.5198 1.89464 20.7073 1.70711C20.8948 1.51957 21.0002 1.26522 21.0002 1C21.0002 0.734784 20.8948 0.48043 20.7073 0.292893C20.5198 0.105357 20.2654 0 20.0002 0H10.0002C9.73497 0 9.48061 0.105357 9.29308 0.292893C9.10554 0.48043 9.00019 0.734784 9.00019 1C9.00019 1.26522 9.10554 1.51957 9.29308 1.70711C9.48061 1.89464 9.73497 2 10.0002 2ZM20.0002 5H10.0002C9.73497 5 9.48061 5.10536 9.29308 5.29289C9.10554 5.48043 9.00019 5.73478 9.00019 6C9.00019 6.26522 9.10554 6.51957 9.29308 6.70711C9.48061 6.89464 9.73497 7 10.0002 7H20.0002C20.2654 7 20.5198 6.89464 20.7073 6.70711C20.8948 6.51957 21.0002 6.26522 21.0002 6C21.0002 5.73478 20.8948 5.48043 20.7073 5.29289C20.5198 5.10536 20.2654 5 20.0002 5ZM20.0002 10H10.0002C9.73497 10 9.48061 10.1054 9.29308 10.2929C9.10554 10.4804 9.00019 10.7348 9.00019 11C9.00019 11.2652 9.10554 11.5196 9.29308 11.7071C9.48061 11.8946 9.73497 12 10.0002 12H20.0002C20.2654 12 20.5198 11.8946 20.7073 11.7071C20.8948 11.5196 21.0002 11.2652 21.0002 11C21.0002 10.7348 20.8948 10.4804 20.7073 10.2929C20.5198 10.1054 20.2654 10 20.0002 10Z"/>
                            </svg>
                        </span>
                    </th>
                </tr>
            </thead>
            <tbody>
                @foreach ($agentClients as $agent)
                <tr class="border-b">
                    <td class="text-sm md:text-base text-neutral-800 font-normal text-4 px-2 py-2 whitespace-nowrap align-middle text-center">{{ $loop->iteration }}</td>
                    <td class="text-sm md:text-base text-neutral-800 font-normal text-4 px-2 py-2 whitespace-nowrap align-middle">{{ $agent->name }}</td>
                    <td class="text-sm md:text-base text-neutral-800 font-normal text-4 px-2 py-2 whitespace-nowrap align-middle">{{ $agent->surname }}</td>
                    <td class="text-sm md:text-base text-neutral-800 font-normal text-4 px-2 py-2 whitespace-nowrap align-middle">{{ $agent->email }}</td>
                    <td class="text-sm md:text-base text-neutral-800 font-normal text-4 px-2 py-2 whitespace-nowrap align-middle">{{ $agent->phone }}</td>
                    <td class="text-sm md:text-base text-neutral-800 font-normal text-4 px-2 py-2 whitespace-nowrap align-middle">{{ $agent->address }}</td>
                    <td class="text-sm md:text-base text-neutral-800 font-normal text-4 px-2 py-2 whitespace-nowrap align-middle">
                        {{ $agent->created_at->format('d.m.Y') }}
                    </td>
                </tr>
                @endforeach
            </tbody>
        </table>
    </x-slot>
</x-form-section>
    {{--  --}}