@extends('front.layouts.master-auth')
@section('content')
@php
    $platformCommission = getCommission();
    $directCommission = getDirectCommission();
    $minAmountUsd = 10;
    $exampleAmount = 100;
    $regularCommissionOnExample = round($exampleAmount * ($platformCommission / 100), 2);
    $regularFreelancerNetExample = round($exampleAmount - $regularCommissionOnExample, 2);
    $directCommissionOnExample = round($exampleAmount * ($directCommission / 100), 2);
    $directFreelancerNetExample = round($exampleAmount - $directCommissionOnExample, 2);
@endphp

<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">
                أسعار ورسوم منصة ربحي للعمل الحر — شفافية كاملة بدون رسوم خفية
            </h1>
        </div>
        <div class="projectDetails-page-cont">
            <div class="projectDetails-right-div">
                <div class="projectDetails-cont">
                    <div class="projectDetails-body">
                        <div class="projectDetails-body-section">
                            <div class="project-desc">

                                <p style="font-size: 16px; line-height: 1.9; margin-bottom: 1.5rem;">
                                    في منصة ربحي نؤمن بالشفافية الكاملة في التسعير. لا رسوم خفية ولا مفاجآت — كل الأسعار واضحة ومحددة مسبقاً. تعرّف على تفاصيل الرسوم والعمولات لكل من المستقلين وأصحاب المشاريع.
                                </p>

                                <h3>رسوم وعمولات المستقلين على منصة ربحي</h3>
                                <p><strong>عمولة المنصة على المشاريع العادية:</strong> {{ $platformCommission }}% من قيمة المشروع المكتمل، تُخصم من المستقل وحده. هذا يعني أنك تحتفظ بـ {{ 100 - $platformCommission }}% من أرباحك — وهي من أقل نسب العمولة بين منصات العمل الحر العربية.</p>
                                <p><strong>عمولة العقود المباشرة:</strong> {{ $directCommission }}% من قيمة العقد المباشر. عندما تنشئ عقداً مباشراً مع عميلك عبر المنصة، تستفيد من عمولة مخفّضة ({{ $directCommission }}% مقابل {{ $platformCommission }}% للمشاريع العادية).</p>
                                <p><strong>مدة تعليق الأرباح:</strong> تصبح أرباحك متاحة للسحب بعد 7 أيام فقط من تاريخ تسليم المشروع وقبوله من صاحب العمل. فترة قصيرة مقارنة بالمنصات الأخرى.</p>
                                <p><strong>عدد العروض المتاحة:</strong> غير محدود — قدِّم عروضك على جميع المشاريع المتاحة التي تناسب تخصصك دون أي قيود أو حدود يومية أو شهرية.</p>
                                <p><strong>رسوم سحب الأرباح:</strong> السحب عبر التحويل البنكي المباشر مجاني تماماً، بدون أي رسوم إضافية أو خصومات.</p>

                                <h3>رسوم أصحاب المشاريع على منصة ربحي</h3>
                                <p><strong>رسوم طلبات المشاريع:</strong> مجاني بالكامل — يمكنك إرسال عدد غير محدود من طلبات التنفيذ بدون أي رسوم.</p>
                                <p><strong>رسوم الخدمة:</strong> {{ $stripe_fee_percentage }}% فقط على عمليات شحن الحساب — تشمل تأمين المعاملات المالية، حماية حقوقك كصاحب مشروع، والدعم الفني على مدار الساعة. تظهر لك التفاصيل بوضوح قبل إتمام الدفع.</p>
                                {{-- <p><strong>تمييز المشروع (اختياري):</strong> ثبِّت مشروعك في أعلى قائمة المشاريع لمدة 24 ساعة مقابل 5$ فقط مع علامة "مميز" لزيادة عدد العروض التي تستقبلها. هذه الخدمة اختيارية بالكامل.</p> --}}
                                <p><strong>تقسيم المشاريع على مراحل:</strong> نفِّذ مشروعك دفعةً واحدة أو قسِّمه إلى مراحل متعددة مع دفع بعد كل مرحلة — بدون أي تكاليف إضافية على التقسيم.</p>

                                <h3>مثال توضيحي — مشروع عادي بقيمة 100$</h3>
                                <p>عند الاتفاق على مشروع عادي (ليس عقداً مباشراً) بقيمة <strong>100$:</strong></p>
                                <table class="pricing-example-table">
                                    <thead>
                                        <tr>
                                            <th>البند</th>
                                            <th>المبلغ</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td>قيمة المشروع</td>
                                            <td>100$</td>
                                        </tr>
                                        <tr>
                                            <td>رسوم الخدمة على صاحب المشروع ({{ $stripe_fee_percentage }}%)</td>
                                            <td>{{ $stripe_fee_percentage / 100 * 100 }}$</td>
                                        </tr>
                                        <tr>
                                            <td>إجمالي ما يدفعه صاحب المشروع</td>
                                            <td><strong>{{ 100 + ($stripe_fee_percentage / 100 * 100) }}$</strong></td>
                                        </tr>
                                        <tr>
                                            <td>عمولة المنصة على المستقل ({{ $platformCommission }}%)</td>
                                            <td>{{ $regularCommissionOnExample }}$</td>
                                        </tr>
                                        <tr>
                                            <td>صافي ما يستلمه المستقل</td>
                                            <td><strong>{{ $regularFreelancerNetExample }}$</strong></td>
                                        </tr>
                                    </tbody>
                                </table>

                                <h3>مثال توضيحي — عقد مباشر بقيمة 100$</h3>
                                <p>عند إنشاء عقد مباشر مع عميلك بقيمة <strong>100$:</strong></p>
                                <table class="pricing-example-table">
                                    <thead>
                                        <tr>
                                            <th>البند</th>
                                            <th>المبلغ</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td>قيمة العقد</td>
                                            <td>100$</td>
                                        </tr>
                                        <tr>
                                            <td>رسوم الخدمة على صاحب المشروع ({{ $stripe_fee_percentage }}%)</td>
                                            <td>{{ $stripe_fee_percentage / 100 * 100 }}$</td>
                                        </tr>
                                        <tr>
                                            <td>إجمالي ما يدفعه صاحب المشروع</td>
                                            <td><strong>{{ 100 + ($stripe_fee_percentage / 100 * 100) }}$</strong></td>
                                        </tr>
                                        <tr>
                                            <td>عمولة المنصة على المستقل ({{ $directCommission }}%)</td>
                                            <td>{{ $directCommissionOnExample }}$</td>
                                        </tr>
                                        <tr>
                                            <td>صافي ما يستلمه المستقل</td>
                                            <td><strong>{{ $directFreelancerNetExample }}$</strong></td>
                                        </tr>
                                    </tbody>
                                </table>

                                <h3>ملاحظات مهمة حول الأسعار والرسوم</h3>
                                <ul>
                                    <li>جميع المعاملات المالية تتم داخل المنصة عبر نظام دفع آمن (Escrow) لضمان حقوق المستقلين وأصحاب المشاريع.</li>
                                    <li>أموال صاحب المشروع تُحفظ كأمانة ولا تُحوّل للمستقل إلا بعد تسليم العمل والموافقة عليه.</li>
                                    <li>العمولة تُخصم من المستقل فقط — صاحب المشروع لا يدفع أي رسوم إضافية.</li>
                                    <li>سحب الأرباح متاح عبر التحويل البنكي المباشر بدون أي رسوم سحب.</li>
                                    <li>الأسعار المذكورة نهائية ولا توجد رسوم خفية أو تكاليف إضافية غير معلن عنها.</li>
                                    <li>الحد الأدنى لإضافة مشروع أو تقديم عرض أو سحب الأرباح: {{ $minAmountUsd }}$.</li>
                                </ul>

                                <div style="background: #f0fdf4; padding: 20px; border-radius: 8px; margin-top: 1.5rem; border-right: 4px solid #60d049;">
                                    <p style="margin: 0; font-size: 15px; line-height: 1.8;">
                                        <strong style="color: #1a1a2e;">💡 نصيحة:</strong> إذا كان لديك عملاء حاليون وتريد الاستفادة من حماية المنصة بعمولة أقل، استخدم ميزة <strong>العقود المباشرة</strong> بعمولة {{ $directCommission }}% بدلاً من {{ $platformCommission }}%. أنشئ عقداً مباشراً من ملفك الشخصي وشارك الرابط مع عميلك.
                                    </p>
                                </div>

                                <div style="text-align: center; margin-top: 2rem;">
                                    <a href="{{ auth()->check() ? route('project.list') : route('view.register') }}" style="background: #60d049; color: #fff; padding: 15px 40px; text-decoration: none; font-weight: 600; font-size: 16px; display: inline-block; border-radius: 8px;">
                                        {{ auth()->check() ? 'تصفح المشاريع المتاحة' : 'سجّل الآن وابدأ مجاناً' }}
                                    </a>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<style>
/* Base font for content is SST for better readability */
.projectDetails-page-cont {
    font-family: var(--font-body) !important;
    display: block !important;
}

.project-desc {
    font-family: var(--font-body) !important;
    font-size: 16px;
    line-height: 1.8;
    color: var(--text-color);
}

/* Force SST font on text elements for readability */
.project-desc *,
.project-desc p,
.project-desc div,
.project-desc span,
.project-desc a,
.project-desc strong,
.project-desc b,
.project-desc em,
.project-desc i,
.project-desc u,
.project-desc ul,
.project-desc ol,
.project-desc li,
.project-desc blockquote,
.project-desc pre,
.project-desc code,
.project-desc table,
.project-desc tr,
.project-desc td,
.project-desc th,
.project-desc thead,
.project-desc tbody,
.project-desc tfoot {
    font-family: var(--font-body) !important;
}

/* Headings with bold weight */
.project-desc h1,
.project-desc h2,
.project-desc h3,
.project-desc h4,
.project-desc h5,
.project-desc h6 {
    font-family: var(--font-heading) !important;
    font-weight: 700 !important;
    color: var(--primary-color) !important;
    font-size: 20px !important;
    margin-top: 1.5rem;
    margin-bottom: 1rem;
}

.project-desc p {
    margin-bottom: 1rem;
}

.project-desc ul,
.project-desc ol {
    margin-bottom: 1rem;
    padding-right: 2rem;
}

.project-desc li {
    margin-bottom: 0.5rem;
}

.project-desc a {
    color: var(--primary-color, #60d049);
    text-decoration: none;
}

.project-desc a:hover {
    text-decoration: underline;
}

/* Pricing example table */
.pricing-example-table {
    width: 100%;
    max-width: 420px;
    border-collapse: collapse;
    margin-bottom: 1.5rem;
    font-size: 15px;
}

.pricing-example-table th,
.pricing-example-table td {
    border: 1px solid #e0e0e0;
    padding: 10px 14px;
    text-align: right;
}

.pricing-example-table thead tr {
    background-color: var(--primary-color, #60d049);
    color: #fff;
}

.pricing-example-table tbody tr:nth-child(even) {
    background-color: #f7f7f7;
}

.addOffer-page-title h2 {
    font-family: var(--font-heading) !important;
}
</style>

{{-- Schema Markup for Pricing Page --}}
@if(isset($schemas) && !empty($schemas))
    @foreach($schemas as $schema)
        <script type="application/ld+json">
{!! json_encode($schema, JSON_UNESCAPED_SLASHES | JSON_UNESCAPED_UNICODE | JSON_PRETTY_PRINT) !!}
        </script>
    @endforeach
@endif

@endsection