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

    <x-slot name="description">
        Информации за клиентот/инвеститорот
        <br>
        <a href="{{ route('admin_client_edit', ['client_id' => $user->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="{{ $user->profile_photo_url }}" alt="{{ $user->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="{{ $user->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="{{ $user->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="{{ $user->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="{{ $user->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="{{ $user->phone }}" disabled/>
            </div>
        </div>
    </x-slot>

</x-form-section>

{{-- payment 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-[500px] max-w-full flex flex-col gap-3">
            <div class="col-span-3 sm:col-span-4">
                <x-label for="id_card_number" value="Број на лична карта" />
                <x-input id="id_card_number" type="text" class="mt-1 block w-full" value="{{ $user->id_card_number }}" disabled/>
            </div>

            <div class="col-span-3 sm:col-span-4">
                <x-label for="embg" value="ЕМБГ" />
                <x-input id="embg" type="text" class="mt-1 block w-full" value="{{ $user->embg }}" disabled/>
            </div>

            <div class="col-span-6 sm:col-span-4">
                <x-label for="bank_account" value="Трансакциска сметка" />
                <x-input id="bank_account" type="text" class="mt-1 block w-full"  value="{{ $user->bank_account }}" disabled/>
            </div>
        </div>

        <div class="w-full max-w-full flex flex-row flex-wrap gap-3">

            <div class="w-[250px]">
                <!-- Profile Photo File Input -->
                <x-label for="photo" value="Преден дел од идентификационен документ" />
                <!-- Current Profile Photo -->
                <div class="mt-2">
                    <a class="spotlight" href="{{route('file_storage_serve', ['params' => 'images', 'file' => $user->id_card_picture_front])}}"
                        data-src-800="{{route('file_storage_serve', ['params' => 'images', 'file' => $user->id_card_picture_front])}}"
                        data-src-1200="{{route('file_storage_serve', ['params' => 'images', 'file' => $user->id_card_picture_front])}}"
                        data-src-2400="{{route('file_storage_serve', ['params' => 'images', 'file' => $user->id_card_picture_front])}}"
                        data-src-3800="{{route('file_storage_serve', ['params' => 'images', 'file' => $user->id_card_picture_front])}}">
                        <img src="{{route('file_storage_serve', ['params' => 'images', 'file' => $user->id_card_picture_front])}}">
                    </a>
                </div>
            </div>

            <div class="w-[250px]">
                <!-- Profile Photo File Input -->
                <x-label for="photo" value="Заден дел од идентификационен документ" />
                <!-- Current Profile Photo -->
                <div class="mt-2">
                    <a class="spotlight" href="{{route('file_storage_serve', ['params' => 'images', 'file' => $user->id_card_picture_back])}}"
                        data-src-800="{{route('file_storage_serve', ['params' => 'images', 'file' => $user->id_card_picture_back])}}"
                        data-src-1200="{{route('file_storage_serve', ['params' => 'images', 'file' => $user->id_card_picture_back])}}"
                        data-src-2400="{{route('file_storage_serve', ['params' => 'images', 'file' => $user->id_card_picture_back])}}"
                        data-src-3800="{{route('file_storage_serve', ['params' => 'images', 'file' => $user->id_card_picture_back])}}">
                        <img src="{{route('file_storage_serve', ['params' => 'images', 'file' => $user->id_card_picture_back])}}">
                    </a>
                </div>
            </div>
        </div>

    </x-slot>

</x-form-section>

{{-- 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="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-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">
                            {{ __('Проект') }}
                        </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">
                            Почеток на градба
                        </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">
                            Вкупна заработка
                        </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">

                        </th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($user->payedInvestments() as $investor_user)
                        <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">{!! Str::words($investor_user->project->name, 5, '... ') !!}</td>
                            <td class="text-sm md:text-base text-neutral-800 font-normal text-4 px-2 py-2 whitespace-nowrap align-middle">
                                @if($investor_user->currencyValue == null)
                                    {!! number_format((float)str_replace(',', '', $investor_user->rangeValue) * (float)$eur_to_mkd_rate, 0, '.', ',') !!}
                                    @php
                                        $vlog = (float)str_replace(',', '', $investor_user->rangeValue) * (float)$eur_to_mkd_rate;
                                        $profit = (float)str_replace(',', '', $investor_user->profit) * (float)$eur_to_mkd_rate;
                                    @endphp
                                @else
                                    @if($investor_user->currencyValue == 'eur')
                                        {!! number_format((float)str_replace(',', '', $investor_user->rangeValue) * (float)$eur_to_mkd_rate, 0, '.', ',') !!}
                                        @php
                                            $vlog = (float)str_replace(',', '', $investor_user->rangeValue) * (float)$eur_to_mkd_rate;
                                            $profit = (float)str_replace(',', '', $investor_user->profit) * (float)$eur_to_mkd_rate;
                                        @endphp
                                    @endif
                                    @if($investor_user->currencyValue == 'mkd')
                                        {!! number_format((float)$investor_user->rangeValue, 0, '.', ',') !!}
                                        @php
                                            $vlog = (float)str_replace(',', '', $investor_user->rangeValue);
                                            $profit = (float)str_replace(',', '', $investor_user->profit);
                                        @endphp
                                    @endif
                                @endif
                                {{ __('ден.') }}
                            </td>
                            <td class="text-sm md:text-base text-neutral-800 font-normal text-4 px-2 py-2 whitespace-nowrap align-middle">
                                {{ \Carbon\Carbon::createFromFormat('Y-m-d H:i:s', $investor_user->project->start_date)->format('d/m/Y') }}
                            </td>
                            <td class="text-sm md:text-base text-neutral-800 font-normal text-4 px-2 py-2 whitespace-nowrap align-middle">
                                {{ \Carbon\Carbon::createFromFormat('Y-m-d H:i:s', $investor_user->project->end_date)->format('d/m/Y') }}
                            </td>
                            <td class="text-sm md:text-base text-neutral-800 font-normal text-4 px-2 py-2 whitespace-nowrap align-middle">
                                {{ number_format((((float)$profit / (float)$vlog) * 100), 2, '.', ',') }}%
                            </td>
                            <td class="text-sm md:text-base text-neutral-800 font-normal text-4 px-2 py-2 whitespace-nowrap align-middle">
                                @if($investor_user->currencyValue == null)
                                    {!! number_format((float)str_replace(',', '', $investor_user->profit) * (float)$eur_to_mkd_rate, 0, '.', ',') !!}
                                @else
                                    @if($investor_user->currencyValue == 'eur')
                                        {!! number_format((float)str_replace(',', '', $investor_user->profit) * (float)$eur_to_mkd_rate, 0, '.', ',') !!}
                                    @endif
                                    @if($investor_user->currencyValue == 'mkd')
                                        {{ number_format($investor_user->profit, 0, '.', ',') }}
                                    @endif
                                @endif
                                {{ __('ден.') }}
                            </td>
                            <td class="text-sm md:text-base text-neutral-800 font-normal text-4 px-2 py-2 whitespace-nowrap align-middle">
                                <a href="{{ route('payout_plan', ['project_slug' => $investor_user->project->slug, 'investor_user_id' => $investor_user->id]) }}" class="text-sm text-gray-500 py-1 px-2 block text-left bg-transparent font-normal transition-all duration-300 rounded-md hover:bg-blue-50 hover:text-blue-500 hover:font-bold">
                                    @if($investor_user->tip_uplata == "ednokratna")
                                        {{ __('Амортизационен план') }}
                                    @endif

                                    @if($investor_user->tip_uplata == "mesecna")
                                        {{ __('План за месечни уплати') }}
                                    @endif
                                </a>
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </x-slot>

</x-form-section>

{{-- zavrseni investicii --}}
<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="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-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">
                            {{ __('Проект') }}
                        </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">
                            Почеток на градба
                        </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">
                            Вкупна заработка
                        </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">

                        </th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($user->completedInvestments() as $c_investor_user)
                        <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">{!! Str::words($c_investor_user->project->name, 5, '... ') !!}</td>
                            <td class="text-sm md:text-base text-neutral-800 font-normal text-4 px-2 py-2 whitespace-nowrap align-middle">
                                @if($c_investor_user->currencyValue == null)
                                    {!! number_format((float)str_replace(',', '', $c_investor_user->rangeValue) * (float)$eur_to_mkd_rate, 0, '.', ',') !!}
                                    @php
                                        $vlog = (float)str_replace(',', '', $c_investor_user->rangeValue) * (float)$eur_to_mkd_rate;
                                        $profit = (float)str_replace(',', '', $c_investor_user->profit) * (float)$eur_to_mkd_rate;
                                    @endphp
                                @else
                                    @if($c_investor_user->currencyValue == 'eur')
                                        {!! number_format((float)str_replace(',', '', $c_investor_user->rangeValue) * (float)$eur_to_mkd_rate, 0, '.', ',') !!}
                                        @php
                                            $vlog = (float)str_replace(',', '', $c_investor_user->rangeValue) * (float)$eur_to_mkd_rate;
                                            $profit = (float)str_replace(',', '', $c_investor_user->profit) * (float)$eur_to_mkd_rate;
                                        @endphp
                                    @endif
                                    @if($c_investor_user->currencyValue == 'mkd')
                                        {!! number_format((float)$c_investor_user->rangeValue, 0, '.', ',') !!}
                                        @php
                                            $vlog = (float)str_replace(',', '', $c_investor_user->rangeValue);
                                            $profit = (float)str_replace(',', '', $c_investor_user->profit);
                                        @endphp
                                    @endif
                                @endif
                                {{ __('ден.') }}
                            </td>
                            <td class="text-sm md:text-base text-neutral-800 font-normal text-4 px-2 py-2 whitespace-nowrap align-middle">
                                {{ \Carbon\Carbon::createFromFormat('Y-m-d H:i:s', $c_investor_user->project->start_date)->format('d/m/Y') }}
                            </td>
                            <td class="text-sm md:text-base text-neutral-800 font-normal text-4 px-2 py-2 whitespace-nowrap align-middle">
                                {{ \Carbon\Carbon::createFromFormat('Y-m-d H:i:s', $c_investor_user->project->end_date)->format('d/m/Y') }}
                            </td>
                            <td class="text-sm md:text-base text-neutral-800 font-normal text-4 px-2 py-2 whitespace-nowrap align-middle">
                                {{ number_format((((float)$profit / (float)$vlog) * 100), 2, '.', ',') }}%
                            </td>
                            <td class="text-sm md:text-base text-neutral-800 font-normal text-4 px-2 py-2 whitespace-nowrap align-middle">
                                @if($c_investor_user->currencyValue == null)
                                    {!! number_format((float)str_replace(',', '', $c_investor_user->profit) * (float)$eur_to_mkd_rate, 0, '.', ',') !!}
                                @else
                                    @if($c_investor_user->currencyValue == 'eur')
                                        {!! number_format((float)str_replace(',', '', $c_investor_user->profit) * (float)$eur_to_mkd_rate, 0, '.', ',') !!}
                                    @endif
                                    @if($c_investor_user->currencyValue == 'mkd')
                                        {{ number_format($c_investor_user->profit, 0, '.', ',') }}
                                    @endif
                                @endif
                                {{ __('ден.') }}
                            </td>
                            <td class="text-sm md:text-base text-neutral-800 font-normal text-4 px-2 py-2 whitespace-nowrap align-middle">
                                <a href="{{ route('payout_plan', ['project_slug' => $c_investor_user->project->slug, 'investor_user_id' => $c_investor_user->id]) }}" class="text-sm text-gray-500 py-1 px-2 block text-left bg-transparent font-normal transition-all duration-300 rounded-md hover:bg-blue-50 hover:text-blue-500 hover:font-bold">
                                    @if($c_investor_user->tip_uplata == "ednokratna")
                                        {{ __('Амортизационен план') }}
                                    @endif

                                    @if($c_investor_user->tip_uplata == "mesecna")
                                        {{ __('План за месечни уплати') }}
                                    @endif
                                </a>
                            </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-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">
                        {{ __('Влог') }}
                    </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">
                        Завршување на проектот
                    </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">
                        {{ __('Профит') }}
                    </th>
                </tr>
            </thead>
            <tbody>
                @foreach($user->signedInvestments() as $investor_userr)
                    <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">{!! Str::words($investor_userr->project->name, 5, '... ') !!}</td>
                         <td class="text-sm md:text-base text-neutral-800 font-normal text-4 px-2 py-2 whitespace-nowrap align-middle">
                            @if($investor_userr->currencyValue == null)
                                {!! number_format((float)str_replace(',', '', $investor_userr->rangeValue) * (float)$eur_to_mkd_rate, 0, '.', ',') !!}
                            @else
                                @if($investor_userr->currencyValue == 'eur')
                                    {!! number_format((float)str_replace(',', '', $investor_userr->rangeValue) * (float)$eur_to_mkd_rate, 0, '.', ',') !!}
                                @endif
                                @if($investor_userr->currencyValue == 'mkd')
                                    {!! number_format((float)$investor_userr->rangeValue, 0, '.', ',') !!}
                                @endif
                            @endif
                            {{ __('ден.') }}
                        </td>
                        <td class="text-sm md:text-base text-neutral-800 font-normal text-4 px-2 py-2 whitespace-nowrap align-middle">
                            {{ \Carbon\Carbon::createFromFormat('Y-m-d H:i:s', $investor_userr->project->start_date)->format('d/m/Y') }}
                        </td>
                        <td class="text-sm md:text-base text-neutral-800 font-normal text-4 px-2 py-2 whitespace-nowrap align-middle">
                            {{ \Carbon\Carbon::createFromFormat('Y-m-d H:i:s', $investor_userr->project->end_date)->format('d/m/Y') }}
                        </td>
                        <td class="text-sm md:text-base text-neutral-800 font-normal text-4 px-2 py-2 whitespace-nowrap align-middle">
                            {{ number_format($investor_userr->investor_procenton, 2, '.', ',') }}%
                        </td>
                        <td class="text-sm md:text-base text-neutral-800 font-normal text-4 px-2 py-2 whitespace-nowrap align-middle">
                            @if($investor_userr->currencyValue == null)
                                {!! number_format((float)str_replace(',', '', $investor_userr->profit) * (float)$eur_to_mkd_rate, 0, '.', ',') !!}
                            @else
                                @if($investor_userr->currencyValue == 'eur')
                                    {!! number_format((float)str_replace(',', '', $investor_userr->profit) * (float)$eur_to_mkd_rate, 0, '.', ',') !!}
                                @endif
                                @if($investor_userr->currencyValue == 'mkd')
                                    {{ number_format($investor_userr->profit, 0, '.', ',') }}
                                @endif
                            @endif
                            {{ __('ден.') }}
                        </td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    </x-slot>
</x-form-section>
    {{--  --}}