@extends('layouts.app')
@section('urlContent')
    {!! view('components.breadcrumbs', [
        'b_items' => [
            'İcra takibi' => '/accounting/execution/list',
        ],
    ]) !!}
@endsection
@section('content')
    <div class="container-app">
        <div class="flex gap-2">
            <input type="number" id="filterTc" placeholder="Tc kimlik numarası giriniz"
                class="input-2 w-full placeholder:italic">
            <button id="filterButton" class="button-3 bg-gray-300 text-gray-600 text-sm whitespace-nowrap">
                <i class="fa-solid fa-search"></i>
                Ara
            </button>
        </div>
        <div class="overflow-y-auto h-[calc(100vh-240px)] mt-4">
            @foreach ($users as $item)
                <li class="meetRow relative flex space-x-6 py-6 bg-theme_secondary_black rounded-3xl p-8 mt-4"
                    style="">
                    <img class="w-14 h-14 rounded-full object-cover showImage cursor-pointer"
                        src="{{ $item->profile_img
                            ? getCdnFile($item->profile_img)
                            : ($item->personelUser && $item->personelUser->profile_img
                                ? getCdnFile($item->personelUser->profile_img)
                                : getDefaultImage()) }}">

                    <a href="{{ route('accounting.executionUser', ['user' => $item->id]) }}" class="w-full">
                        <div class="flex-auto">
                            <div class="flex justify-between text-gray-300">
                                <div class="flex gap-6">
                                    <div class="flex items-center gap-2">
                                        <h3 class="font-semibold text-gray-300 capitalize userFullName">
                                            {{ $item->fullName }}
                                        </h3>
                                        @php
                                            $birthdate = new DateTime($item->personelUser->birth_date);
                                            $today = new DateTime('today');
                                            $age = $birthdate->diff($today)->y;
                                        @endphp
                                        <span class="text-gray-300">{{ '( ' . $age . ' )' }}</span>
                                    </div>
                                    @php
                                        $workingStatus = json_decode($item->personelUser->working_status) ?? [];
                                    @endphp
                                    @if (in_array('Engelli', $workingStatus) && $item->personelUser->disability_rate)
                                        <p
                                            class="text-gray-300 bg-red-700 rounded-xl px-2 text-xs inline-flex items-center justify-center capitalize">
                                            % {{ $item->personelUser->disability_rate }} Engelli
                                        </p>
                                    @endif
                                </div>
                            </div>
                            <dl class="mt-2 flex flex-col text-gray-400 xl:flex-row">
                                <div class="flex items-center space-x-3">
                                    <dt class="flex items-center h-5 w-5 fill-gray-400">
                                        <i class="fa-solid fa-city"></i>
                                    </dt>
                                    <p class="text-gray-300">
                                        {{ $item->city }}
                                    </p>
                                </div>
                                <div
                                    class="mt-2 flex items-center space-x-3 xl:mt-0 xl:ml-3.5 xl:border-l xl:border-gray-400 xl:border-opacity-50 xl:pl-3.5">
                                    <dt class="flex items-center h-5 w-5 fill-gray-400">
                                        <i class="fa-solid fa-building"></i>
                                    </dt>
                                    <p class="text-gray-300">
                                        {{ $item->district }}
                                    </p>
                                </div>
                                <div
                                    class="mt-2 flex items-center space-x-3 xl:mt-0 xl:ml-3.5 xl:border-l xl:border-gray-400 xl:border-opacity-50 xl:pl-3.5">
                                    <dt class="flex items-center h-5 w-5 fill-gray-400">
                                        <img src="{{ $item->roles[0]?->icon ? getCdnFile($item->roles[0]->icon) : asset('assets/icons/job.svg') }}"
                                            alt="">
                                    </dt>
                                    <p class="text-gray-300">
                                        {{ $item->preMeeting?->userRole->title }}
                                    </p>
                                </div>
                                <div
                                    class="mt-2 flex items-center space-x-3 xl:mt-0 xl:ml-3.5 xl:border-l xl:border-gray-400 xl:border-opacity-50 xl:pl-3.5">
                                    <dt class="flex items-center h-5 w-5 fill-gray-400">
                                        <i class="fa-solid fa-phone"></i>
                                    </dt>
                                    <p class="text-gray-300">
                                        {{ $item->tel }}
                                    </p>
                                </div>
                            </dl>
                        </div>
                    </a>
                    <div
                        class="flex flex-col xl:flex-row gap-2 3xl:gap-6 justify-center items-center text-gray-300 capitalize">
                        <a href="{{ route('accounting.executionUser', ['user' => $item->id]) }}"
                            class="exitRequest inline-flex w-full items-center whitespace-nowrap px-2 py-1 rounded gap-2 font-medium text-white bg-blue-700">
                            <i class="fa-solid fa-eye"></i>
                            Detay
                        </a>
                    </div>
                </li>
            @endforeach
        </div>
    </div>
    @if ($errors->any())
        @include('components.error-modal-second')
    @endif
    @if (session('error'))
        @include('components.error-modal')
    @endif
    @if (session('success'))
        @include('components.success-modal')
    @endif
@endsection
@section('javascript')
    <script>
        $('#filterButton').click(function(e) {
            var tc = $('#filterTc').val();
            window.location = '/accounting/execution/list?tc=' + tc
        })
    </script>
@endsection