@extends(auth()->check() ? 'front.layouts.master-auth' : 'front.layouts.master')
@section('content')
    <link rel="stylesheet" href="{{ asset('front/css/add-project.css') }}?v={{ filemtime(public_path('front/css/add-project.css')) }}">
    <!-- Start Page Content -->
    <section class="page-content">
        <div class="container">
            <div class="page-title-cont">
                @if(isset($breadcrumbs) && is_array($breadcrumbs) && count($breadcrumbs) > 0)
                    <x-breadcrumb :items="$breadcrumbs" />
                @endif
                <h1 class="page-title">
                    @if(isset($is_direct) && $is_direct)
                        @lang('Create Direct Contract')
                    @elseif(isset($project))
                        @lang('Edit Project')
                    @else
                        اطلب تنفيذ مشروعك، واستقبل عروض المستقلين
                    @endif
                    @if(isset($target_freelancer) && $target_freelancer)
                        <div class="target-freelancer-notice">
                            <span class="notice-label"> هذا المشروع خاص سيتم ارساله للمستقل :  </span>
                        </div>
                    @endif
                </h1>
            </div>



            <div class="add-project-page">
                <form class="add-project-form" action="{{ isset($project) ? route('user.project.update', $project->uuid) : route('user.project.store') }}" method="post" enctype="multipart/form-data">
                    @csrf
                    @if(isset($project))
                        @method('PUT')
                    @endif
                    <input type="hidden" name="freelancer_id" value="{{$freelancer_id}}">
                    @if(isset($target_freelancer) && $target_freelancer)
                        <div class="target-freelancer-card-wrapper" style="position: relative;">
                            <button type="button"
                                    id="cancel-private-invite-btn"
                                    class="head-btn head-btn-outline"
                                    style="position:absolute; top:10px; left:10px; z-index:5; display:inline-flex; align-items:center; gap:6px; padding:6px 10px; border:1px solid #e3e3e3; background:#fff; color:#444; font-size:13px; cursor:pointer;"
                                    title="إلغاء الدعوة وتحويله لمشروع عام">
                                <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
                                    <path d="M18 6L6 18"></path>
                                    <path d="M6 6l12 12"></path>
                                </svg>
                                إلغاء الدعوة
                            </button>
                            @include('front.freelancer._freelancer_card', ['user' => $target_freelancer])
                        </div>
                        <div class="form-group" style="margin-top: 16px;">
                            <label for="message_to_freelancer">رسالة ل{{ trim(($target_freelancer->first_name ?? '') . ' ' . ($target_freelancer->last_name ?? '')) }} <span style="color: #888; font-weight: normal;">(اختياري)</span></label>
                            <textarea class="form-control" name="message_to_freelancer" id="message_to_freelancer" rows="4" style="height: 100px;" placeholder="اكتب رسالتك؛ ستصل إلى {{ trim(($target_freelancer->first_name ?? '') . ' ' . ($target_freelancer->last_name ?? '')) }} عبر الشات بعد اعتماد المشروع من الإدارة.">{{ old('message_to_freelancer') }}</textarea>
                            @error('message_to_freelancer')
                            <span class="invalid-feedback" style="display: block" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                    @endif
                    @if(isset($is_direct) && $is_direct)
                        <input type="hidden" name="is_direct" value="1">
                    @endif
                    @if ($errors->any())
                        <div class="alert alert-danger">
                            <ul class="list-disc list-inside text-sm text-red-600">
                                @foreach ($errors->all() as $error)
                                    <li>{{ $error }}</li>
                                @endforeach
                            </ul>
                        </div>
                    @endif

                    @if(isset($is_direct) && $is_direct)
                        {{-- Client Information Section for Direct Contracts --}}
                        <div class="direct-contract-info">
                            <div style="margin-bottom: 15px; opacity: 0.8;">
                                أدخل بيانات عميلك لإنشاء عقد مباشر واستفد بعمولة {{ $direct_commission ?? getDirectCommission() }}% فقط بدلا من {{ $platform_commission ?? getCommission() }}%
                            </div>
                            <div class="input-line">
                                <div class="form-group">
                                    <label>
                                        @lang('First Name') <span style="color: red;">*</span>
                                    </label>
                                    <input type="text" class="form-control" name="client_first_name" value="{{old('client_first_name')}}" required placeholder="الاسم الأول للعميل">
                                    @error('client_first_name')
                                    <span class="invalid-feedback" style="display: block" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                    @enderror
                                </div>
                                <div class="form-group">
                                    <label>
                                        @lang('Last Name') <span style="color: red;">*</span>
                                    </label>
                                    <input type="text" class="form-control" name="client_last_name" value="{{old('client_last_name')}}" required placeholder="اسم العائلة للعميل">
                                    @error('client_last_name')
                                    <span class="invalid-feedback" style="display: block" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                    @enderror
                                </div>
                            </div>
                            <div class="input-line">
                                <div class="form-group">
                                    <label>
                                        @lang('Client Email') <span style="color: red;">*</span>
                                    </label>
                                    <input type="email" class="form-control" name="client_email" value="{{old('client_email')}}" required placeholder="البريد الإلكتروني للعميل">
                                    @error('client_email')
                                    <span class="invalid-feedback" style="display: block" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                    @enderror
                                </div>
                            </div>
                        </div>
                    @endif
                    {{-- مجال المشروع يُحدَّد لاحقاً من لوحة الإدارة --}}
                    <input type="hidden" name="category_id" id="project-category-id" value="{{ old('category_id', isset($project) ? $project->category_id : '') }}">
                    @error('category_id')
                    <span class="invalid-feedback" style="display: block" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                    @enderror

                    <div class="form-group">
                        <label>
                            عنوان المشروع <span style="color: red;">*</span>
                        </label>
                        <input type="text" class="form-control" name="title" value="{{old('title', $project->title ?? '')}}" required placeholder="أدرج عنوانا موجزا يصف مشروعك بشكل دقيق">
                        @error('title')
                        <span class="invalid-feedback" style="display: block"  role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                        @enderror
                    </div>
                    @php
                        // Keep existing description on edit; on create start empty unless old() exists.
                        $descriptionValue = isset($project)
                            ? old('description', $project->description ?? '')
                            : old('description', '');
                    @endphp
                    <div class="form-group">
                        <label>
                            @lang('front.Project Details') <span style="color: red;">*</span>
                        </label>
                        <div class="inputs-cont">
                            <textarea class="form-control" name="description" id="project-description" required placeholder="أدخل وصفاً مفصلاً لمشروعك وأرفق أمثلة لما تريد ان أمكن" style="padding-bottom:15px">{{ $descriptionValue }}</textarea>
                            <div class="word-counter" id="word-counter">
                                <span id="current-word-count">0</span> / 15 كلمة
                            </div>
                            <div class="desc-action-btns">
                               {{-- <button type="button" class="btn ai-enhance-btn" id="format-btn" title="تنسيق وصف المشروع في قالب منظم">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                                        <line x1="21" y1="10" x2="3" y2="10"></line>
                                        <line x1="21" y1="6" x2="3" y2="6"></line>
                                        <line x1="21" y1="14" x2="3" y2="14"></line>
                                        <line x1="21" y1="18" x2="3" y2="18"></line>
                                    </svg>
                                    <span>تنسيق</span>
                                </button> --}}
                                <button type="button" class="btn attach-toggle-btn" id="project-dropzone-toggle" title="إرفاق ملفات توضيحية">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                                        <path d="M21.44 11.05l-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48"/>
                                    </svg>
                                    <span>إرفاق ملفات توضيحية</span>
                                </button>
                            </div>
                            @error('description')
                            <span class="invalid-feedback" style="display: block"  role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                        @php $projectMediaCount = isset($project) ? $project->getMedia('projects')->count() : 0; @endphp
                        <div class="attach-files-left">
                            <div class="file-drop-zone multi-file-zone" id="project-drop-zone" style="display:none; margin-top:8px">
                                <div class="input-file-text">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="39.629" height="27.74" viewBox="0 0 39.629 27.74">
                                        <path d="M33.289,14.3A5.951,5.951,0,0,0,27.74,6.213a5.914,5.914,0,0,0-3.3,1,9.908,9.908,0,0,0-18.5,4.941c0,.167.006.334.012.5A8.919,8.919,0,0,0,8.917,29.99H31.7A7.925,7.925,0,0,0,33.289,14.3ZM24.36,18.1H20.31v6.935a.994.994,0,0,1-.991.991H16.347a.994.994,0,0,1-.991-.991V18.1h-4.05a.989.989,0,0,1-.7-1.69l6.526-6.526a.994.994,0,0,1,1.4,0l6.526,6.526a.99.99,0,0,1-.7,1.69Z" transform="translate(0 -2.25)" fill="#393939"></path>
                                    </svg>
                                    <span class="drop-text">اسحب الملفات هنا أو اضغط للاختيار (حتى 5 ملفات)</span>
                                    <input type="file" name="attachments[]" multiple id="file-upload">
                                </div>
                                <div class="multi-file-preview">
                                    @if($projectMediaCount > 0)
                                        @foreach($project->getMedia('projects') as $media)
                                            <div class="multi-file-item existing-item" data-media-id="{{ $media->id }}">
                                                <div class="item-preview">
                                                    @if(str_contains($media->mime_type, 'image'))
                                                        <img src="{{ $media->getUrl() }}" alt="{{ $media->file_name }}" loading="lazy" decoding="async">
                                                    @else
                                                        <div class="file-icon-placeholder">
                                                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline></svg>
                                                            <span class="file-ext">{{ strtoupper(pathinfo($media->file_name, PATHINFO_EXTENSION)) }}</span>
                                                        </div>
                                                    @endif
                                                </div>
                                                <div class="item-name" title="{{ $media->file_name }}">{{ $media->file_name }}</div>
                                                <button type="button" class="item-remove" data-existing="1">&times;</button>
                                                <input type="hidden" name="existing_attachments[]" value="{{ $media->id }}">
                                            </div>
                                        @endforeach
                                    @endif
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="project-skills-field">
                        <h4 class="project-skills-label">
                            المهارات المطلوبة
                        </h4>
                        <select class="project-skills-select form-control" name="skills[]" multiple="multiple">
                            <option disabled>@lang('front.Choose Skills')</option>
                            @foreach($skills as $skill)
                                <option value="{{ $skill->id }}"
                                    @if(in_array($skill->id, old('skills', isset($project) ? $project->skills->pluck('id')->toArray() : []))) selected @endif>
                                    {{ $skill->name }}
                                </option>
                            @endforeach
                        </select>
                        @error('skills')
                        <span class="project-skills-error" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                        @enderror
                    </div>
                    <input type="hidden" name="budget_type" value="1">
                    @error('budget_type')
                    <span class="invalid-feedback" style="display: block" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                    @enderror

                    <div class="group-line project-meta-row">
                        @php
                            $paymentSelectableIds = $sizes->pluck('id')->map(fn ($id) => (int) $id)->all();
                            $currentPaymentSizeId = isset($project) ? (int) $project->project_size_id : null;
                            if (old('project_size_id') !== null) {
                                $defaultPaymentSizeId = (string) old('project_size_id');
                            } elseif ($currentPaymentSizeId && in_array($currentPaymentSizeId, $paymentSelectableIds, true)) {
                                $defaultPaymentSizeId = (string) $currentPaymentSizeId;
                            } else {
                                $defaultPaymentSizeId = '';
                            }
                        @endphp
                        <div class="form-group">
                            <label>
                                @lang('front.Payment Method') <span style="color: red;">*</span>
                            </label>
                            <select class="form-control" name="project_size_id" id="size_id" required>
                                <option value="" disabled @if($defaultPaymentSizeId === '') selected @endif>@lang('front.Choose Payment Method')</option>
                                @foreach($sizes as $size)
                                    <option value="{{$size->id}}" @if($defaultPaymentSizeId !== '' && (string) $size->id === $defaultPaymentSizeId) selected @endif>
                                        {{ getTrans($size->details, lang()) }}
                                    </option>
                                @endforeach
                            </select>
                            @error('project_size_id')
                            <span class="invalid-feedback" style="display: block" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                        <div class="form-group">
                            <label>
                                @lang('front.Project Budget') <span style="color: red;">*</span>
                            </label>
                            <div class="input-cont">
                                <input type="number" name="price" id="project-price" class="form-control" value="{{old('price', $project->price ?? '')}}" placeholder="مثال: 500" min="10" step="1">
                                <span>$</span>
                            </div>
                            @error('price')
                            <span class="invalid-feedback" style="display: block"  role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                        <div class="form-group">
                            <label>
                                @lang('front.Estimated Time') <span style="color: red;">*</span>
                            </label>
                            <div class="input-cont">
                                <input type="number" min="1" name="delivery_days" class="form-control" value="{{old('delivery_days', $project->delivery_days ?? '')}}" required placeholder="@lang('Number of days')">
                                <span>@lang('Day')</span>
                            </div>
                            @error('delivery_days')
                            <span class="invalid-feedback" style="display: block"  role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                    </div>
                    
                    @if(!isset($target_freelancer) || !$target_freelancer)
                    <input type="hidden" name="payment_type" id="payment_type" value="1">
                    {{-- <div class="text-line">
                        <div class="boost-checkbox-wrap">
                            @php
                                $currentPaymentType = old('payment_type', $project->payment_type ?? 1);
                            @endphp
                            <label class="boost-checkbox-label" for="payment_type_checkbox">
                                <input type="checkbox" value="2" name="payment_type_checkbox" id="payment_type_checkbox"
                                    @if($currentPaymentType == 2) checked @endif>
                                <input type="hidden" name="payment_type" id="payment_type" value="{{ $currentPaymentType }}">
                                <span class="boost-checkmark"></span>
                                <span class="boost-checkbox-text">
                                    ميز مشروعك بتثبيته في أعلى المشاريع لمدة {{getProjectPromotionDuration()}} ساعة مقابل {{getProjectCommission()}}$ لإستقبال عروض أكثر — <strong>سيتم تحويلك إلى صفحة الدفع.</strong>
                                </span>
                            </label>
                            @error('payment_type')
                            <span class="invalid-feedback" style="display: block" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                    </div> --}}
                    @endif

                    <!-- Hidden input: افتراضياً لا دعوات؛ المودال موجود في الصفحة لكن مخفي ولا يُفتح عند النشر -->
                    <input type="hidden" name="invited_freelancers" id="invited_freelancers" value="{{ old('invited_freelancers', (!isset($project) && (!isset($is_direct) || !$is_direct) && (!isset($target_freelancer) || !$target_freelancer)) ? 'none' : '') }}">

                    <div class="editPage-btns">
                       
                        <button type="button" class="editPage-btn submit" id="project-submit-btn">
                            @if(isset($project))
                                @if($project->status == \App\Models\Project::DRAFT)
                                    انشر الآن
                                @else
                                    @lang('Save Changes')
                                @endif
                            @elseif(isset($is_direct) && $is_direct)
                              إنشاء العقد
                            @else
                            @if(isset($target_freelancer) && $target_freelancer)
                             ارسل الآن
                            @else
                             انشر الآن
                            @endif
                            @endif
                        </button>

                        @if((!isset($is_direct) || !$is_direct) && (!isset($target_freelancer) || !$target_freelancer) && (!isset($project) || (isset($project) && $project->status == \App\Models\Project::DRAFT)))
                        <button type="button" class="editPage-btn draft" id="project-draft-btn" style="display:none;">
                            <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="vertical-align:middle; margin-left:5px;">
                                <path d="M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z"></path>
                                <polyline points="17 21 17 13 7 13 7 21"></polyline>
                                <polyline points="7 3 7 8 15 8"></polyline>
                            </svg>
                            حفظ كمسودة
                        </button>
                        @endif
                    </div>
                </form>
                <div class="add-project-img">
                    <div class="project-side-info">
                        @if(isset($is_direct) && $is_direct)
                            <h3 class="project-side-info__title">عقد مباشر مع عميلك</h3>
                            <p class="project-side-info__sub">أنجز مشاريع عملائك الخارجيين عبر المنصة واستفد من الحماية والعمولة المخفّضة</p>
                            <ul class="project-side-info__list">
                                <li><span class="psi-check">✓</span> عمولة {{ $direct_commission ?? getDirectCommission() }}% فقط بدلاً من {{ $platform_commission ?? getCommission() }}%</li>
                                <li><span class="psi-check">✓</span> حماية كاملة لحقوقك المالية</li>
                                <li><span class="psi-check">✓</span> عقد رسمي موثّق بين الطرفين</li>
                                <li><span class="psi-check">✓</span> دفع آمن عبر نظام الضمان</li>
                            </ul>
                        @else
                            <h3 class="project-side-info__title">ابدأ خلال دقائق</h3>
                            <p class="project-side-info__sub">صِف ما تحتاجه وسيتقدّم المستقلون بعروضهم لتنفيذه</p>
                            <ul class="project-side-info__list">
                                <li><span class="psi-check">✓</span> أدخل تفاصيل مشروعك وانشره مجاناً</li>
                                <li><span class="psi-check">✓</span> استقبل عروضاً من مستقلين محترفين</li>
                                <li><span class="psi-check">✓</span> تواصل مع المتقدمين واختر العرض الأنسب</li>
                                <li><span class="psi-check">✓</span> أقبل العرض وابدأ في تنفيذ مشروعك</li>
                            </ul>
                        @endif
                    </div>
                    <div class="rocket-img"><img src="{{asset('front/images/addProject.png')}}" class="img-fluid" loading="lazy" decoding="async"></div>
                </div>
            </div>
        </div>
    </section>
    <!-- End Page Content -->
@endsection
@section('js-body')
    <script>
        window.ProjectFormConfig = {
            csrfToken: @json(csrf_token()),
            isEditMode: {{ isset($project) ? 'true' : 'false' }},
            isDraftMode: {{ (isset($project) && $project->status == \App\Models\Project::DRAFT) ? 'true' : 'false' }},
            isGuest: {{ isset($is_guest) && $is_guest ? 'true' : 'false' }},
            isDirect: {{ (isset($is_direct) && $is_direct) ? 'true' : 'false' }},
            enableAutoSave: {{ (auth()->check() && !isset($project)) ? 'true' : 'false' }},
            autoSaveKey: @json(auth()->check() ? ('autoSaveProject_' . auth()->id()) : null),
            enableFreelancersModal: false,
            enableDraft: {{ ((!isset($is_direct) || !$is_direct) && (!isset($target_freelancer) || !$target_freelancer) && (!isset($project) || (isset($project) && $project->status == \App\Models\Project::DRAFT))) ? 'true' : 'false' }},
            draftStoreUrl: @json(route('user.project.storeDraft')),
            draftUpdateUrl: @json(isset($project) ? route('user.project.updateDraft', $project->uuid) : ''),
            registerUrl: @json(route('view.register')),
            aiEnhanceUrl: @json(route('ai.enhance.description')),
            formatDescriptionUrl: @json(route('user.project.format-description')),
            freelancersApiUrl: @json('/api/freelancers/by-category'),
            maxInvitedFreelancers: {{ getMaxInvitedFreelancers() }},
            minWords: 15,
            minBudgetUsd: 10,
            skillsPlaceholder: @json(trans('front.Choose Skills')),
            categoryRequiredMessage: @json(__('front.Project Category Required')),
            budgetBelowMinMessage: @json(__('front.Project Budget Below Min')),
            submitBtnText: @json(isset($is_direct) && $is_direct ? 'إنشاء العقد' : (isset($target_freelancer) && $target_freelancer ? 'ارسل الآن' : 'انشر الآن')),
            placeholdersByCategoryName: {
                'برمجة المواقع والتطبيقات': {
                    title: 'مثال: تطوير تطبيق جوال لحجز المواعيد',
                    description: 'اشرح ما تريد تطويره: المنصات المطلوبة، أهم الميزات، لوحة تحكم، تسجيل الدخول، بوابات الدفع إن وجدت…'
                },
                'التصميم والفيديو': {
                    title: 'مثال: تصميم هوية بصرية كاملة لمطعم',
                    description: 'حدد المطلوب: شعار/هوية/منشورات/موشن… اذكر المقاسات، المراجع، والألوان/الستايل المفضل.'
                },
                'الترجمة والكتابة': {
                    title: 'مثال: كتابة 10 مقالات SEO عن مجال العقارات',
                    description: 'اذكر اللغة، عدد الكلمات، الجمهور المستهدف، كلمات مفتاحية، وروابط/مراجع إن وجدت.'
                },
                'المبيعات والتسويق': {
                    title: 'مثال: إدارة حملة إعلانية على Meta لمدة شهر',
                    description: 'اشرح الهدف (مبيعات/Leads)، البلد، الميزانية الإعلانية، المنتجات/الخدمات، وصفحة الهبوط.'
                },
                'أعمال وخدمات استشارية': {
                    title: 'مثال: إعداد دراسة جدوى لمشروع متجر إلكتروني',
                    description: 'حدد نوع الاستشارة، نطاق العمل، المطلوب تسليمه (ملف/عرض/جلسات)، وأي بيانات متوفرة.'
                },
                'إدخال وتحليل البيانات': {
                    title: 'مثال: إدخال وتحديث بيانات المنتجات في ملف Excel',
                    description: 'اذكر نوع البيانات (منتجات/عملاء/طلبات)، مصدرها (صور/PDF/موقع)، وعدد السجلات، والحقول المطلوبة، وطريقة التسليم (Excel/Google Sheets/CRM).'
                },
                'تدريب وتعليم عن بعد': {
                    title: 'مثال: إعداد دورة تدريبية عن أساسيات Excel',
                    description: 'حدد المستوى، عدد الساعات/الجلسات، شكل المحتوى (فيديو/ملفات/تمارين)، وأهداف التعلم.'
                },
                'الهندسة والعمارة': {
                    title: 'مثال: تصميم مخطط معماري لفيلا دورين',
                    description: 'اذكر المساحة، عدد الغرف، المتطلبات الخاصة، والملفات المطلوبة (PDF/DWG/3D).'
                },
                'خدمة العملاء': {
                    title: 'مثال: دعم فني عبر الشات لمتجر إلكتروني',
                    description: 'اذكر القنوات (شات/إيميل/هاتف)، ساعات العمل، اللغة، وطبيعة الاستفسارات/الأدوات المستخدمة.'
                },
                'الذكاء الإصطناعي وتعلم الآلة': {
                    title: 'مثال: بناء نظام توصية للمنتجات باستخدام تعلم الآلة',
                    description: 'حدد البيانات المتوفرة، الهدف (تصنيف/تنبؤ/LLM/RAG)، المخرجات المطلوبة، وبيئة النشر.'
                }
            }
        };
    </script>
    <script src="{{ asset('front/js/add-project.js') }}?v={{ filemtime(public_path('front/js/add-project.js')) }}"></script>
    @if(isset($target_freelancer) && $target_freelancer)
        <script>
            document.addEventListener('DOMContentLoaded', function () {
                var btn = document.getElementById('cancel-private-invite-btn');
                if (!btn) return;
                btn.addEventListener('click', function () {
                    var msg = document.getElementById('message_to_freelancer');
                    if (msg) msg.value = '';
                    window.location.href = @json(route('user.project.create'));
                });
            });
        </script>
    @endif
    

    @if((!isset($is_direct) || !$is_direct) && (!isset($target_freelancer) || !$target_freelancer) && !isset($project))
    <!-- Freelancers Modal -->
    <div class="modal fade" id="freelancersModal" tabindex="-1" role="dialog" aria-labelledby="freelancersModalLabel" aria-hidden="true" hidden data-add-project-freelancers-modal="1">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="freelancersModalLabel">دعوة المستقلين للمشروع</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <!-- Freelancer Invitations Section -->
                    <div class="form-group freelancer-invitations-section">
                        <label style="font-size: 18px; font-weight: bold; margin-bottom: 15px; display: block;">
                            @lang('front.Invite Freelancers')
                            <div style="font-size: 14px; opacity: 0.6; font-weight: normal; margin-top: 5px;">
                                سيُعرض طلبك للمستقلين على المنصة، ويمكنك إرسال دعوات خاصة للمستقلين ليتلقوا إشعاراً مباشراً. الترتيب يعتمد على <strong>التوصية الذكية</strong> (تطابق التخصص، المهارات، الاحترافية، والنشاط الحديث). تُرسل الدعوات بعد اعتماد المشروع من الإدارة.
                            </div>
                        </label>

                        <div class="invitation-options" style="margin-bottom: 20px;">
                            <div class="radio" style="margin-bottom: 15px;">
                                <label>
                                    <input type="radio" name="invitation_type" value="all" checked id="invitation_all">
                                    <span class="check-mark"></span>
                                    دعوة المستقلين الأنسب تلقائياً
                                    <span style="background-color: #14965A; color: white; padding: 2px 8px; border-radius: 4px; font-size: 12px; margin-right: 8px;">توصية ذكية</span>
                                    <br>
                                    <span id="invitation-count-text" style="font-size: 13px; opacity: 0.7; margin-right: 25px; display: inline-block; margin-top: 5px;">
                                        سيتم إرسال دعوة خاصة لأفضل {{ getMaxInvitedFreelancers() }} مستقل وفق التوصية الذكية (تطابق التخصص والمهارات، الاحترافية، النشاط الحديث)
                                    </span>
                                </label>
                            </div>
                            <div class="radio">
                                <label>
                                    <input type="radio" name="invitation_type" value="selected" id="invitation_selected">
                                    <span class="check-mark"></span>
                                    اختيار مستقلين محددين يدوياً
                                    <br>
                                    <span style="font-size: 13px; opacity: 0.7; margin-right: 25px; display: inline-block; margin-top: 5px;">
                                        تصفح قائمة المستقلين المرتبة بالتوصية الذكية واختر من تريد دعوتهم
                                    </span>
                                </label>
                            </div>
                            <div class="radio" style="margin-top: 15px;">
                                <label>
                                    <input type="radio" name="invitation_type" value="none" id="invitation_none">
                                    <span class="check-mark"></span>
                                    عدم إرسال دعوة
                                    <br>
                                    <span style="font-size: 13px; opacity: 0.7; margin-right: 25px; display: inline-block; margin-top: 5px;">
                                        سيُعرض طلبك للعامة فقط، دون إرسال أي دعوات مباشرة للمستقلين
                                    </span>
                                </label>
                            </div>
                        </div>

                        <!-- Freelancers List (shown when 'selected' is chosen) -->
                        <div id="selected-freelancers-container" style="display: none;">
                            <div class="form-group">
                                <input type="text" id="freelancer-search" class="form-control" placeholder="ابحث عن مستقل بالاسم أو التخصص..." style="margin-bottom: 15px;">
                            </div>
                            
                            <div id="freelancers-list">
                                <div class="text-center" style="padding: 20px; color: #999;">
                                    <p>جاري تحميل المستقلين...</p>
                                </div>
                            </div>

                            <div style="margin-top: 15px;">
                                <span class="badge badge-success" style="font-size: 14px; padding: 8px 12px;">
                                    تم اختيار: <span id="modal-selected-count">0</span> مستقل
                                </span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer" style="direction: rtl;">
                    <button type="button" class="btn btn-primary btn-block" id="continue-submit-btn" style="background-color: #14965A; border-color: #14965A; width: 100%;border-radius: 0;">
                        متابعة ونشر المشروع
                    </button>
                </div>
            </div>
        </div>
    </div>
    @endif
@endsection