@extends('admin.layouts.master')

@section('contents')
<div class="content-wrapper">
    <div class="content-header row">
        <div class="content-header-left col-md-9 col-12 mb-2">
            <div class="row breadcrumbs-top">
                <div class="col-12">
                    <h2 class="content-header-title float-left mb-0">تفاصيل طلب توثيق الجوال #{{ $verification->id }}</h2>
                    <div class="breadcrumb-wrapper col-12">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a href="{{ route('admin.home') }}">الرئيسية</a></li>
                            <li class="breadcrumb-item"><a href="{{ route('admin.phone-verifications.index') }}">توثيق الجوال</a></li>
                            <li class="breadcrumb-item active">#{{ $verification->id }}</li>
                        </ol>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="content-body">
        <div class="row">
            <div class="col-md-8">
                <div class="card">
                    <div class="card-header"><h4 class="card-title">بيانات الطلب</h4></div>
                    <div class="card-body">
                        <table class="table table-sm">
                            <tr><th>المستخدم</th><td>
                                <a href="{{ route('freelancers.details', $verification->user->username) }}" target="_blank">
                                    {{ $verification->user->name }}
                                </a>
                            </td></tr>
                            <tr><th>البريد الإلكتروني</th><td>{{ $verification->user->email }}</td></tr>
                            <tr><th>رقم الجوال المطلوب</th><td><strong>{{ $verification->fullPhoneDisplay() }}</strong></td></tr>
                            <tr><th>كود التوثيق</th><td><code style="font-size:1.1rem;">{{ $verification->verification_code }}</code></td></tr>
                            <tr><th>الحالة</th><td>
                                <span class="badge badge-{{ $verification->statusBadgeColor() }}">{{ $verification->statusLabel() }}</span>
                            </td></tr>
                            <tr><th>تاريخ الإرسال</th><td>{{ $verification->created_at->format('Y-m-d H:i') }}</td></tr>
                            <tr><th>ينتهي في</th><td>
                                @if($verification->isPending())
                                    <span class="text-muted">بانتظار مراجعة الإدارة</span>
                                @elseif($verification->expires_at)
                                    {{ $verification->expires_at->format('Y-m-d H:i') }}
                                @else
                                    —
                                @endif
                            </td></tr>
                            @if($verification->reviewer)
                                <tr><th>راجعه</th><td>{{ $verification->reviewer->name }}</td></tr>
                                <tr><th>تاريخ المراجعة</th><td>{{ $verification->reviewed_at?->format('Y-m-d H:i') }}</td></tr>
                            @endif
                            @if($verification->admin_notes)
                                <tr><th>ملاحظات الأدمن</th><td class="text-danger">{{ $verification->admin_notes }}</td></tr>
                            @endif
                        </table>
                    </div>
                </div>

                @if($verification->isAwaitingWhatsApp())
                    @can('update_phone_verifications')
                    <div class="card">
                        <div class="card-header"><h4 class="card-title">تأكيد استلام واتساب</h4></div>
                        <div class="card-body">
                            <p class="text-muted small mb-3">
                                استخدم هذا الخيار إذا أرسل المستخدم كود التوثيق عبر واتساب أعمال ربحي ولم يضغط «تأكيد الإرسال» في الموقع.
                            </p>
                            <form action="{{ route('admin.phone-verifications.mark-pending', $verification->id) }}" method="POST">
                                @csrf
                                <button type="submit" class="btn btn-warning btn-block"
                                        onclick="return confirm('نقل هذا الطلب إلى مراجعة الإدارة (معلّق)؟')">
                                    <i class="fa fa-clock mr-1"></i> نقل إلى مراجعة الإدارة (معلّق)
                                </button>
                            </form>
                        </div>
                    </div>
                    @endcan
                @endif

                @if($verification->isPending())
                    @can('update_phone_verifications')
                    <div class="card">
                        <div class="card-header"><h4 class="card-title">اتخاذ القرار</h4></div>
                        <div class="card-body">
                            <form action="{{ route('admin.phone-verifications.approve', $verification->id) }}" method="POST" class="mb-2">
                                @csrf
                                <div class="form-group">
                                    <label>ملاحظات (اختياري)</label>
                                    <textarea name="admin_notes" class="form-control" rows="2" placeholder="ملاحظة للمستخدم..."></textarea>
                                </div>
                                <button type="submit" class="btn btn-success btn-block"
                                        onclick="return confirm('اعتماد توثيق هذا الرقم؟')">
                                    <i class="fa fa-check mr-1"></i> اعتماد رقم الجوال
                                </button>
                            </form>

                            <hr>

                            <form action="{{ route('admin.phone-verifications.reject', $verification->id) }}" method="POST">
                                @csrf
                                @include('admin.partials.reject-reason-field', [
                                    'reasons' => $rejectReasons,
                                    'fieldName' => 'admin_notes',
                                    'inputId' => 'phone_reject_' . $verification->id,
                                    'minLength' => 5,
                                ])
                                <button type="submit" class="btn btn-danger btn-block">
                                    <i class="fa fa-times mr-1"></i> رفض الطلب
                                </button>
                            </form>
                        </div>
                    </div>
                    @endcan
                @endif
            </div>

            <div class="col-md-4">
                <div class="card">
                    <div class="card-header"><h4 class="card-title">رقم الجوال في الحساب</h4></div>
                    <div class="card-body">
                        <p class="mb-1"><strong>الحالي:</strong>
                            {{ $verification->user->phone_dial_code }} {{ $verification->user->phone ?: '—' }}
                        </p>
                        <p class="mb-0 text-muted small">
                            @if($verification->user->phone_verified_at)
                                موثّق منذ {{ $verification->user->phone_verified_at->format('Y-m-d') }}
                            @else
                                غير موثّق حالياً
                            @endif
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@section('scripts')
    @include('admin.partials.reject-reason-field-scripts')
@endsection