@extends('v2.layout')

@section('title', $service->title . ' - GOVI')
@section('meta_description', \Illuminate\Support\Str::limit(strip_tags($service->description), 155))

@section('content')

<!-- رأس الخدمة -->
<div class="svc-hero">
    <div class="container">
        <nav aria-label="مسار التنقل">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="{{ url('/') }}">الرئيسية</a></li>
                <li class="breadcrumb-item"><a href="/#services">الخدمات</a></li>
                <li class="breadcrumb-item active" aria-current="page">{{ $service->title }}</li>
            </ol>
        </nav>
        <span class="svc-tag">خدمة رقمية</span>
        <h1>{{ $service->title }}</h1>
        @if(!empty($service->target_audience))
            <div class="svc-aud"><i class="ti ti-users"></i>{{ $service->target_audience }}</div>
        @endif
    </div>
</div>

<!-- التفاصيل -->
<section class="svc-wrap">
    <div class="container">
        <div class="svc-grid">
            <main>
                <div class="svc-panel">
                    <h2>مميزات الخدمة</h2>
                    @php
                        $featuresRaw = $service->features;
                        if (is_string($featuresRaw)) { $decoded = json_decode($featuresRaw, true); $features = is_array($decoded) ? $decoded : []; }
                        elseif (is_array($featuresRaw)) { $features = $featuresRaw; }
                        else { $features = []; }
                        $features = array_values(array_unique(array_filter(array_map(fn($v) => is_string($v) ? trim($v) : (is_scalar($v) ? trim((string)$v) : ''), $features))));
                    @endphp
                    @if(count($features))
                        <ul class="svc-list">
                            @foreach($features as $f)<li>{{ $f }}</li>@endforeach
                        </ul>
                    @else
                        <div class="svc-empty">سيتم إتاحة مزايا الخدمة قريباً</div>
                    @endif
                </div>
                <div class="svc-panel">
                    <h2>وصف الخدمة</h2>
                    <p class="svc-desc">{{ $service->description }}</p>
                </div>
            </main>
            <aside class="svc-side">
                <div class="svc-meta">
                    <h3>بيانات الخدمة</h3>
                    <div class="svc-row"><span class="k">الرسوم</span><span class="v price">{{ number_format((float) $service->price, 2) }} ر.س</span></div>
                    <div class="svc-row"><span class="k">المدة المتوقعة</span><span class="v">{{ (int) $service->duration_days > 0 ? $service->duration_days . ' يوم' : 'يُحدد لاحقاً' }}</span></div>
                    <div class="svc-row"><span class="k">رقم الخدمة</span><span class="v">#{{ $service->service_no ?? $service->id }}</span></div>
                    @if($service->status == 'active')
                        <a href="{{ url('/services?s=' . $service->service_no) }}" class="btn btn-govi"><i class="ti ti-player-play-filled"></i> بدء الخدمة</a>
                    @else
                        <span class="btn btn-secondary disabled w-100 mt-3">الخدمة متوقفة حالياً</span>
                    @endif
                    <a href="/#services" class="svc-back"><i class="ti ti-arrow-right"></i> العودة إلى الخدمات</a>
                </div>
            </aside>
        </div>
    </div>
</section>

@endsection