@extends('admin.layouts.master')
@section('title', __('admin.delivery_inspections.show_title'))
@section('content')
<div class="page-content-wrapper">
    <div class="content-container">
        <div class="page-content">

            <div class="content-header d-flex justify-content-between align-items-center flex-wrap gap-2">
                <div>
                    <h1 class="mb-0">{{ __('admin.delivery_inspections.show_title') }}</h1>
                    <small class="text-muted">{{ $deliveryInspection->project->project_name }}</small>
                </div>
                <div class="d-flex gap-2 flex-wrap">
                    @if($deliveryInspection->status === 'under_review')
                        <form method="POST" action="{{ route('admin.delivery_inspections.approve', $deliveryInspection) }}">
                            @csrf
                            <button class="btn btn-success"><i class="ti ti-circle-check me-1"></i>{{ __('admin.delivery_inspections.approve') }}</button>
                        </form>
                        <button class="btn btn-danger" data-bs-toggle="modal" data-bs-target="#rejectModal">
                            <i class="ti ti-x me-1"></i>{{ __('admin.delivery_inspections.reject') }}
                        </button>
                    @endif
                    <a href="{{ route('admin.delivery_inspections.index') }}" class="btn btn-outline-secondary">
                        <i class="ti ti-arrow-left me-1"></i>{{ __('admin.actions.back_to_list') }}
                    </a>
                </div>
            </div>

            @if(session('success'))
                <div class="alert alert-success alert-dismissible fade show">{{ session('success') }}<button type="button" class="btn-close" data-bs-dismiss="alert"></button></div>
            @endif
            @if(session('error'))
                <div class="alert alert-danger alert-dismissible fade show">{{ session('error') }}<button type="button" class="btn-close" data-bs-dismiss="alert"></button></div>
            @endif

            <div class="row">
                {{-- Info Card --}}
                <div class="col-lg-4">
                    <div class="card mb-4">
                        <div class="card-header"><h6 class="mb-0">{{ app()->getLocale() === 'ar' ? 'معلومات الفحص' : 'Inspection Info' }}</h6></div>
                        <div class="card-body">
                            @php
                                $statusColors = ['pending'=>'secondary','under_review'=>'info','revision_required'=>'warning','approved'=>'success','rejected'=>'danger'];
                                $color = $statusColors[$deliveryInspection->status] ?? 'secondary';
                            @endphp
                            <p><strong>{{ __('admin.delivery_inspections.fields.status') }}:</strong>
                                <span class="badge bg-{{ $color }}">{{ __('admin.delivery_inspections.statuses.'.$deliveryInspection->status) }}</span>
                            </p>
                            <p><strong>{{ __('admin.delivery_inspections.fields.project_id') }}:</strong><br>{{ $deliveryInspection->project->project_name }}</p>
                            <p><strong>{{ app()->getLocale() === 'ar' ? 'العميل' : 'Client' }}:</strong><br>{{ $deliveryInspection->project->client->name ?? '—' }}</p>
                            <p><strong>{{ __('admin.delivery_inspections.fields.inspector_id') }}:</strong><br>{{ $deliveryInspection->inspector->name ?? '—' }}</p>
                            <p><strong>{{ __('admin.delivery_inspections.fields.created_at') }}:</strong><br>{{ $deliveryInspection->created_at->format('Y-m-d') }}</p>
                            @if($deliveryInspection->approved_at)
                            <p><strong>{{ __('admin.delivery_inspections.fields.approved_at') }}:</strong><br>{{ $deliveryInspection->approved_at->format('Y-m-d') }}</p>
                            <p><strong>{{ __('admin.delivery_inspections.fields.approved_by') }}:</strong><br>{{ $deliveryInspection->approver->name ?? '—' }}</p>
                            @endif

                            {{-- Progress Summary --}}
                            @php
                                $total = $deliveryInspection->itemResponses->count();
                                $passed = $deliveryInspection->itemResponses->where('status','passed')->count();
                                $failed = $deliveryInspection->itemResponses->where('status','failed')->count();
                                $pending = $deliveryInspection->itemResponses->where('status','pending')->count();
                                $revision = $deliveryInspection->itemResponses->where('status','revision_required')->count();
                                $pct = $total > 0 ? round(($passed/$total)*100) : 0;
                            @endphp
                            <hr>
                            <h6>{{ app()->getLocale() === 'ar' ? 'ملخص التقدم' : 'Progress Summary' }}</h6>
                            <div class="progress mb-2" style="height:12px">
                                <div class="progress-bar bg-success" style="width:{{ $pct }}%">{{ $pct }}%</div>
                            </div>
                            <div class="d-flex flex-wrap gap-2 mt-2">
                                <span class="badge bg-success">✓ {{ $passed }} {{ app()->getLocale() === 'ar' ? 'ناجح' : 'Passed' }}</span>
                                <span class="badge bg-danger">✗ {{ $failed }} {{ app()->getLocale() === 'ar' ? 'فاشل' : 'Failed' }}</span>
                                <span class="badge bg-warning text-dark">⚠ {{ $revision }} {{ app()->getLocale() === 'ar' ? 'مراجعة' : 'Revision' }}</span>
                                <span class="badge bg-secondary">○ {{ $pending }} {{ app()->getLocale() === 'ar' ? 'معلق' : 'Pending' }}</span>
                            </div>
                        </div>
                    </div>
                </div>

                {{-- Checklist Items --}}
                <div class="col-lg-8">
                    <div class="card">
                        <div class="card-header d-flex justify-content-between align-items-center">
                            <h6 class="mb-0">{{ app()->getLocale() === 'ar' ? 'قائمة التحقق' : 'Checklist Items' }}</h6>
                        </div>
                        <div class="card-body p-0">
                            @if($deliveryInspection->itemResponses->isEmpty())
                                <div class="text-center text-muted py-5">
                                    <i class="ti ti-clipboard-list" style="font-size:2rem"></i>
                                    <p class="mt-2">{{ app()->getLocale() === 'ar' ? 'لا توجد عناصر فحص.' : 'No checklist items.' }}</p>
                                    <a href="{{ route('admin.delivery_inspection_items.create', ['project_id' => $deliveryInspection->project_id]) }}" class="btn btn-primary btn-sm">
                                        {{ app()->getLocale() === 'ar' ? 'إضافة عناصر' : 'Add Items' }}
                                    </a>
                                </div>
                            @else
                                @foreach($deliveryInspection->itemResponses as $response)
                                @php
                                    $itemStatusColors = ['pending'=>'light','passed'=>'success','failed'=>'danger','revision_required'=>'warning'];
                                    $ic = $itemStatusColors[$response->status] ?? 'light';
                                @endphp
                                <div class="border-bottom p-3">
                                    <div class="d-flex justify-content-between align-items-start">
                                        <div class="flex-grow-1">
                                            <div class="d-flex align-items-center gap-2">
                                                <strong>{{ app()->getLocale() === 'ar' ? $response->item->title_ar : $response->item->title_en }}</strong>
                                                @if($response->item->is_critical)
                                                    <span class="badge bg-danger-subtle text-danger">{{ app()->getLocale() === 'ar' ? 'حرج' : 'Critical' }}</span>
                                                @endif
                                                <span class="badge bg-{{ $ic }} {{ $ic === 'light' ? 'text-dark' : '' }}">
                                                    {{ $response->status === 'passed' ? (app()->getLocale() === 'ar' ? 'ناجح' : 'Passed') :
                                                       ($response->status === 'failed' ? (app()->getLocale() === 'ar' ? 'فاشل' : 'Failed') :
                                                       ($response->status === 'revision_required' ? (app()->getLocale() === 'ar' ? 'يحتاج مراجعة' : 'Revision Required') :
                                                       (app()->getLocale() === 'ar' ? 'معلق' : 'Pending'))) }}
                                                </span>
                                            </div>
                                            @if($response->item->description_ar || $response->item->description_en)
                                            <small class="text-muted">{{ app()->getLocale() === 'ar' ? $response->item->description_ar : $response->item->description_en }}</small>
                                            @endif
                                            @if($response->comments_ar || $response->comments_en)
                                            <div class="mt-1 small text-info">
                                                <i class="ti ti-message-circle"></i> {{ app()->getLocale() === 'ar' ? $response->comments_ar : $response->comments_en }}
                                            </div>
                                            @endif
                                            @if($response->revision_notes_ar || $response->revision_notes_en)
                                            <div class="mt-1 small text-warning">
                                                <i class="ti ti-alert-triangle"></i> {{ app()->getLocale() === 'ar' ? $response->revision_notes_ar : $response->revision_notes_en }}
                                            </div>
                                            @endif
                                        </div>
                                        <div class="ms-3">
                                            <button class="btn btn-sm btn-outline-secondary" data-bs-toggle="collapse" data-bs-target="#review-{{ $response->id }}">
                                                {{ app()->getLocale() === 'ar' ? 'مراجعة' : 'Review' }}
                                            </button>
                                        </div>
                                    </div>

                                    {{-- Review Form --}}
                                    <div class="collapse mt-3" id="review-{{ $response->id }}">
                                        <form method="POST" action="{{ route('admin.delivery_inspection_responses.update', $response) }}" class="border rounded p-3 bg-light">
                                            @csrf @method('PATCH')
                                            <div class="row g-3">
                                                <div class="col-12">
                                                    <label class="form-label fw-bold">{{ app()->getLocale() === 'ar' ? 'النتيجة' : 'Result' }}</label>
                                                    <div class="d-flex gap-3">
                                                        <div class="form-check">
                                                            <input class="form-check-input" type="radio" name="status" value="passed" id="p{{ $response->id }}" @checked($response->status === 'passed')>
                                                            <label class="form-check-label text-success" for="p{{ $response->id }}">✓ {{ app()->getLocale() === 'ar' ? 'ناجح' : 'Passed' }}</label>
                                                        </div>
                                                        <div class="form-check">
                                                            <input class="form-check-input" type="radio" name="status" value="failed" id="f{{ $response->id }}" @checked($response->status === 'failed')>
                                                            <label class="form-check-label text-danger" for="f{{ $response->id }}">✗ {{ app()->getLocale() === 'ar' ? 'فاشل' : 'Failed' }}</label>
                                                        </div>
                                                        <div class="form-check">
                                                            <input class="form-check-input" type="radio" name="status" value="revision_required" id="r{{ $response->id }}" @checked($response->status === 'revision_required')>
                                                            <label class="form-check-label text-warning" for="r{{ $response->id }}">⚠ {{ app()->getLocale() === 'ar' ? 'يحتاج مراجعة' : 'Revision Required' }}</label>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-6">
                                                    <label class="form-label">{{ app()->getLocale() === 'ar' ? 'تعليق (عربي)' : 'Comments (Arabic)' }}</label>
                                                    <textarea name="comments_ar" class="form-control" rows="2">{{ $response->comments_ar }}</textarea>
                                                </div>
                                                <div class="col-md-6">
                                                    <label class="form-label">{{ app()->getLocale() === 'ar' ? 'تعليق (إنجليزي)' : 'Comments (English)' }}</label>
                                                    <textarea name="comments_en" class="form-control" rows="2">{{ $response->comments_en }}</textarea>
                                                </div>
                                                <div class="col-md-6">
                                                    <label class="form-label">{{ app()->getLocale() === 'ar' ? 'ملاحظات المراجعة (عربي)' : 'Revision Notes (Arabic)' }}</label>
                                                    <textarea name="revision_notes_ar" class="form-control" rows="2">{{ $response->revision_notes_ar }}</textarea>
                                                </div>
                                                <div class="col-md-6">
                                                    <label class="form-label">{{ app()->getLocale() === 'ar' ? 'ملاحظات المراجعة (إنجليزي)' : 'Revision Notes (English)' }}</label>
                                                    <textarea name="revision_notes_en" class="form-control" rows="2">{{ $response->revision_notes_en }}</textarea>
                                                </div>
                                                <div class="col-12">
                                                    <button type="submit" class="btn btn-primary btn-sm">{{ __('admin.actions.save') }}</button>
                                                </div>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                                @endforeach
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

{{-- Reject Modal --}}
<div class="modal fade" id="rejectModal" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">{{ __('admin.delivery_inspections.reject') }}</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <form method="POST" action="{{ route('admin.delivery_inspections.reject', $deliveryInspection) }}">
                @csrf
                <div class="modal-body">
                    <div class="mb-3">
                        <label class="form-label">{{ app()->getLocale() === 'ar' ? 'سبب الرفض (عربي)' : 'Rejection Reason (Arabic)' }}</label>
                        <textarea name="notes_ar" class="form-control" rows="3"></textarea>
                    </div>
                    <div class="mb-3">
                        <label class="form-label">{{ app()->getLocale() === 'ar' ? 'سبب الرفض (إنجليزي)' : 'Rejection Reason (English)' }}</label>
                        <textarea name="notes_en" class="form-control" rows="3"></textarea>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">{{ __('admin.actions.cancel') }}</button>
                    <button type="submit" class="btn btn-danger">{{ __('admin.delivery_inspections.reject') }}</button>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection