{{--<div>--}}
{{--    --}}{{----}}{{-- این بخش، محتوای اصلی صفحه را در داخل Layout ادمین قرار می‌دهد --}}
{{--    <div class="page-header">--}}
{{--        <h3 class="page-title">مدیریت درخواست‌های ایجاد سازمان</h3>--}}
{{--        <nav aria-label="breadcrumb">--}}
{{--            <ol class="breadcrumb">--}}
{{--                <li class="breadcrumb-item"><a href="#">پنل مدیریت</a></li>--}}
{{--                <li class="breadcrumb-item active" aria-current="page">درخواست‌های سازمان</li>--}}
{{--            </ol>--}}
{{--        </nav>--}}
{{--    </div>--}}

{{--    <div class="row">--}}
{{--        <div class="col-lg-12 grid-margin stretch-card">--}}
{{--            <div class="card">--}}
{{--                <div class="card-body">--}}
{{--                    <h4 class="card-title">درخواست‌های در انتظار تایید</h4>--}}
{{--                    @if (session()->has('message'))--}}
{{--                        <div class="alert alert-success">{{ session('message') }}</div>--}}
{{--                    @endif--}}

{{--                    <div class="mb-3">--}}
{{--                        <input type="text" class="form-control" wire:model.live.debounce.300ms="search" placeholder="جستجو بر اساس نام سازمان یا کد پیگیری...">--}}
{{--                    </div>--}}

{{--                    <div class="table-responsive">--}}
{{--                        <table class="table table-striped">--}}
{{--                            <thead>--}}
{{--                            <tr>--}}
{{--                                <th>کد پیگیری</th>--}}
{{--                                <th>نام سازمان درخواستی</th>--}}
{{--                                <th>درخواست دهنده</th>--}}
{{--                                <th>تاریخ درخواست</th>--}}
{{--                                <th>عملیات</th>--}}
{{--                            </tr>--}}
{{--                            </thead>--}}
{{--                            <tbody>--}}
{{--                            @forelse ($requests as $request)--}}
{{--                                <tr>--}}
{{--                                    <td class="font-weight-bold">{{ $request->tracking_code }}</td>--}}
{{--                                    <td>{{ $request->name }}</td>--}}
{{--                                    <td>{{ $request->user->first_name }} {{ $request->user->last_name }}</td>--}}
{{--                                    <td>{{ $request->created_at->format('Y/m/d') }}</td>--}}
{{--                                    <td>--}}
{{--                                        <button wire:click="viewRequest({{ $request->id }})" class="btn btn-primary btn-sm">بررسی</button>--}}
{{--                                    </td>--}}
{{--                                </tr>--}}
{{--                            @empty--}}
{{--                                <tr>--}}
{{--                                    <td colspan="5" class="text-center">هیچ درخواست جدیدی برای تایید وجود ندارد.</td>--}}
{{--                                </tr>--}}
{{--                            @endforelse--}}
{{--                            </tbody>--}}
{{--                        </table>--}}
{{--                    </div>--}}
{{--                </div>--}}
{{--            </div>--}}
{{--        </div>--}}
{{--    </div>--}}

{{--    <!-- Modal برای مشاهده و تایید/رد درخواست -->--}}
{{--    <x-dialog-modal wire:model.live="confirmingRequestView" maxWidth="2xl">--}}
{{--        <x-slot name="title">--}}
{{--            بررسی درخواست ایجاد سازمان--}}
{{--        </x-slot>--}}

{{--        <x-slot name="content">--}}
{{--            @if ($viewingRequest)--}}
{{--                <div class="space-y-4 text-sm">--}}
{{--                    <div class="p-4 border rounded grid grid-cols-1 md:grid-cols-2 gap-4">--}}
{{--                        <div><strong>کد پیگیری:</strong> <span class="font-mono">{{ $viewingRequest->tracking_code }}</span></div>--}}
{{--                        <div><strong>نام سازمان:</strong> {{ $viewingRequest->name }}</div>--}}
{{--                        <div><strong>نوع:</strong> {{ $viewingRequest->type }}</div>--}}
{{--                        <div><strong>حیطه کاری:</strong> {{ $viewingRequest->field_of_work }}</div>--}}
{{--                        <div><strong>تعداد پرسنل:</strong> {{ $viewingRequest->personnel_count }}</div>--}}
{{--                        <div><strong>تعداد تیم‌های درخواستی:</strong> {{ $viewingRequest->desired_teams_count }}</div>--}}
{{--                        <div><strong>وب‌سایت:</strong> <a href="{{ $viewingRequest->website }}" target="_blank" class="text-primary">{{ $viewingRequest->website }}</a></div>--}}
{{--                        <div class="col-span-2"><strong>آدرس:</strong> {{ $viewingRequest->address }}</div>--}}
{{--                    </div>--}}
{{--                    <div class="p-4 border rounded grid grid-cols-1 md:grid-cols-2 gap-4">--}}
{{--                        <div><strong>نام فرد رابط:</strong> {{ $viewingRequest->contact_person_name }}</div>--}}
{{--                        <div><strong>تلفن:</strong> {{ $viewingRequest->phone }}</div>--}}
{{--                        <div><strong>ایمیل کاربر درخواست‌دهنده:</strong> {{ $viewingRequest->user->email }}</div>--}}
{{--                    </div>--}}
{{--                </div>--}}
{{--            @endif--}}
{{--        </x-slot>--}}

{{--        <x-slot name="footer">--}}
{{--            <button wire:click="approveRequest" class="btn btn-success">--}}
{{--                تایید و ایجاد سازمان--}}
{{--            </button>--}}
{{--            <button wire:click="rejectRequest" class="btn btn-danger">--}}
{{--                رد درخواست--}}
{{--            </button>--}}
{{--            <button wire:click="$set('confirmingRequestView', false)" class="btn btn-secondary">--}}
{{--                بستن--}}
{{--            </button>--}}
{{--        </x-slot>--}}
{{--    </x-dialog-modal>--}}
{{--</div>--}}


{{--<div>--}}
{{--    --}}{{----}}{{-- این بخش، محتوای اصلی صفحه را در داخل Layout ادمین قرار می‌دهد --}}
{{--    <div class="page-header">--}}
{{--        <h3 class="page-title">مدیریت درخواست‌های ایجاد سازمان</h3>--}}
{{--        <nav aria-label="breadcrumb">--}}
{{--            <ol class="breadcrumb">--}}
{{--                <li class="breadcrumb-item"><a href="#">پنل مدیریت</a></li>--}}
{{--                <li class="breadcrumb-item active" aria-current="page">درخواست‌های سازمان</li>--}}
{{--            </ol>--}}
{{--        </nav>--}}
{{--    </div>--}}

{{--    <div class="row">--}}
{{--        <div class="col-lg-12 grid-margin stretch-card">--}}
{{--            <div class="card">--}}
{{--                <div class="card-body">--}}
{{--                    <h4 class="card-title">درخواست‌های در انتظار تایید</h4>--}}
{{--                    @if (session()->has('message'))--}}
{{--                        <div class="alert alert-success">{{ session('message') }}</div>--}}
{{--                    @endif--}}

{{--                    <div class="mb-3">--}}
{{--                        <input type="text" class="form-control" wire:model.live.debounce.300ms="search" placeholder="جستجو بر اساس نام سازمان یا کد پیگیری...">--}}
{{--                    </div>--}}

{{--                    <div class="table-responsive">--}}
{{--                        <table class="table table-striped">--}}
{{--                            <thead>--}}
{{--                            <tr>--}}
{{--                                <th>کد پیگیری</th>--}}
{{--                                <th>نام سازمان درخواستی</th>--}}
{{--                                <th>درخواست دهنده</th>--}}
{{--                                <th>تاریخ درخواست</th>--}}
{{--                                <th>عملیات</th>--}}
{{--                            </tr>--}}
{{--                            </thead>--}}
{{--                            <tbody>--}}
{{--                            @forelse ($requests as $request)--}}
{{--                                <tr>--}}
{{--                                    <td class="font-weight-bold">{{ $request->tracking_code }}</td>--}}
{{--                                    <td>{{ $request->name }}</td>--}}
{{--                                    <td>{{ $request->user->first_name }} {{ $request->user->last_name }}</td>--}}
{{--                                    <td>{{ $request->created_at->format('Y/m/d') }}</td>--}}
{{--                                    <td>--}}
{{--                                        <button wire:click="viewRequest({{ $request->id }})" class="btn btn-primary btn-sm">بررسی</button>--}}
{{--                                    </td>--}}
{{--                                </tr>--}}
{{--                            @empty--}}
{{--                                <tr>--}}
{{--                                    <td colspan="5" class="text-center">هیچ درخواست جدیدی برای تایید وجود ندارد.</td>--}}
{{--                                </tr>--}}
{{--                            @endforelse--}}
{{--                            </tbody>--}}
{{--                        </table>--}}
{{--                    </div>--}}
{{--                </div>--}}
{{--            </div>--}}
{{--        </div>--}}
{{--    </div>--}}

{{--    <!-- Modal برای مشاهده و تایید/رد درخواست -->--}}
{{--    <x-dialog-modal wire:model.live="confirmingRequestView" maxWidth="2xl">--}}
{{--        <x-slot name="title">--}}
{{--            بررسی درخواست ایجاد سازمان--}}
{{--        </x-slot>--}}

{{--        <x-slot name="content">--}}
{{--            @if ($viewingRequest)--}}
{{--                <div class="space-y-4 text-sm text-gray-700 dark:text-gray-300">--}}
{{--                    <div class="p-4 border rounded-lg dark:border-gray-600 grid grid-cols-1 md:grid-cols-2 gap-4">--}}
{{--                        <div><strong>کد پیگیری:</strong> <span class="font-mono">{{ $viewingRequest->tracking_code }}</span></div>--}}
{{--                        <div><strong>نام سازمان:</strong> {{ $viewingRequest->name }}</div>--}}
{{--                        <div><strong>نوع:</strong> {{ $viewingRequest->type }}</div>--}}
{{--                        <div><strong>حیطه کاری:</strong> {{ $viewingRequest->field_of_work }}</div>--}}
{{--                        <div><strong>تعداد پرسنل:</strong> {{ $viewingRequest->personnel_count }}</div>--}}
{{--                        <div><strong>تعداد تیم‌های درخواستی:</strong> {{ $viewingRequest->desired_teams_count }}</div>--}}
{{--                        <div><strong>وب‌سایت:</strong> <a href="{{ $viewingRequest->website }}" target="_blank" class="text-primary">{{ $viewingRequest->website }}</a></div>--}}
{{--                        <div class="col-span-2"><strong>آدرس:</strong> {{ $viewingRequest->address }}</div>--}}
{{--                    </div>--}}
{{--                    <div class="p-4 border rounded-lg dark:border-gray-600 grid grid-cols-1 md:grid-cols-2 gap-4">--}}
{{--                        <div><strong>نام فرد رابط:</strong> {{ $viewingRequest->contact_person_name }}</div>--}}
{{--                        <div><strong>تلفن:</strong> {{ $viewingRequest->phone }}</div>--}}
{{--                        <div><strong>ایمیل کاربر درخواست‌دهنده:</strong> {{ $viewingRequest->user->email }}</div>--}}
{{--                        <div>--}}
{{--                            <span class="font-semibold">وضعیت کاربر رابط:</span>--}}
{{--                            @if($viewingRequest->contact_person_user_id)--}}
{{--                                <span class="text-green-600 dark:text-green-400">حساب کاربری ایجاد شده است. ({{ $viewingRequest->contactPersonUser->email }})</span>--}}
{{--                            @else--}}
{{--                                <span class="text-yellow-600 dark:text-yellow-400">حساب کاربری ایجاد نشده است.</span>--}}
{{--                            @endif--}}
{{--                        </div>--}}
{{--                    </div>--}}
{{--                </div>--}}
{{--            @endif--}}
{{--        </x-slot>--}}

{{--        <x-slot name="footer">--}}
{{--            <x-button wire:click="approveRequest" class="btn btn-success">--}}
{{--                تایید و ایجاد سازمان--}}
{{--            </x-button>--}}
{{--            @if(!$viewingRequest?->contact_person_user_id)--}}
{{--                <x-button wire:click="confirmContactUserCreation" class="btn btn-info">--}}
{{--                    ایجاد حساب کاربری رابط--}}
{{--                </x-button>--}}
{{--            @endif--}}
{{--            <x-danger-button wire:click="rejectRequest" class="btn btn-danger">--}}
{{--                رد درخواست--}}
{{--            </x-danger-button>--}}
{{--            <x-secondary-button wire:click="$set('confirmingRequestView', false)" class="btn btn-secondary">--}}
{{--                بستن--}}
{{--            </x-secondary-button>--}}
{{--        </x-slot>--}}
{{--    </x-dialog-modal>--}}

{{--    <!-- Modal جدید برای ایجاد حساب کاربری رابط -->--}}
{{--    <x-dialog-modal wire:model.live="confirmingContactUserCreation">--}}
{{--        <x-slot name="title">--}}
{{--            ایجاد حساب کاربری برای فرد رابط--}}
{{--        </x-slot>--}}

{{--        <x-slot name="content">--}}
{{--            <div class="grid grid-cols-6 gap-6">--}}
{{--                <div class="col-span-6 sm:col-span-3">--}}
{{--                    <x-label for="contact_first_name" value="{{ __('نام') }}" />--}}
{{--                    <x-input id="contact_first_name" type="text" class="mt-1 block w-full" wire:model.defer="contact_first_name" />--}}
{{--                    <x-input-error for="contact_first_name" class="mt-2" />--}}
{{--                </div>--}}
{{--                <div class="col-span-6 sm:col-span-3">--}}
{{--                    <x-label for="contact_last_name" value="{{ __('نام خانوادگی') }}" />--}}
{{--                    <x-input id="contact_last_name" type="text" class="mt-1 block w-full" wire:model.defer="contact_last_name" />--}}
{{--                    <x-input-error for="contact_last_name" class="mt-2" />--}}
{{--                </div>--}}
{{--                <div class="col-span-6 sm:col-span-3">--}}
{{--                    <x-label for="contact_username" value="{{ __('نام کاربری') }}" />--}}
{{--                    <x-input id="contact_username" type="text" class="mt-1 block w-full" wire:model.defer="contact_username" />--}}
{{--                    <x-input-error for="contact_username" class="mt-2" />--}}
{{--                </div>--}}
{{--                <div class="col-span-6 sm:col-span-3">--}}
{{--                    <x-label for="contact_email" value="{{ __('ایمیل') }}" />--}}
{{--                    <x-input id="contact_email" type="email" class="mt-1 block w-full" wire:model.defer="contact_email" />--}}
{{--                    <x-input-error for="contact_email" class="mt-2" />--}}
{{--                </div>--}}
{{--                <div class="col-span-6 sm:col-span-3">--}}
{{--                    <x-label for="contact_password" value="{{ __('رمز عبور') }}" />--}}
{{--                    <x-input id="contact_password" type="password" class="mt-1 block w-full" wire:model.defer="contact_password" />--}}
{{--                    <x-input-error for="contact_password" class="mt-2" />--}}
{{--                </div>--}}
{{--                <div class="col-span-6 sm:col-span-3">--}}
{{--                    <x-label for="contact_password_confirmation" value="{{ __('تکرار رمز عبور') }}" />--}}
{{--                    <x-input id="contact_password_confirmation" type="password" class="mt-1 block w-full" wire:model.defer="contact_password_confirmation" />--}}
{{--                    <x-input-error for="contact_password_confirmation" class="mt-2" />--}}
{{--                </div>--}}
{{--            </div>--}}
{{--        </x-slot>--}}

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

{{--            <x-button class="ms-3" wire:click="createContactUser" wire:loading.attr="disabled">--}}
{{--                {{ __('ایجاد کاربر') }}--}}
{{--            </x-button>--}}
{{--        </x-slot>--}}
{{--    </x-dialog-modal>--}}
{{--</div>--}}





{{--<div class="admin-requests-container">--}}
{{--    --}}{{-- بخش هدر صفحه --}}
{{--    <div class="page-header bg-gradient-primary">--}}
{{--        <div class="header-content">--}}
{{--            <h3 class="page-title">مدیریت درخواست‌های ایجاد سازمان</h3>--}}
{{--            <nav aria-label="breadcrumb" class="breadcrumb-container">--}}
{{--                <ol class="breadcrumb">--}}
{{--                    <li class="breadcrumb-item"><a href="#">پنل مدیریت</a></li>--}}
{{--                    <li class="breadcrumb-item active" aria-current="page">درخواست‌های سازمان</li>--}}
{{--                </ol>--}}
{{--            </nav>--}}
{{--        </div>--}}
{{--    </div>--}}

{{--    --}}{{-- بخش محتوای اصلی --}}
{{--    <div class="main-content">--}}
{{--        <div class="card request-card">--}}
{{--            <div class="card-header">--}}
{{--                <h4 class="card-title">درخواست‌های در انتظار تایید</h4>--}}
{{--                @if (session()->has('message'))--}}
{{--                    <div class="alert alert-success alert-dismissible fade show">--}}
{{--                        {{ session('message') }}--}}
{{--                        <button type="button" class="close" data-dismiss="alert" aria-label="Close">--}}
{{--                            <span aria-hidden="true">&times;</span>--}}
{{--                        </button>--}}
{{--                    </div>--}}
{{--                @endif--}}
{{--            </div>--}}

{{--            <div class="card-body">--}}
{{--                --}}{{-- جستجو --}}
{{--                <div class="search-box">--}}
{{--                    <div class="input-group">--}}
{{--                        <input type="text" class="form-control search-input"--}}
{{--                               wire:model.live.debounce.300ms="search"--}}
{{--                               placeholder="جستجو بر اساس نام سازمان یا کد پیگیری...">--}}
{{--                        <div class="input-group-append">--}}
{{--                            <span class="input-group-text"><i class="fas fa-search"></i></span>--}}
{{--                        </div>--}}
{{--                    </div>--}}
{{--                </div>--}}

{{--                --}}{{-- جدول درخواست‌ها --}}
{{--                <div class="table-responsive">--}}
{{--                    <table class="table table-hover requests-table">--}}
{{--                        <thead class="thead-dark">--}}
{{--                        <tr>--}}
{{--                            <th class="tracking-code">کد پیگیری</th>--}}
{{--                            <th class="org-name">نام سازمان درخواستی</th>--}}
{{--                            <th class="requester">درخواست دهنده</th>--}}
{{--                            <th class="request-date">تاریخ درخواست</th>--}}
{{--                            <th class="actions">عملیات</th>--}}
{{--                        </tr>--}}
{{--                        </thead>--}}
{{--                        <tbody>--}}
{{--                        @forelse ($requests as $request)--}}
{{--                            <tr class="request-row">--}}
{{--                                <td class="font-weight-bold tracking-code">{{ $request->tracking_code }}</td>--}}
{{--                                <td class="org-name">{{ $request->name }}</td>--}}
{{--                                <td class="requester">{{ $request->user->first_name }} {{ $request->user->last_name }}</td>--}}
{{--                                <td class="request-date">{{ $request->created_at->format('Y/m/d') }}</td>--}}
{{--                                <td class="actions">--}}
{{--                                    <button wire:click="viewRequest({{ $request->id }})"--}}
{{--                                            class="btn btn-outline-primary btn-view">--}}
{{--                                        <i class="fas fa-eye"></i> بررسی--}}
{{--                                    </button>--}}
{{--                                </td>--}}
{{--                            </tr>--}}
{{--                        @empty--}}
{{--                            <tr>--}}
{{--                                <td colspan="5" class="text-center no-requests">--}}
{{--                                    <div class="empty-state">--}}
{{--                                        <i class="fas fa-inbox"></i>--}}
{{--                                        <p>هیچ درخواست جدیدی برای تایید وجود ندارد.</p>--}}
{{--                                    </div>--}}
{{--                                </td>--}}
{{--                            </tr>--}}
{{--                        @endforelse--}}
{{--                        </tbody>--}}
{{--                    </table>--}}
{{--                </div>--}}
{{--            </div>--}}
{{--        </div>--}}
{{--    </div>--}}

{{--    <!-- Modal برای مشاهده و تایید/رد درخواست -->--}}
{{--    <x-dialog-modal wire:model.live="confirmingRequestView" maxWidth="2xl" class="request-modal">--}}
{{--        <x-slot name="title">--}}
{{--            <div class="modal-title">--}}
{{--                <i class="fas fa-building"></i>--}}
{{--                <span>بررسی درخواست ایجاد سازمان</span>--}}
{{--            </div>--}}
{{--        </x-slot>--}}

{{--        <x-slot name="content">--}}
{{--            @if ($viewingRequest)--}}
{{--                <div class="request-details">--}}
{{--                    <div class="detail-section basic-info">--}}
{{--                        <h5 class="section-title">اطلاعات پایه</h5>--}}
{{--                        <div class="detail-grid">--}}
{{--                            <div class="detail-item">--}}
{{--                                <span class="detail-label">کد پیگیری:</span>--}}
{{--                                <span class="detail-value tracking-code">{{ $viewingRequest->tracking_code }}</span>--}}
{{--                            </div>--}}
{{--                            <div class="detail-item">--}}
{{--                                <span class="detail-label">نام سازمان:</span>--}}
{{--                                <span class="detail-value">{{ $viewingRequest->name }}</span>--}}
{{--                            </div>--}}
{{--                            <div class="detail-item">--}}
{{--                                <span class="detail-label">نوع:</span>--}}
{{--                                <span class="detail-value">{{ $viewingRequest->type }}</span>--}}
{{--                            </div>--}}
{{--                            <div class="detail-item">--}}
{{--                                <span class="detail-label">حیطه کاری:</span>--}}
{{--                                <span class="detail-value">{{ $viewingRequest->field_of_work }}</span>--}}
{{--                            </div>--}}
{{--                            <div class="detail-item">--}}
{{--                                <span class="detail-label">تعداد پرسنل:</span>--}}
{{--                                <span class="detail-value">{{ $viewingRequest->personnel_count }}</span>--}}
{{--                            </div>--}}
{{--                            <div class="detail-item">--}}
{{--                                <span class="detail-label">تعداد تیم‌های درخواستی:</span>--}}
{{--                                <span class="detail-value">{{ $viewingRequest->desired_teams_count }}</span>--}}
{{--                            </div>--}}
{{--                            <div class="detail-item">--}}
{{--                                <span class="detail-label">وب‌سایت:</span>--}}
{{--                                <a href="{{ $viewingRequest->website }}" target="_blank" class="detail-value website-link">--}}
{{--                                    {{ $viewingRequest->website }}--}}
{{--                                </a>--}}
{{--                            </div>--}}
{{--                            <div class="detail-item full-width">--}}
{{--                                <span class="detail-label">آدرس:</span>--}}
{{--                                <span class="detail-value">{{ $viewingRequest->address }}</span>--}}
{{--                            </div>--}}
{{--                        </div>--}}
{{--                    </div>--}}

{{--                    <div class="detail-section contact-info">--}}
{{--                        <h5 class="section-title">اطلاعات تماس</h5>--}}
{{--                        <div class="detail-grid">--}}
{{--                            <div class="detail-item">--}}
{{--                                <span class="detail-label">نام فرد رابط:</span>--}}
{{--                                <span class="detail-value">{{ $viewingRequest->contact_person_name }}</span>--}}
{{--                            </div>--}}
{{--                            <div class="detail-item">--}}
{{--                                <span class="detail-label">تلفن:</span>--}}
{{--                                <span class="detail-value">{{ $viewingRequest->phone }}</span>--}}
{{--                            </div>--}}
{{--                            <div class="detail-item">--}}
{{--                                <span class="detail-label">ایمیل کاربر درخواست‌دهنده:</span>--}}
{{--                                <span class="detail-value">{{ $viewingRequest->user->email }}</span>--}}
{{--                            </div>--}}
{{--                            <div class="detail-item">--}}
{{--                                <span class="detail-label">وضعیت کاربر رابط:</span>--}}
{{--                                @if($viewingRequest->contact_person_user_id)--}}
{{--                                    <span class="detail-value status-active">--}}
{{--                                        <i class="fas fa-check-circle"></i> حساب کاربری ایجاد شده است. ({{ $viewingRequest->contactPersonUser->email }})--}}
{{--                                    </span>--}}
{{--                                @else--}}
{{--                                    <span class="detail-value status-pending">--}}
{{--                                        <i class="fas fa-exclamation-circle"></i> حساب کاربری ایجاد نشده است.--}}
{{--                                    </span>--}}
{{--                                @endif--}}
{{--                            </div>--}}
{{--                        </div>--}}
{{--                    </div>--}}
{{--                </div>--}}
{{--            @endif--}}
{{--        </x-slot>--}}

{{--        <x-slot name="footer">--}}
{{--            <div class="modal-footer-actions">--}}
{{--                <button wire:click="approveRequest" class="btn btn-success btn-approve">--}}
{{--                    <i class="fas fa-check"></i> تایید و ایجاد سازمان--}}
{{--                </button>--}}

{{--                @if(!$viewingRequest?->contact_person_user_id)--}}
{{--                    <button wire:click="confirmContactUserCreation" class="btn btn-info btn-create-user">--}}
{{--                        <i class="fas fa-user-plus"></i> ایجاد حساب کاربری رابط--}}
{{--                    </button>--}}
{{--                @endif--}}

{{--                <button wire:click="rejectRequest" class="btn btn-danger btn-reject">--}}
{{--                    <i class="fas fa-times"></i> رد درخواست--}}
{{--                </button>--}}

{{--                <button wire:click="$set('confirmingRequestView', false)" class="btn btn-secondary btn-close">--}}
{{--                    <i class="fas fa-times"></i> بستن--}}
{{--                </button>--}}
{{--            </div>--}}
{{--        </x-slot>--}}
{{--    </x-dialog-modal>--}}

{{--    <!-- Modal جدید برای ایجاد حساب کاربری رابط -->--}}
{{--    <x-dialog-modal wire:model.live="confirmingContactUserCreation" class="user-creation-modal">--}}
{{--        <x-slot name="title">--}}
{{--            <div class="modal-title">--}}
{{--                <i class="fas fa-user-plus"></i>--}}
{{--                <span>ایجاد حساب کاربری برای فرد رابط</span>--}}
{{--            </div>--}}
{{--        </x-slot>--}}

{{--        <x-slot name="content">--}}
{{--            <div class="user-form">--}}
{{--                <div class="form-row">--}}
{{--                    <div class="form-group col-md-6">--}}
{{--                        <label for="contact_first_name" class="form-label">نام</label>--}}
{{--                        <input id="contact_first_name" type="text" class="form-control"--}}
{{--                               wire:model.defer="contact_first_name" placeholder="نام فرد رابط">--}}
{{--                        <x-input-error for="contact_first_name" class="mt-2 error-message" />--}}
{{--                    </div>--}}
{{--                    <div class="form-group col-md-6">--}}
{{--                        <label for="contact_last_name" class="form-label">نام خانوادگی</label>--}}
{{--                        <input id="contact_last_name" type="text" class="form-control"--}}
{{--                               wire:model.defer="contact_last_name" placeholder="نام خانوادگی فرد رابط">--}}
{{--                        <x-input-error for="contact_last_name" class="mt-2 error-message" />--}}
{{--                    </div>--}}
{{--                </div>--}}

{{--                <div class="form-row">--}}
{{--                    <div class="form-group col-md-6">--}}
{{--                        <label for="contact_username" class="form-label">نام کاربری</label>--}}
{{--                        <input id="contact_username" type="text" class="form-control"--}}
{{--                               wire:model.defer="contact_username" placeholder="نام کاربری برای ورود">--}}
{{--                        <x-input-error for="contact_username" class="mt-2 error-message" />--}}
{{--                    </div>--}}
{{--                    <div class="form-group col-md-6">--}}
{{--                        <label for="contact_email" class="form-label">ایمیل</label>--}}
{{--                        <input id="contact_email" type="email" class="form-control"--}}
{{--                               wire:model.defer="contact_email" placeholder="ایمیل معتبر">--}}
{{--                        <x-input-error for="contact_email" class="mt-2 error-message" />--}}
{{--                    </div>--}}
{{--                </div>--}}

{{--                <div class="form-row">--}}
{{--                    <div class="form-group col-md-6">--}}
{{--                        <label for="contact_password" class="form-label">رمز عبور</label>--}}
{{--                        <div class="password-input-group">--}}
{{--                            <input id="contact_password" type="password" class="form-control"--}}
{{--                                   wire:model.defer="contact_password" placeholder="رمز عبور قوی">--}}
{{--                            <button type="button" class="password-toggle">--}}
{{--                                <i class="fas fa-eye"></i>--}}
{{--                            </button>--}}
{{--                        </div>--}}
{{--                        <x-input-error for="contact_password" class="mt-2 error-message" />--}}
{{--                    </div>--}}
{{--                    <div class="form-group col-md-6">--}}
{{--                        <label for="contact_password_confirmation" class="form-label">تکرار رمز عبور</label>--}}
{{--                        <div class="password-input-group">--}}
{{--                            <input id="contact_password_confirmation" type="password" class="form-control"--}}
{{--                                   wire:model.defer="contact_password_confirmation" placeholder="تکرار رمز عبور">--}}
{{--                            <button type="button" class="password-toggle">--}}
{{--                                <i class="fas fa-eye"></i>--}}
{{--                            </button>--}}
{{--                        </div>--}}
{{--                        <x-input-error for="contact_password_confirmation" class="mt-2 error-message" />--}}
{{--                    </div>--}}
{{--                </div>--}}
{{--            </div>--}}
{{--        </x-slot>--}}

{{--        <x-slot name="footer">--}}
{{--            <div class="modal-footer-actions">--}}
{{--                <button wire:click="$toggle('confirmingContactUserCreation')"--}}
{{--                        class="btn btn-outline-secondary btn-cancel">--}}
{{--                    <i class="fas fa-times"></i> انصراف--}}
{{--                </button>--}}

{{--                <button wire:click="createContactUser"--}}
{{--                        class="btn btn-primary btn-submit">--}}
{{--                    <i class="fas fa-save"></i> ایجاد کاربر--}}
{{--                </button>--}}
{{--            </div>--}}
{{--        </x-slot>--}}
{{--    </x-dialog-modal>--}}
{{--</div>--}}


<div>
    {{-- هدر صفحه و Breadcrumb --}}
    <div class="flex flex-col sm:flex-row justify-between items-start sm:items-center mb-6">
        <div>
            <h1 class="text-2xl font-bold text-gray-900 dark:text-white">
                مدیریت درخواست‌های سازمان
            </h1>
            <nav aria-label="breadcrumb" class="mt-2 text-sm">
                <ol class="flex items-center space-x-2 space-x-reverse">
                    <li><a href="{{ route('admin.dashboard') }}" class="text-gray-500 hover:text-indigo-600">پنل مدیریت</a></li>
                    <li><span class="text-gray-400">/</span></li>
                    <li class="text-gray-800 dark:text-gray-200" aria-current="page">درخواست‌های ایجاد سازمان</li>
                </ol>
            </nav>
        </div>
    </div>

    {{-- کارت اصلی --}}
    <div class="bg-white dark:bg-gray-800 overflow-hidden shadow-xl rounded-2xl">
        <div class="p-6 lg:p-8">
            {{-- هدر کارت و جستجو --}}
            <div class="flex flex-col sm:flex-row justify-between items-start sm:items-center mb-6">
                <h2 class="text-xl font-semibold text-gray-800 dark:text-white mb-4 sm:mb-0">درخواست‌های در انتظار تایید</h2>
                <div class="relative w-full sm:w-auto">
                    <div class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none">
                        <i class="bi bi-search text-gray-400"></i>
                    </div>
                    <x-input type="text" class="w-full sm:w-80 pl-10" wire:model.live.debounce.300ms="search" placeholder="جستجو بر اساس نام، کد پیگیری..."/>
                </div>
            </div>

            @if (session()->has('message'))
                <div class="mb-6 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="overflow-x-auto">
                {{-- جدول برای دسکتاپ --}}
                <div class="hidden md:block">
                    <table class="min-w-full divide-y divide-gray-200 dark:divide-gray-700">
                        <thead class="bg-gray-50 dark:bg-gray-700/50">
                        <tr>
                            <th scope="col" class="px-6 py-3 text-right text-xs font-semibold text-gray-500 dark:text-gray-300 uppercase">کد پیگیری</th>
                            <th scope="col" class="px-6 py-3 text-right text-xs font-semibold text-gray-500 dark:text-gray-300 uppercase">نام سازمان</th>
                            <th scope="col" class="px-6 py-3 text-right text-xs font-semibold text-gray-500 dark:text-gray-300 uppercase">درخواست دهنده</th>
                            <th scope="col" class="px-6 py-3 text-right text-xs font-semibold text-gray-500 dark:text-gray-300 uppercase">تاریخ</th>
                            <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 class="hover:bg-gray-50 dark:hover:bg-gray-700/50 transition-colors duration-200">
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 dark:text-gray-400 font-mono">{{ $request->tracking_code }}</td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900 dark:text-white">{{ $request->name }}</td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 dark:text-gray-400">{{ $request->user->first_name }} {{ $request->user->last_name }}</td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 dark:text-gray-400">{{ $request->created_at->format('Y/m/d') }}</td>
                                <td class="px-6 py-4 whitespace-nowrap text-left text-sm font-medium">
                                    <x-button wire:click="viewRequest({{ $request->id }})">بررسی</x-button>
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="5" class="px-6 py-12 text-center text-gray-500 dark:text-gray-400">
                                    <i class="bi bi-inbox text-4xl mb-2"></i>
                                    <p>هیچ درخواست جدیدی برای تایید وجود ندارد.</p>
                                </td>
                            </tr>
                        @endforelse
                        </tbody>
                    </table>
                </div>

                {{-- لیست کارتی برای موبایل --}}
                <div class="md:hidden space-y-4">
                    @forelse ($requests as $request)
                        <div class="bg-white dark:bg-gray-800 p-4 rounded-lg shadow-md border dark:border-gray-700">
                            <div class="flex justify-between items-center">
                                <p class="text-lg font-bold text-gray-900 dark:text-white">{{ $request->name }}</p>
                                <p class="text-xs text-gray-500 dark:text-gray-400 font-mono">{{ $request->tracking_code }}</p>
                            </div>
                            <div class="mt-4 pt-4 border-t dark:border-gray-700 space-y-2 text-sm">
                                <p class="text-gray-600 dark:text-gray-300"><strong>درخواست دهنده:</strong> {{ $request->user->first_name }} {{ $request->user->last_name }}</p>
                                <p class="text-gray-600 dark:text-gray-300"><strong>تاریخ:</strong> {{ $request->created_at->format('Y/m/d') }}</p>
                            </div>
                            <div class="mt-4 text-left">
                                <x-button wire:click="viewRequest({{ $request->id }})" class="w-full">بررسی درخواست</x-button>
                            </div>
                        </div>
                    @empty
                        <div class="px-6 py-12 text-center text-gray-500 dark:text-gray-400">
                            <i class="bi bi-inbox text-4xl mb-2"></i>
                            <p>هیچ درخواست جدیدی برای تایید وجود ندارد.</p>
                        </div>
                    @endforelse
                </div>
            </div>

            {{-- بخش صفحه‌بندی (Pagination) --}}
{{--            <div class="mt-8 px-6 lg:px-8 pb-6">--}}
{{--                {{ $requests->links() }}--}}
{{--            </div>--}}
        </div>
    </div>

    <!-- Modal برای مشاهده و تایید/رد درخواست -->
    <x-dialog-modal wire:model.live="confirmingRequestView" maxWidth="2xl">
        <x-slot name="title">
            بررسی درخواست ایجاد سازمان
        </x-slot>

        <x-slot name="content">
            @if ($viewingRequest)
                <div class="space-y-6 text-sm text-gray-700 dark:text-gray-300">
                    {{-- اطلاعات پایه --}}
                    <div>
                        <h3 class="text-lg font-semibold text-gray-800 dark:text-white border-b dark:border-gray-600 pb-2 mb-4">اطلاعات سازمان</h3>
                        <div class="p-2 grid grid-cols-1 md:grid-cols-2 gap-4">
                            <div><span class="font-semibold text-gray-500">کد پیگیری:</span> <span class="font-mono">{{ $viewingRequest->tracking_code }}</span></div>
                            <div><span class="font-semibold text-gray-500">نام سازمان:</span> {{ $viewingRequest->name }}</div>
                            <div><span class="font-semibold text-gray-500">نوع:</span> {{ $viewingRequest->type }}</div>
                            <div><span class="font-semibold text-gray-500">حیطه کاری:</span> {{ $viewingRequest->field_of_work }}</div>
                            <div><span class="font-semibold text-gray-500">تعداد پرسنل:</span> {{ $viewingRequest->personnel_count }}</div>
                            <div><span class="font-semibold text-gray-500">تعداد تیم‌ها:</span> {{ $viewingRequest->desired_teams_count }}</div>
                            <div class="col-span-2"><span class="font-semibold text-gray-500">وب‌سایت:</span> <a href="{{ $viewingRequest->website }}" target="_blank" class="text-blue-500 hover:underline">{{ $viewingRequest->website }}</a></div>
                            <div class="col-span-2"><span class="font-semibold text-gray-500">آدرس:</span> {{ $viewingRequest->address }}</div>
                        </div>
                    </div>
                    {{-- اطلاعات تماس --}}
                    <div>
                        <h3 class="text-lg font-semibold text-gray-800 dark:text-white border-b dark:border-gray-600 pb-2 mb-4">اطلاعات تماس</h3>
                        <div class="p-2 grid grid-cols-1 md:grid-cols-2 gap-4">
                            <div><span class="font-semibold text-gray-500">نام فرد رابط:</span> {{ $viewingRequest->contact_person_name }}</div>
                            <div><span class="font-semibold text-gray-500">تلفن:</span> {{ $viewingRequest->phone }}</div>
                            <div class="col-span-2"><span class="font-semibold text-gray-500">ایمیل درخواست‌دهنده:</span> {{ $viewingRequest->user->email }}</div>
                            <div class="col-span-2">
                                <span class="font-semibold text-gray-500">وضعیت کاربر رابط:</span>
                                @if($viewingRequest->contact_person_user_id)
                                    <span class="inline-flex items-center bg-green-100 text-green-800 text-xs font-medium px-2.5 py-0.5 rounded-full dark:bg-green-900 dark:text-green-300">
                                        <i class="bi bi-check-circle-fill mr-1"></i>
                                        حساب کاربری ایجاد شده ({{ $viewingRequest->contactPersonUser->email }})
                                    </span>
                                @else
                                    <span class="inline-flex items-center bg-yellow-100 text-yellow-800 text-xs font-medium px-2.5 py-0.5 rounded-full dark:bg-yellow-900 dark:text-yellow-300">
                                        <i class="bi bi-exclamation-triangle-fill mr-1"></i>
                                        حساب کاربری ایجاد نشده است
                                    </span>
                                @endif
                            </div>
                        </div>
                    </div>
                </div>
            @endif
        </x-slot>

        <x-slot name="footer">
            <div class="flex justify-start space-x-4 space-x-reverse">
                <x-button wire:click="approveRequest" class="bg-green-600 hover:bg-green-700">
                    تایید و ایجاد سازمان
                </x-button>
                @if(!$viewingRequest?->contact_person_user_id)
                    <x-button wire:click="confirmContactUserCreation" class="bg-blue-600 hover:bg-blue-700">
                        ایجاد حساب کاربری رابط
                    </x-button>
                @endif
                <x-danger-button wire:click="rejectRequest">
                    رد درخواست
                </x-danger-button>
                <x-secondary-button wire:click="$set('confirmingRequestView', false)">
                    بستن
                </x-secondary-button>
            </div>
        </x-slot>
    </x-dialog-modal>

    <!-- Modal جدید برای ایجاد حساب کاربری رابط -->
    <x-dialog-modal wire:model.live="confirmingContactUserCreation">
        <x-slot name="title">
            ایجاد حساب کاربری برای فرد رابط
        </x-slot>

        <x-slot name="content">
            <div class="grid grid-cols-6 gap-6">
                <div class="col-span-6 sm:col-span-3">
                    <x-label for="contact_first_name" value="{{ __('نام') }}" />
                    <x-input id="contact_first_name" type="text" class="mt-1 block w-full" wire:model.defer="contact_first_name" />
                    <x-input-error for="contact_first_name" class="mt-2" />
                </div>
                <div class="col-span-6 sm:col-span-3">
                    <x-label for="contact_last_name" value="{{ __('نام خانوادگی') }}" />
                    <x-input id="contact_last_name" type="text" class="mt-1 block w-full" wire:model.defer="contact_last_name" />
                    <x-input-error for="contact_last_name" class="mt-2" />
                </div>
                <div class="col-span-6 sm:col-span-3">
                    <x-label for="contact_username" value="{{ __('نام کاربری') }}" />
                    <x-input id="contact_username" type="text" class="mt-1 block w-full" wire:model.defer="contact_username" />
                    <x-input-error for="contact_username" class="mt-2" />
                </div>
                <div class="col-span-6 sm:col-span-3">
                    <x-label for="contact_email" value="{{ __('ایمیل') }}" />
                    <x-input id="contact_email" type="email" class="mt-1 block w-full" wire:model.defer="contact_email" />
                    <x-input-error for="contact_email" class="mt-2" />
                </div>
                <div class="col-span-6 sm:col-span-3">
                    <x-label for="contact_password" value="{{ __('رمز عبور') }}" />
                    <x-input id="contact_password" type="password" class="mt-1 block w-full" wire:model.defer="contact_password" />
                    <x-input-error for="contact_password" class="mt-2" />
                </div>
                <div class="col-span-6 sm:col-span-3">
                    <x-label for="contact_password_confirmation" value="{{ __('تکرار رمز عبور') }}" />
                    <x-input id="contact_password_confirmation" type="password" class="mt-1 block w-full" wire:model.defer="contact_password_confirmation" />
                    <x-input-error for="contact_password_confirmation" class="mt-2" />
                </div>
            </div>
        </x-slot>

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

            <x-button class="ms-3" wire:click="createContactUser" wire:loading.attr="disabled">
                {{ __('ایجاد کاربر') }}
            </x-button>
        </x-slot>
    </x-dialog-modal>
</div>
