{{--<div>--}}
{{--    --}}{{-- هدر صفحه --}}
{{--    <x-slot name="header">--}}
{{--        <h2 class="font-semibold text-xl text-gray-800 dark:text-gray-200 leading-tight">--}}
{{--            {{ __('داشبورد بازرگان') }}--}}
{{--        </h2>--}}
{{--    </x-slot>--}}

{{--    <div class="py-12">--}}
{{--        <div class="max-w-7xl mx-auto sm:px-6 lg:px-8">--}}
{{--            <div class="bg-white dark:bg-gray-800 overflow-hidden shadow-xl sm:rounded-lg">--}}

{{--                <div class="p-6 lg:p-8 bg-white dark:bg-gray-800 dark:bg-gradient-to-bl dark:from-gray-700/50 dark:via-transparent border-b border-gray-200 dark:border-gray-700">--}}
{{--                    <h1 class="text-2xl font-medium text-gray-900 dark:text-white">--}}
{{--                        درخواست‌های خرید جدید--}}
{{--                    </h1>--}}
{{--                    @if (session()->has('message'))--}}
{{--                        <div class="mt-4 p-4 text-sm text-green-700 bg-green-100 rounded-lg dark:bg-green-200 dark:text-green-800" role="alert">--}}
{{--                            {{ session('message') }}--}}
{{--                        </div>--}}
{{--                    @endif--}}

{{--                    <div class="mt-6">--}}
{{--                        <table class="min-w-full divide-y divide-gray-200 dark:divide-gray-700">--}}
{{--                            <thead class="bg-gray-50 dark:bg-gray-700">--}}
{{--                            <tr>--}}
{{--                                <th scope="col" class="px-6 py-3 text-right text-xs font-medium text-gray-500 dark:text-gray-300 uppercase tracking-wider">--}}
{{--                                    کد درخواست--}}
{{--                                </th>--}}
{{--                                <th scope="col" class="px-6 py-3 text-right text-xs font-medium text-gray-500 dark:text-gray-300 uppercase tracking-wider">--}}
{{--                                    نام سازمان--}}
{{--                                </th>--}}
{{--                                <th scope="col" class="px-6 py-3 text-right text-xs font-medium text-gray-500 dark:text-gray-300 uppercase tracking-wider">--}}
{{--                                    درخواست دهنده--}}
{{--                                </th>--}}
{{--                                <th scope="col" class="px-6 py-3 text-right text-xs font-medium text-gray-500 dark:text-gray-300 uppercase tracking-wider">--}}
{{--                                    تاریخ تایید--}}
{{--                                </th>--}}
{{--                                <th scope="col" class="px-6 py-3 text-right text-xs font-medium text-gray-500 dark:text-gray-300 uppercase tracking-wider">--}}
{{--                                    تاریخ آخرین پاسخ--}}
{{--                                </th>--}}
{{--                                <th scope="col" class="relative px-6 py-3">--}}
{{--                                <th scope="col" class="relative px-6 py-3">--}}
{{--                                    <span class="sr-only">عملیات</span>--}}
{{--                                </th>--}}
{{--                            </tr>--}}
{{--                            </thead>--}}
{{--                            <tbody class="bg-white dark:bg-gray-800 divide-y divide-gray-200 dark:divide-gray-700">--}}
{{--                            @forelse ($requests as $request)--}}
{{--                                <tr>--}}
{{--                                    <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 dark:text-gray-400 font-mono">--}}
{{--                                        {{ $request->request_code }}--}}
{{--                                    </td>--}}
{{--                                    <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900 dark:text-white">--}}
{{--                                        {{ $request->requester->currentTeam->name }}--}}
{{--                                    </td>--}}
{{--                                    <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 dark:text-gray-400">--}}
{{--                                        {{ $request->requester->first_name }} {{ $request->requester->last_name }}--}}
{{--                                    </td>--}}
{{--                                    <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 dark:text-gray-400">--}}
{{--                                        {{ $request->approved_at?->format('Y/m/d') }}--}}
{{--                                    </td>--}}
{{--                                    <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 dark:text-gray-400">--}}
{{--                                        @php--}}
{{--                                            $response = $request->responses->where('supplier_id', auth()->id())->first();--}}
{{--                                        @endphp--}}
{{--                                        {{ $response?->updated_at->format('Y/m/d H:i') }}--}}
{{--                                    </td>--}}
{{--                                    <td class="px-6 py-4 whitespace-nowrap text-right text-sm font-medium">--}}
{{--                                        @if($response)--}}
{{--                                            @php--}}
{{--                                                // بررسی اینکه آیا هیچ آیتمی از این پاسخ، برنده شده است یا خیر--}}
{{--                                                $responseItemIds = $response->items->pluck('id');--}}
{{--                                                $hasWinningItem = $request->items()->whereIn('final_supplier_response_item_id', $responseItemIds)->exists();--}}
{{--                                            @endphp--}}
{{--                                            <div class="flex items-center space-x-3 space-x-reverse">--}}
{{--                                                <span class="px-2 py-1 text-xs font-semibold text-green-800 bg-green-100 rounded-full dark:text-green-200 dark:bg-green-900">پاسخ شما ثبت شده</span>--}}
{{--                                                <x-secondary-button wire:click="confirmResponseEdit({{ $response->id }})">ویرایش پاسخ</x-secondary-button>--}}
{{--                                                <x-danger-button wire:click="confirmResponseRetraction({{ $response->id }})" :disabled="$hasWinningItem" title="{{ $hasWinningItem ? 'این پیشنهاد قابل بازپس‌گیری نیست زیرا بخشی از آن تایید نهایی شده' : '' }}">--}}
{{--                                                    بازپس گیری--}}
{{--                                                </x-danger-button>--}}
{{--                                            </div>--}}
{{--                                        @else--}}
{{--                                            <x-button wire:click="viewRequest({{ $request->id }})">پاسخ به درخواست</x-button>--}}
{{--                                        @endif--}}
{{--                                    </td>--}}
{{--                                </tr>--}}
{{--                            @empty--}}
{{--                                <tr>--}}
{{--                                    <td colspan="5" class="px-6 py-4 whitespace-nowrap text-sm text-center text-gray-500 dark:text-gray-400">--}}
{{--                                        هیچ درخواست خرید جدیدی برای شما وجود ندارد.--}}
{{--                                    </td>--}}
{{--                                </tr>--}}
{{--                            @endforelse--}}
{{--                            </tbody>--}}
{{--                        </table>--}}
{{--                    </div>--}}
{{--                </div>--}}

{{--            </div>--}}
{{--        </div>--}}
{{--    </div>--}}

{{--    <!-- Modal برای بررسی و اقدام روی درخواست -->--}}
{{--    <x-dialog-modal wire:model.live="confirmingRequestView" maxWidth="2xl">--}}
{{--        <x-slot name="title">--}}
{{--            {{ $editingResponse ? 'ویرایش پاسخ' : 'پاسخ به درخواست خرید' }} ({{ $viewingRequest?->request_code }})--}}
{{--        </x-slot>--}}

{{--        <x-slot name="content">--}}
{{--            @if ($viewingRequest)--}}
{{--                <div class="space-y-6">--}}
{{--                    @if($editingResponse)--}}
{{--                        <div class="text-xs text-gray-500 dark:text-gray-400">--}}
{{--                            آخرین ویرایش: {{ $editingResponse->updated_at->format('Y/m/d H:i') }}--}}
{{--                        </div>--}}
{{--                    @endif--}}
{{--                    <h3 class="text-lg font-medium text-gray-900 dark:text-white">آیتم‌های درخواستی</h3>--}}
{{--                    <div class="space-y-3 max-h-96 overflow-y-auto pr-2">--}}
{{--                        @foreach ($items as $index => $item)--}}
{{--                            @php--}}
{{--                                $isFinalized = ($item['status'] !== 'pending_offer');--}}
{{--                            @endphp--}}
{{--                            <div class="p-3 bg-gray-50 dark:bg-gray-900/50 rounded-lg space-y-3 @if($isFinalized) opacity-60 @endif"--}}
{{--                                 x-data="{ editQuantity{{ $index }}: false }"> <!-- تغییر اینجا -->--}}

{{--                                <div class="flex justify-between items-start">--}}
{{--                                    <div class="flex items-center">--}}
{{--                                        <input type="checkbox" wire:model.live="items.{{ $index }}.is_accepted" class="rounded ..." :disabled="{{ $isFinalized ? 'true' : 'false' }}">--}}
{{--                                        <div class="ms-3">--}}
{{--                                            <p class="font-bold text-gray-800 dark:text-gray-200">{{ $item['item_name'] }}</p>--}}
{{--                                            <p class="text-sm text-gray-600 dark:text-gray-300 mt-1">{{ $item['description'] }}</p>--}}
{{--                                            <p class="text-xs text-gray-500 dark:text-gray-400 mt-1">مقدار درخواستی: {{ $item['quantity'] }} {{ $item['unit'] }}</p>--}}
{{--                                            @if($isFinalized)--}}
{{--                                                @if(auth()->user()->company_name == $item['winner_supplier'])--}}
{{--                                                    <p class="text-xs font-semibold text-green-600 dark:text-green-400 mt-1">--}}
{{--                                                        این آیتم توسط شما تامین می گردد.--}}
{{--                                                    </p>--}}
{{--                                                @else--}}
{{--                                                    <p class="text-xs font-semibold text-yellow-600 dark:text-yellow-400 mt-1">--}}
{{--                                                        این آیتم توسط تامین کننده دیگری تامین می گردد.--}}
{{--                                                    </p>--}}
{{--                                                @endif--}}
{{--                                            @endif--}}
{{--                                        </div>--}}
{{--                                    </div>--}}
{{--                                    @if(!$isFinalized)--}}
{{--                                        <button type="button"--}}
{{--                                                @click="editQuantity{{ $index }} = !editQuantity{{ $index }}"--}}
{{--                                                class="text-sm text-blue-500 hover:underline">--}}
{{--                                            <span x-show="!editQuantity{{ $index }}">تغییر مقدار</span>--}}
{{--                                            <span x-show="editQuantity{{ $index }}">بستن</span>--}}
{{--                                        </button>--}}
{{--                                    @endif--}}
{{--                                </div>--}}

{{--                                @if(!$isFinalized)--}}
{{--                                    <div x-show="editQuantity{{ $index }}"--}}
{{--                                         x-transition--}}
{{--                                         class="pl-8 pt-3 border-t dark:border-gray-700">--}}
{{--                                        <x-label for="items.{{ $index }}.supplied_quantity" value="{{ __('مقدار قابل تامین') }}" />--}}
{{--                                        <x-input id="items.{{ $index }}.supplied_quantity" type="number" step="any" class="mt-1 block w-full" wire:model.defer="items.{{ $index }}.supplied_quantity" />--}}
{{--                                        <x-input-error for="items.{{ $index }}.supplied_quantity" class="mt-2" />--}}
{{--                                    </div>--}}
{{--                                @endif--}}

{{--                                <div class="pl-8 grid grid-cols-1 md:grid-cols-2 gap-4" x-show="items[{{$index}}].is_accepted">--}}
{{--                                    <div>--}}
{{--                                        <x-label for="items.{{ $index }}.price_per_unit" value="{{ __('قیمت واحد (تومان)') }}" />--}}
{{--                                        <x-input id="items.{{ $index }}.price_per_unit" type="number" step="any" class="mt-1 block w-full" wire:model.defer="items.{{ $index }}.price_per_unit" :disabled="$isFinalized" />--}}
{{--                                        <x-input-error for="items.{{ $index }}.price_per_unit" class="mt-2" />--}}
{{--                                    </div>--}}
{{--                                    <div>--}}
{{--                                        <x-label for="items.{{ $index }}.supplier_notes" value="{{ __('یادداشت شما (اختیاری)') }}" />--}}
{{--                                        <x-input id="items.{{ $index }}.supplier_notes" type="text" class="mt-1 block w-full" wire:model.defer="items.{{ $index }}.supplier_notes" :disabled="$isFinalized" />--}}
{{--                                        <x-input-error for="items.{{ $index }}.supplier_notes" class="mt-2" />--}}
{{--                                    </div>--}}
{{--                                </div>--}}
{{--                            </div>--}}
{{--                        @endforeach--}}
{{--                    </div>--}}

{{--                    <hr class="my-4 dark:border-gray-600">--}}

{{--                    <div>--}}
{{--                        <x-label for="responseNotes" value="{{ __('یادداشت کلی شما برای این پاسخ (اختیاری)') }}" />--}}
{{--                        <textarea id="responseNotes" wire:model.defer="responseNotes" class="mt-1 block w-full border-gray-300 dark:border-gray-700 dark:bg-gray-900 dark:text-gray-300 rounded-md shadow-sm"></textarea>--}}
{{--                        <x-input-error for="responseNotes" class="mt-2" />--}}
{{--                    </div>--}}

{{--                    <div>--}}
{{--                        <x-label for="responseStatus" value="{{ __('ثبت پاسخ به عنوان') }}" />--}}
{{--                        <select id="responseStatus" wire:model.defer="responseStatus" class="mt-1 block w-full border-gray-300 dark:border-gray-700 dark:bg-gray-900 dark:text-gray-300 rounded-md shadow-sm">--}}
{{--                            <option value="">انتخاب کنید...</option>--}}
{{--                            <option value="صدور پیش فاکتور">صدور پیش فاکتور</option>--}}
{{--                            <option value="فاکتور رسمی">فاکتور رسمی</option>--}}
{{--                            <option value="تامین شده">تامین شده</option>--}}
{{--                        </select>--}}
{{--                        <x-input-error for="responseStatus" class="mt-2" />--}}
{{--                    </div>--}}
{{--                </div>--}}
{{--            @endif--}}
{{--        </x-slot>--}}

{{--        <x-slot name="footer">--}}
{{--            <x-secondary-button wire:click="$set('confirmingRequestView', false)" wire:loading.attr="disabled">--}}
{{--                {{ __('انصراف') }}--}}
{{--            </x-secondary-button>--}}

{{--            @if($editingResponse)--}}
{{--                <x-button class="ms-3" wire:click="updateResponse" wire:loading.attr="disabled">--}}
{{--                    {{ __('ذخیره تغییرات') }}--}}
{{--                </x-button>--}}
{{--            @else--}}
{{--                <x-button class="ms-3" wire:click="submitResponse" wire:loading.attr="disabled">--}}
{{--                    {{ __('ثبت و ارسال پاسخ') }}--}}
{{--                </x-button>--}}
{{--            @endif--}}
{{--        </x-slot>--}}
{{--    </x-dialog-modal>--}}

{{--    <!-- Modal جدید برای تایید بازپس گیری -->--}}
{{--    <x-confirmation-modal wire:model.live="confirmingResponseRetraction">--}}
{{--        <x-slot name="title">--}}
{{--            {{ __('بازپس گیری پاسخ') }}--}}
{{--        </x-slot>--}}

{{--        <x-slot name="content">--}}
{{--            {{ __('آیا از بازپس گیری پاسخ خود مطمئن هستید؟ پاسخ شما به طور کامل از سیستم حذف خواهد شد.') }}--}}
{{--        </x-slot>--}}

{{--        <x-slot name="footer">--}}
{{--            <x-secondary-button wire:click="$toggle('confirmingResponseRetraction')" wire:loading.attr="disabled">--}}
{{--                {{ __('انصراف') }}--}}
{{--            </x-secondary-button>--}}

{{--            <x-danger-button class="ms-3" wire:click="retractResponse" wire:loading.attr="disabled">--}}
{{--                {{ __('بله، بازپس بگیر') }}--}}
{{--            </x-danger-button>--}}
{{--        </x-slot>--}}
{{--    </x-confirmation-modal>--}}
{{--</div>--}}
    <div>
        {{-- هدر صفحه --}}
        <x-slot name="header">
            <h2 class="font-semibold text-xl text-gray-800 dark:text-gray-200 leading-tight">
                {{ __('داشبورد تامین‌کننده') }}
            </h2>
        </x-slot>

        <div class="py-12">
            <div class="max-w-7xl mx-auto sm:px-6 lg:px-8 space-y-8">

                {{-- کارت‌های آماری --}}
                <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6">
                    <div class="bg-white dark:bg-gray-800 p-6 rounded-xl shadow-lg flex items-center justify-between border-t-4 border-emerald-500">
                        <div>
                            <p class="text-sm font-medium text-gray-500 dark:text-gray-400">درخواست‌های جدید</p>
                            <p class="text-3xl font-bold text-gray-800 dark:text-gray-200">{{ $requests->count() }}</p>
                        </div>
                        <div class="bg-emerald-100 dark:bg-emerald-900/50 p-3 rounded-full">
                            <x-lucide-shopping-cart class="w-6 h-6 text-emerald-600 dark:text-emerald-300" />
                        </div>
                    </div>
                    <div class="bg-white dark:bg-gray-800 p-6 rounded-xl shadow-lg flex items-center justify-between border-t-4 border-teal-500">
                        <div>
                            <p class="text-sm font-medium text-gray-500 dark:text-gray-400">پیشنهادات ارسال شده</p>
                            <p class="text-3xl font-bold text-gray-800 dark:text-gray-200">{{ auth()->user()->responses()->count() }}</p>
                        </div>
                        <div class="bg-teal-100 dark:bg-teal-900/50 p-3 rounded-full">
                            <x-lucide-send class="w-6 h-6 text-teal-600 dark:text-teal-300" />
                        </div>
                    </div>
                    <div class="bg-white dark:bg-gray-800 p-6 rounded-xl shadow-lg flex items-center justify-between border-t-4 border-amber-500">
                        <div>
                            <p class="text-sm font-medium text-gray-500 dark:text-gray-400">پیشنهادات برنده</p>
                            {{-- Note: This logic needs to be implemented in the component --}}
                            <p class="text-3xl font-bold text-gray-800 dark:text-gray-200">5</p>
                        </div>
                        <div class="bg-amber-100 dark:bg-amber-900/50 p-3 rounded-full">
                            <x-lucide-trophy class="w-6 h-6 text-amber-600 dark:text-amber-300" />
                        </div>
                    </div>
                </div>

                {{-- کارت اصلی لیست درخواست‌ها --}}
                <div class="bg-white dark:bg-gray-800 rounded-xl shadow-lg border-t-4 border-emerald-600">
                    <div class="p-6 sm:p-8">
                        <h3 class="text-lg font-semibold text-gray-900 dark:text-white mb-1">
                            درخواست‌های خرید جدید
                        </h3>
                        <p class="text-sm text-gray-500 dark:text-gray-400 mb-6">به درخواست‌های خرید پاسخ دهید و پیشنهادات خود را ثبت کنید.</p>

                        @if (session()->has('message'))
                            <div class="mb-4 p-4 text-sm text-green-800 bg-green-100 rounded-lg dark:bg-green-900 dark:text-green-300" role="alert">
                                {{ session('message') }}
                            </div>
                        @endif

                        <div class="mt-6 space-y-4">
                            @forelse ($requests as $request)
                                @php
                                    $response = $request->responses->where('supplier_id', auth()->id())->first();
                                    $responseItemIds = $response?->items->pluck('id');
                                    $hasWinningItem = $response ? $request->items()->whereIn('final_supplier_response_item_id', $responseItemIds)->exists() : false;
                                @endphp
                                <div class="bg-gray-50 dark:bg-gray-900/50 rounded-lg border border-gray-200 dark:border-gray-700 p-4 transition-shadow hover:shadow-md">
                                    <div class="flex flex-col md:flex-row items-start justify-between gap-4">
                                        {{-- اطلاعات درخواست --}}
                                        <div class="flex-grow">
                                            <div class="flex items-center gap-3 mb-2">
                                                <span class="font-mono text-xs px-2 py-1 bg-gray-200 dark:bg-gray-700 text-gray-700 dark:text-gray-300 rounded-full">{{ $request->request_code }}</span>
                                                {{-- خط زیر به دلیل ایجاد خطا در Policy حذف شد. --}}
                                                {{-- <span class="text-sm font-semibold text-gray-800 dark:text-white">{{ $request->requester->currentTeam->name }}</span> --}}
                                            </div>
                                            <p class="text-sm text-gray-600 dark:text-gray-400">
                                                درخواست‌دهنده: <span class="font-semibold text-gray-900 dark:text-white">{{ $request->requester->first_name }} {{ $request->requester->last_name }}</span>
                                            </p>
                                            <p class="text-xs text-gray-500 dark:text-gray-500 mt-2">
                                                تاریخ تایید: {{ $request->approved_at ? verta($request->approved_at)->format('Y/m/d') : 'نامشخص' }}
                                            </p>
                                        </div>
                                        {{-- وضعیت و عملیات --}}
                                        <div class="flex flex-col sm:flex-row items-stretch sm:items-center gap-3 flex-shrink-0 w-full sm:w-auto">
                                            @if($response)
                                                <div class="flex items-center gap-3">
                                                    <span class="px-2.5 py-1 text-xs font-semibold text-green-800 bg-green-100 dark:text-green-200 dark:bg-green-900 rounded-full">پاسخ شما ثبت شده</span>
                                                    <x-secondary-button wire:click="confirmResponseEdit({{ $response->id }})">ویرایش</x-secondary-button>
                                                    <x-danger-button wire:click="confirmResponseRetraction({{ $response->id }})" :disabled="$hasWinningItem" title="{{ $hasWinningItem ? 'این پیشنهاد قابل بازپس‌گیری نیست زیرا بخشی از آن تایید نهایی شده' : '' }}">
                                                        بازپس گیری
                                                    </x-danger-button>
                                                </div>
                                            @else
                                                <x-button wire:click="viewRequest({{ $request->id }})" class="w-full justify-center sm:w-auto bg-emerald-600 hover:bg-emerald-700 focus:ring-emerald-500">
                                                    <x-lucide-edit-3 class="w-4 h-4 ml-2"/>
                                                    پاسخ به درخواست
                                                </x-button>
                                            @endif
                                        </div>
                                    </div>
                                </div>
                            @empty
                                <div class="text-center py-12 border-2 border-dashed border-gray-300 dark:border-gray-700 rounded-lg">
                                    <x-lucide-inbox class="mx-auto h-12 w-12 text-gray-400" />
                                    <h3 class="mt-2 text-sm font-medium text-gray-900 dark:text-white">درخواست جدیدی یافت نشد</h3>
                                    <p class="mt-1 text-sm text-gray-500">در حال حاضر هیچ درخواست خرید جدیدی برای شما وجود ندارد.</p>
                                </div>
                            @endforelse
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Modal برای بررسی و اقدام روی درخواست -->
        <x-dialog-modal wire:model.live="confirmingRequestView" maxWidth="2xl">
            <x-slot name="title">
                <div class="flex items-center text-gray-900 dark:text-black">
                    <x-lucide-file-text class="w-6 h-6 ml-2 text-emerald-500"/>
                    <span class="text-lg font-bold">{{ $editingResponse ? 'ویرایش پاسخ' : 'پاسخ به درخواست خرید' }}</span>
                </div>
                <p class="text-sm text-gray-500 dark:text-gray-400 mt-1 font-mono">{{ $viewingRequest?->request_code }}</p>
            </x-slot>

            <x-slot name="content">
                @if ($viewingRequest)
                    <div class="space-y-6">
                        @if($editingResponse)
                            <div class="text-xs text-right text-gray-500 dark:text-gray-400">
                                آخرین ویرایش: {{ verta($editingResponse->updated_at)->format('Y/m/d H:i') }}
                            </div>
                        @endif
                        <h3 class="text-lg font-medium text-gray-900 dark:text-black">آیتم‌های درخواستی</h3>
                        <div class="space-y-3 max-h-96 overflow-y-auto pr-2 custom-scrollbar">
                            @foreach ($items as $index => $item)
                                @php
                                    $isFinalized = ($item['status'] !== 'pending_offer');
                                @endphp
                                <div class="p-4 bg-stone-50 dark:bg-green-200 rounded-lg space-y-3 border-l-4 {{ $isFinalized ? 'border-gray-400 opacity-60' : 'border-emerald-500' }}"
                                     x-data="{ editQuantity{{ $index }}: false }">

                                    <div class="flex justify-between items-start">
                                        <div class="flex items-start">
                                            <input type="checkbox" wire:model.live="items.{{ $index }}.is_accepted" class="mt-1 rounded border-gray-300 text-emerald-600 shadow-sm focus:ring-emerald-500" :disabled="{{ $isFinalized ? 'true' : 'false' }}">
                                            <div class="ms-3">
                                                <p class="font-bold text-gray-800 dark:text-blue-950">{{ $item['item_name'] }}</p>
                                                <p class="text-sm text-gray-600 dark:text-black mt-1">{{ $item['description'] }}</p>
                                                <p class="text-xs text-gray-500 dark:text-blue-800 mt-1">مقدار درخواستی: {{ $item['quantity'] }} {{ $item['unit'] }}</p>
                                                @if($isFinalized)
                                                    @if(auth()->user()->company_name == $item['winner_supplier'])
                                                        <p class="text-xs font-semibold px-2 py-0.5 mt-2 inline-block bg-green-100 text-green-800 dark:bg-green-900 dark:text-green-300 rounded-full">شما برنده این آیتم شدید</p>
                                                    @else
                                                        <p class="text-xs font-semibold px-2 py-0.5 mt-2 inline-block bg-yellow-100 text-yellow-800 dark:bg-yellow-900 dark:text-yellow-300 rounded-full">تامین‌کننده دیگری انتخاب شد</p>
                                                    @endif
                                                @endif
                                            </div>
                                        </div>
                                        @if(!$isFinalized)
                                            <button type="button" @click="editQuantity{{ $index }} = !editQuantity{{ $index }}" class="text-sm text-blue-500 hover:underline flex-shrink-0">
                                                <span x-show="!editQuantity{{ $index }}">تغییر مقدار</span>
                                                <span x-show="editQuantity{{ $index }}">بستن</span>
                                            </button>
                                        @endif
                                    </div>

                                    @if(!$isFinalized)
                                        <div x-show="editQuantity{{ $index }}" x-transition class="pl-8 pt-3 border-t dark:border-gray-700">
                                            <x-label for="items.{{ $index }}.supplied_quantity" value="{{ __('مقدار قابل تامین') }}" />
                                            <x-input id="items.{{ $index }}.supplied_quantity" type="number" step="any" class="mt-1 block w-full" wire:model.defer="items.{{ $index }}.supplied_quantity" />
                                            <x-input-error for="items.{{ $index }}.supplied_quantity" class="mt-2" />
                                        </div>
                                    @endif

                                    <div class="pl-8 grid grid-cols-1 md:grid-cols-2 gap-4" x-show="items[{{$index}}].is_accepted">
                                        <div>
                                            <x-label for="items.{{ $index }}.price_per_unit" value="{{ __('قیمت واحد (تومان)') }}" />
                                            <x-input id="items.{{ $index }}.price_per_unit" type="number" step="any" class="mt-1 block w-full" wire:model.defer="items.{{ $index }}.price_per_unit" :disabled="$isFinalized" />
                                            <x-input-error for="items.{{ $index }}.price_per_unit" class="mt-2" />
                                        </div>
                                        <div>
                                            <x-label for="items.{{ $index }}.supplier_notes" value="{{ __('یادداشت شما (اختیاری)') }}" />
                                            <x-input id="items.{{ $index }}.supplier_notes" type="text" class="mt-1 block w-full" wire:model.defer="items.{{ $index }}.supplier_notes" :disabled="$isFinalized" />
                                            <x-input-error for="items.{{ $index }}.supplier_notes" class="mt-2" />
                                        </div>
                                    </div>
                                </div>
                            @endforeach
                        </div>

                        <hr class="my-6 dark:border-gray-700">

                        <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
                            <div>
                                <x-label for="responseNotes" value="{{ __('یادداشت کلی شما برای این پاسخ (اختیاری)') }}" />
                                <textarea id="responseNotes" wire:model.defer="responseNotes" rows="3" class="mt-1 block w-full border-gray-300 dark:border-gray-700 dark:bg-gray-900 dark:text-gray-300 rounded-md shadow-sm"></textarea>
                                <x-input-error for="responseNotes" class="mt-2" />
                            </div>
                            <div>
                                <x-label for="responseStatus" value="{{ __('ثبت پاسخ به عنوان') }}" />
                                <select id="responseStatus" wire:model.defer="responseStatus" class="mt-1 block w-full border-gray-300 dark:border-gray-700 dark:bg-gray-900 dark:text-gray-300 rounded-md shadow-sm">
                                    <option value="">انتخاب کنید...</option>
                                    <option value="صدور پیش فاکتور">صدور پیش فاکتور</option>
                                    <option value="فاکتور رسمی">فاکتور رسمی</option>
                                    <option value="تامین شده">تامین شده</option>
                                </select>
                                <x-input-error for="responseStatus" class="mt-2" />
                            </div>
                        </div>
                    </div>
                @endif
            </x-slot>

            <x-slot name="footer">
                <x-secondary-button wire:click="$set('confirmingRequestView', false)" wire:loading.attr="disabled">
                    {{ __('انصراف') }}
                </x-secondary-button>

                @if($editingResponse)
                    <x-button class="ms-3 bg-emerald-600 hover:bg-emerald-700 focus:ring-emerald-500" wire:click="updateResponse" wire:loading.attr="disabled">
                        {{ __('ذخیره تغییرات') }}
                    </x-button>
                @else
                    <x-button class="ms-3 bg-emerald-600 hover:bg-emerald-700 focus:ring-emerald-500" wire:click="submitResponse" wire:loading.attr="disabled">
                        {{ __('ثبت و ارسال پاسخ') }}
                    </x-button>
                @endif
            </x-slot>
        </x-dialog-modal>

        <!-- Modal برای تایید بازپس گیری -->
        <x-confirmation-modal wire:model.live="confirmingResponseRetraction">
            <x-slot name="title">
                {{ __('بازپس گیری پاسخ') }}
            </x-slot>
            <x-slot name="content">
                {{ __('آیا از بازپس گیری پاسخ خود مطمئن هستید؟ پاسخ شما به طور کامل از سیستم حذف خواهد شد.') }}
            </x-slot>
            <x-slot name="footer">
                <x-secondary-button wire:click="$toggle('confirmingResponseRetraction')" wire:loading.attr="disabled">
                    {{ __('انصراف') }}
                </x-secondary-button>
                <x-danger-button class="ms-3" wire:click="retractResponse" wire:loading.attr="disabled">
                    {{ __('بله، بازپس بگیر') }}
                </x-danger-button>
            </x-slot>
        </x-confirmation-modal>
    </div>
    </div>



