@extends('layouts.app')

@section('urlContent')
    {!! view('components.breadcrumbs', [
        'b_items' => [
            'Müşterilerim' => '/operation/my-customers',
        ],
    ]) !!}
@endsection
@section('content')
    <div class="container-app">
        @if ($type == 'head')
            <div
                class="relative overflow-y-auto h-[calc(100vh-130px)] shadow-md rounded-xl bg-theme_secondary_black text-theme_white p-8">
                <div class="flex gap-4 items-center">
                    <img class="w-14 h-14 rounded-full object-cover showImage cursor-pointer"
                        src="{{ $customer->user->profile_img
                            ? getCdnFile($customer->user->profile_img)
                            : ($customer->office_logo
                                ? getCdnFile($customer->office_logo)
                                : getDefaultImage()) }}">
                    <div class="flex flex-col">
                        <h1 class="font-semibold text-lg capitalize">{{ $customer->office_name }}</h1>
                        <h1 class="font-semibold">Adres : <span class="text-lg capitalize">{{ $customer->address }}</span>
                        </h1>
                    </div>
                </div>
                <div class="absolute top-3 right-3">
                    <button id="serviceButton" class="button-3 text-sm">
                        <i class="fa-solid fa-gear"></i>
                        Hizmet Fiyatlandırması
                    </button>
                </div>
                <div>
                    <ol
                        class="overflow-y-auto h-[calc(100vh-340px)] mt-4 text-sm leading-6 lg:col-span-7 xl:col-span-8 w-full">
                        @if (count($favoriteUsers) > 0)
                            @foreach ($favoriteUsers as $favoriteUser)
                                <li class="officeRow relative flex space-x-6 py-6 bg-theme_black rounded-3xl p-8 mt-4">
                                    <img class="w-14 h-14 rounded-full object-cover showImage cursor-pointer"
                                        src="{{ $favoriteUser->user->profile_img
                                            ? getCdnFile($favoriteUser->user->profile_img)
                                            : ($favoriteUser->user->personelUser
                                                ? getCdnFile($favoriteUser->user->personelUser->profile_img)
                                                : getDefaultImage()) }}">
                                    <a href="#" class="w-full">
                                        <div class="flex-auto">
                                            <h3 class="pr-10 font-semibold xl:pr-0 text-gray-300">
                                                {{ $favoriteUser->user->full_name }}
                                            </h3>
                                            <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">
                                                        {{ $favoriteUser->user->city }}
                                                    </p>
                                                </div>
                                                <div class="card-list">
                                                    <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">
                                                        {{ $favoriteUser->user->district }}
                                                    </p>
                                                </div>
                                                <div class="card-list">
                                                    <dt class="flex items-center h-5 w-5 fill-gray-400">
                                                        <i
                                                            class="fa-solid fa-star cursor-pointer text-yellow-500 text-lg"></i>
                                                    </dt>
                                                    <p class="text-gray-300 capitalize whitespace-nowrap">
                                                        @php
                                                            $avgRate = $favoriteUser->user->reviews->avg('rate');
                                                        @endphp
                                                        @if (!$avgRate == null)
                                                            {{ $avgRate }}
                                                        @else
                                                            Yorum Yok
                                                        @endif
                                                    </p>
                                                </div>
                                                <div class="card-list">
                                                    <dt class="flex items-center h-5 w-5 fill-gray-400">
                                                        <img class="w-5 fill-gray-400"
                                                            src="{{ $favoriteUser->user->roles[0]->icon ? getCdnFile($favoriteUser->user->roles[0]->icon) : asset('assets/icons/job.svg') }}"
                                                            alt="">
                                                    </dt>
                                                    <p class="text-gray-300 capitalize whitespace-nowrap">
                                                        {{ $favoriteUser->user->roles[0]->title }}
                                                    </p>
                                                </div>
                                                <div class="card-list">
                                                    <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 whitespace-nowrap">
                                                        {{ $favoriteUser->user->tel }}
                                                    </p>
                                                </div>
                                                @if ($favoriteUser->user->email)
                                                    <div class="card-list">
                                                        <dt class="flex items-center h-5 w-5 fill-gray-400">
                                                            <i class="fa-solid fa-user"></i>
                                                        </dt>
                                                        <p class="text-gray-300 whitespace-nowrap">
                                                            {{ substr($favoriteUser->user->email, 0, 27) }}
                                                        </p>
                                                    </div>
                                                @endif
                                                {{-- <div class="card-list">
                                                    <dt class="flex items-center h-5 w-5">
                                                        <i class="fa-regular fa-money-bill-1"></i>
                                                    </dt>
                                                    <p class="text-gray-300 capitalize line-clamp-1">
                                                        @php
                                                            $type = $favoriteUser->user->preMeeting->cost_type;
                                                            if ($type == 'hourly') {
                                                                $costText = 'Saatlik';
                                                            } elseif ($type == 'daily') {
                                                                $costText = 'Günlük';
                                                            } elseif ($type == 'weekly') {
                                                                $costText = 'Haftalık';
                                                            } elseif ($type == 'twoWeekly') {
                                                                $costText = '15 Günlük';
                                                            } elseif ($type == 'monthly') {
                                                                $costText = 'Aylık';
                                                            }
                                                        @endphp
                                                        {{ $costText }} Ücret
                                                        {{ $favoriteUser->user->preMeeting->cost }} TL
                                                    </p>
                                                </div> --}}
                                                <div class="card-list">
                                                    <dt class="flex items-center h-5 w-5 fill-gray-400">
                                                        <i class="fa-solid fa-money-bill"></i>
                                                    </dt>
                                                    <p class="text-gray-300 capitalize">
                                                        @php
                                                            $term = $favoriteUser->user->preMeeting->payment_term;

                                                            if ($term == 'daily') {
                                                                $termText = 'Günlük';
                                                            } elseif ($term == 'weekly') {
                                                                $termText = 'Haftalık';
                                                            } elseif ($term == 'twoWeekly') {
                                                                $termText = '15 Günlük';
                                                            } elseif ($term == 'monthly') {
                                                                $termText = 'Aylık';
                                                            }
                                                        @endphp
                                                        {{ $termText }} Ödeme
                                                    </p>
                                                </div>
                                            </dl>
                                        </div>
                                    </a>
                                    <div class="flex gap-6 items-center text-gray-300">
                                        <form method="POST" onsubmit="showLoading()"
                                            action="{{ route('operation.myCustomersDeleteFavorite', ['favorite' => $favoriteUser]) }}">
                                            @csrf @method('DELETE')
                                            <button
                                                class="inline-flex items-center px-2 py-1 rounded gap-2 font-medium text-white bg-red-600">
                                                <i class="fa-solid fa-user-minus"></i>
                                                Çıkart
                                            </button>
                                        </form>
                                    </div>
                                </li>
                            @endforeach
                        @endif
                    </ol>
                </div>
            </div>
            @include('components.operation.customerCosts')
        @elseif ($type == 'branch')
            <div
                class="relative overflow-y-auto h-[calc(100vh-130px)] shadow-md rounded-xl bg-theme_secondary_black text-theme_white p-8">
                <div class="flex gap-4 items-center">
                    <img class="w-20 h-20 object-cover rounded-full"
                        src="{{ $customer->user->profile_img ? getCdnFile($customer->user->profile_img) : getDefaultImage() }}">
                    <div class="flex flex-col">
                        <h1 class="font-semibold text-lg capitalize">{{ $customer->branch_name }}</h1>
                    </div>
                </div>
                <div>
                    <ol
                        class="overflow-y-auto h-[calc(100vh-340px)] mt-4 text-sm leading-6 lg:col-span-7 xl:col-span-8 w-full">
                        @if (count($favoriteUsers) > 0)
                            @foreach ($favoriteUsers as $favoriteUser)
                                <li class="officeRow relative flex space-x-6 py-6 bg-theme_black rounded-3xl p-8 mt-4">
                                    <img class="w-14 h-14 rounded-full object-cover showImage cursor-pointer"
                                        src="{{ $favoriteUser->user->profile_img
                                            ? getCdnFile($favoriteUser->user->profile_img)
                                            : ($favoriteUser->user->personelUser
                                                ? getCdnFile($favoriteUser->user->personelUser->profile_img)
                                                : getDefaultImage()) }}">
                                    <a href="#" class="w-full">
                                        <div class="flex-auto">
                                            <h3 class="pr-10 font-semibold xl:pr-0 text-gray-300">
                                                {{ $favoriteUser->user->full_name }}
                                            </h3>
                                            <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">
                                                        {{ $favoriteUser->user->city }}
                                                    </p>
                                                </div>
                                                <div class="card-list">
                                                    <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">
                                                        {{ $favoriteUser->user->district }}
                                                    </p>
                                                </div>
                                                <div class="card-list">
                                                    <dt class="flex items-center h-5 w-5 fill-gray-400">
                                                        <i
                                                            class="fa-solid fa-star cursor-pointer text-yellow-500 text-lg"></i>
                                                    </dt>
                                                    <p class="text-gray-300 capitalize">
                                                        @php
                                                            $avgRate = $favoriteUser->user->reviews->avg('rate');
                                                        @endphp
                                                        @if (!$avgRate == null)
                                                            $avgRate
                                                        @else
                                                            Henüz Yorum Yok
                                                        @endif
                                                    </p>
                                                </div>
                                                <div class="card-list">
                                                    <dt class="flex items-center h-5 w-5 fill-gray-400">
                                                        <img class="w-5 fill-gray-400"
                                                            src="{{ $favoriteUser->user->roles[0]->icon ? getCdnFile($favoriteUser->user->roles[0]->icon) : asset('assets/icons/job.svg') }}"
                                                            alt="">
                                                    </dt>
                                                    <p class="text-gray-300 capitalize">
                                                        {{ $favoriteUser->user->roles[0]->title }}
                                                    </p>
                                                </div>
                                                <div class="card-list">
                                                    <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">
                                                        {{ $favoriteUser->user->tel }}
                                                    </p>
                                                </div>
                                                @if ($favoriteUser->user->email)
                                                    <div class="card-list">
                                                        <dt class="flex items-center h-5 w-5 fill-gray-400">
                                                            <i class="fa-solid fa-user"></i>
                                                        </dt>
                                                        <p class="text-gray-300">
                                                            {{ substr($favoriteUser->user->email, 0, 30) }}
                                                        </p>
                                                    </div>
                                                @endif
                                                <div class="card-list">
                                                    <dt class="flex items-center h-5 w-5 fill-gray-400">
                                                        <i class="fa-regular fa-money-bill-1"></i>
                                                    </dt>
                                                    <p class="text-gray-300 capitalize">
                                                        @php
                                                            $type = $favoriteUser->user->preMeeting->cost_type;
                                                            if ($type == 'hourly') {
                                                                $costText = 'Saatlik';
                                                            } elseif ($type == 'daily') {
                                                                $costText = 'Günlük';
                                                            } elseif ($type == 'weekly') {
                                                                $costText = 'Haftalık';
                                                            } elseif ($type == 'twoWeekly') {
                                                                $costText = '15 Günlük';
                                                            } elseif ($type == 'monthly') {
                                                                $costText = 'Aylık';
                                                            }
                                                        @endphp
                                                        {{ $costText }} Ücret
                                                        {{ $favoriteUser->user->preMeeting->cost }} TL
                                                    </p>
                                                </div>
                                                <div class="card-list">
                                                    <dt class="flex items-center h-5 w-5 fill-gray-400">
                                                        <i class="fa-solid fa-money-bill"></i>
                                                    </dt>
                                                    <p class="text-gray-300 capitalize">
                                                        @php
                                                            $term = $favoriteUser->user->preMeeting->payment_term;

                                                            if ($term == 'daily') {
                                                                $termText = 'Günlük';
                                                            } elseif ($term == 'weekly') {
                                                                $termText = 'Haftalık';
                                                            } elseif ($term == 'twoWeekly') {
                                                                $termText = '15 Günlük';
                                                            } elseif ($term == 'monthly') {
                                                                $termText = 'Aylık';
                                                            }
                                                        @endphp
                                                        {{ $termText }} Ödeme
                                                    </p>
                                                </div>
                                            </dl>
                                        </div>
                                    </a>
                                    <div class="flex gap-6 items-center text-gray-300">
                                        <form method="POST" onsubmit="showLoading()"
                                            action="{{ route('operation.myCustomersDeleteFavorite', ['favorite' => $favoriteUser]) }}">
                                            @csrf @method('DELETE')
                                            <button
                                                class="inline-flex items-center px-2 py-1 rounded gap-2 font-medium text-white bg-red-600">
                                                <i class="fa-solid fa-trash"></i>
                                                Sil
                                            </button>
                                        </form>
                                    </div>
                                </li>
                            @endforeach
                        @endif
                    </ol>
                </div>
            </div>
        @elseif ($type == 'department')
            <div
                class="relative overflow-y-auto h-[calc(100vh-130px)] shadow-md rounded-xl bg-theme_secondary_black text-theme_white p-8">
                <div class="flex gap-4 items-center">
                    @if ($customer->customer_user->branch)
                        <img class="w-20 h-20 object-cover rounded-full"
                            src="{{ $customer->customer_user->profile_img ? getCdnFile($customer->customer_user->profile_img) : getCdnFile($customer->customer_user->branch->headOffice->office_logo) }}">
                    @else
                        <img class="w-20 h-20 object-cover rounded-full"
                            src="{{ $customer->customer_user->profile_img ? getCdnFile($customer->customer_user->profile_img) : getCdnFile($customer->customer_user->headOffice->office_logo) }}">
                    @endif
                    <div class="flex flex-col">
                        <h1 class="font-semibold text-lg capitalize">{{ $customer->name }}</h1>
                    </div>
                </div>
                <div>
                    <ol
                        class="overflow-y-auto h-[calc(100vh-340px)] mt-4 text-sm leading-6 lg:col-span-7 xl:col-span-8 w-full">
                        @if (count($favoriteUsers) > 0)
                            @foreach ($favoriteUsers as $favoriteUser)
                                <li class="officeRow relative flex space-x-6 py-6 bg-theme_black rounded-3xl p-8 mt-4">
                                    <img class="w-14 h-14 rounded-full object-cover showImage cursor-pointer"
                                        src="{{ $favoriteUser->user->profile_img
                                            ? getCdnFile($favoriteUser->user->profile_img)
                                            : ($favoriteUser->user->personelUser
                                                ? getCdnFile($favoriteUser->user->personelUser->profile_img)
                                                : getDefaultImage()) }}">
                                    <a href="#" class="w-full">
                                        <div class="flex-auto">
                                            <h3 class="pr-10 font-semibold xl:pr-0 text-gray-300">
                                                {{ $favoriteUser->user->full_name }}
                                            </h3>
                                            <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">
                                                        {{ $favoriteUser->user->city }}
                                                    </p>
                                                </div>
                                                <div class="card-list">
                                                    <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">
                                                        {{ $favoriteUser->user->district }}
                                                    </p>
                                                </div>
                                                <div class="card-list">
                                                    <dt class="flex items-center h-5 w-5 fill-gray-400">
                                                        <i
                                                            class="fa-solid fa-star cursor-pointer text-yellow-500 text-lg"></i>
                                                    </dt>
                                                    <p class="text-gray-300 capitalize">
                                                        @php
                                                            $avgRate = $favoriteUser->user->reviews->avg('rate');
                                                        @endphp
                                                        @if (!$avgRate == null)
                                                            $avgRate
                                                        @else
                                                            Henüz Yorum Yok
                                                        @endif
                                                    </p>
                                                </div>
                                                <div class="card-list">
                                                    <dt class="flex items-center h-5 w-5 fill-gray-400">
                                                        <img class="w-5 fill-gray-400"
                                                            src="{{ $favoriteUser->user->roles[0]->icon ? getCdnFile($favoriteUser->user->roles[0]->icon) : asset('assets/icons/job.svg') }}"
                                                            alt="">
                                                    </dt>
                                                    <p class="text-gray-300 capitalize">
                                                        {{ $favoriteUser->user->roles[0]->title }}
                                                    </p>
                                                </div>
                                                <div class="card-list">
                                                    <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">
                                                        {{ $favoriteUser->user->tel }}
                                                    </p>
                                                </div>
                                                @if ($favoriteUser->user->email)
                                                    <div class="card-list">
                                                        <dt class="flex items-center h-5 w-5 fill-gray-400">
                                                            <i class="fa-solid fa-envelope"></i>
                                                        </dt>
                                                        <p class="text-gray-300">
                                                            {{ substr($favoriteUser->user->email, 0, 30) }}
                                                        </p>
                                                    </div>
                                                @endif
                                                {{-- <div class="card-list">
                                                    <dt class="flex items-center h-5 w-5 fill-gray-400">
                                                        <i class="fa-regular fa-money-bill-1"></i>
                                                    </dt>
                                                    <p class="text-gray-300 capitalize">
                                                        @php
                                                            $type = $favoriteUser->user->preMeeting->cost_type;
                                                            if ($type == 'hourly') {
                                                                $costText = 'Saatlik';
                                                            } elseif ($type == 'daily') {
                                                                $costText = 'Günlük';
                                                            } elseif ($type == 'weekly') {
                                                                $costText = 'Haftalık';
                                                            } elseif ($type == 'twoWeekly') {
                                                                $costText = '15 Günlük';
                                                            } elseif ($type == 'monthly') {
                                                                $costText = 'Aylık';
                                                            }
                                                        @endphp
                                                        {{ $costText }} Ücret
                                                        {{ $favoriteUser->user->preMeeting->cost }} TL
                                                    </p>
                                                </div> --}}
                                                <div class="card-list">
                                                    <dt class="flex items-center h-5 w-5 fill-gray-400">
                                                        <i class="fa-solid fa-money-bill"></i>
                                                    </dt>
                                                    <p class="text-gray-300 capitalize">
                                                        @php
                                                            $term = $favoriteUser->user->preMeeting->payment_term;

                                                            if ($term == 'daily') {
                                                                $termText = 'Günlük';
                                                            } elseif ($term == 'weekly') {
                                                                $termText = 'Haftalık';
                                                            } elseif ($term == 'twoWeekly') {
                                                                $termText = '15 Günlük';
                                                            } elseif ($term == 'monthly') {
                                                                $termText = 'Aylık';
                                                            }
                                                        @endphp
                                                        {{ $termText }} Ödeme
                                                    </p>
                                                </div>
                                            </dl>
                                        </div>
                                    </a>
                                    <div class="flex gap-6 items-center text-gray-300">
                                        <form method="POST" onsubmit="showLoading()"
                                            action="{{ route('operation.myCustomersDeleteFavorite', ['favorite' => $favoriteUser]) }}">
                                            @csrf @method('DELETE')
                                            <button
                                                class="inline-flex items-center px-2 py-1 rounded gap-2 font-medium text-white bg-red-600">
                                                <i class="fa-solid fa-trash"></i>
                                                Sil
                                            </button>
                                        </form>
                                    </div>
                                </li>
                            @endforeach
                        @endif
                    </ol>
                </div>
            </div>
        @endif
    </div>
    @if (session('error'))
        @include('components.error-modal')
    @endif
    @if (session('success'))
        @include('components.success-modal')
    @endif
    @include('components.showImage')
@endsection
@section('javascript')
    <script>
        $('#serviceButton').click(function() {
            $('#servicePopup').fadeIn();
        })

        $('.close-sevice-popup').click(function() {
            $('#servicePopup').fadeOut();
        })
    </script>
@endsection