@extends('admin.layouts.master')

@section('title', $order->number)
@section('page_title', 'أمر تركيب: ' . $order->number)

@section('breadcrumbs')
    <li class="breadcrumb-item"><a href="{{ route('admin.installations.index') }}">أوامر التركيب</a></li>
    <li class="breadcrumb-item active">{{ $order->number }}</li>
@endsection

@section('content')
<div class="card">
    <div class="card-header">
        <h3 class="card-title">{{ $order->number }}
            <span class="badge badge-{{ $order->statusBadge() }} mx-2">{{ $order->status }}</span>
        </h3>
        <div class="card-tools">
            @can('installations.edit')
                @if($order->status === 'scheduled')
                    <form action="{{ route('admin.installations.start', $order) }}" method="POST" class="d-inline">@csrf
                        <button type="submit" class="btn btn-warning btn-sm"><i class="fas fa-play"></i> بدء التنفيذ</button>
                    </form>
                    <a href="{{ route('admin.installations.edit', $order) }}" class="btn btn-info btn-sm"><i class="fas fa-edit"></i> {{ __('admin.edit') }}</a>
                @endif
                @if($order->status === 'in_progress')
                    <a href="{{ route('admin.installations.complete-form', $order) }}" class="btn btn-success btn-sm">
                        <i class="fas fa-clipboard-check"></i> إنهاء وتسليم
                    </a>
                @endif
                @if(! in_array($order->status, ['completed', 'cancelled']))
                    <form action="{{ route('admin.installations.cancel', $order) }}" method="POST" class="d-inline">@csrf
                        <button type="submit" class="btn btn-danger btn-sm" onclick="return confirm('إلغاء التركيب؟')">
                            <i class="fas fa-ban"></i> إلغاء
                        </button>
                    </form>
                @endif
            @endcan
        </div>
    </div>
    <div class="card-body">
        <div class="row">
            <div class="col-md-6">
                <table class="table table-sm">
                    <tr><th width="35%">العميل</th>
                        <td><a href="{{ route('admin.customers.show', $order->customer) }}">{{ $order->customer?->name_ar }}</a></td></tr>
                    @if($order->customerAddress)
                        <tr><th>عنوان التركيب</th><td>{{ $order->customerAddress->address }}</td></tr>
                    @endif
                    @if($order->salesOrder)
                        <tr><th>أمر البيع</th><td><a href="{{ route('admin.sales-orders.show', $order->salesOrder) }}">{{ $order->salesOrder->number }}</a></td></tr>
                    @endif
                    <tr><th>الفريق</th><td>{{ $order->team?->name ?? '— غير معيّن —' }}</td></tr>
                    @if($order->team)
                        <tr><th>قائد الفريق</th><td>{{ $order->team->leader?->name ?? '—' }}</td></tr>
                        @if($order->team->members->isNotEmpty())
                            <tr><th>أعضاء الفريق</th><td>
                                @foreach($order->team->members as $m)
                                    <span class="badge badge-secondary">{{ $m->name }} ({{ $m->pivot->role }})</span>
                                @endforeach
                            </td></tr>
                        @endif
                    @endif
                </table>
            </div>
            <div class="col-md-6">
                <table class="table table-sm">
                    <tr><th width="35%">موعد التركيب</th><td><b>{{ $order->scheduled_at?->format('Y-m-d H:i') }}</b></td></tr>
                    <tr><th>المدة المتوقعة</th><td>{{ $order->estimated_duration_minutes }} دقيقة</td></tr>
                    @if($order->started_at)
                        <tr><th>بدأ في</th><td>{{ $order->started_at->format('Y-m-d H:i') }}</td></tr>
                    @endif
                    @if($order->completed_at)
                        <tr><th>اكتمل في</th><td>{{ $order->completed_at->format('Y-m-d H:i') }}</td></tr>
                    @endif
                    <tr><th>السائق</th><td>{{ $order->driver_name ?? '—' }}</td></tr>
                    <tr><th>السيارة</th><td>{{ $order->vehicle_plate ?? '—' }}</td></tr>
                    @if($order->customer_rating)
                        <tr><th>تقييم العميل</th><td>
                            <span class="text-warning" style="font-size:1.3em">
                                {{ str_repeat('★', $order->customer_rating) }}{{ str_repeat('☆', 5 - $order->customer_rating) }}
                            </span>
                        </td></tr>
                    @endif
                </table>
            </div>
        </div>

        @if($order->tools_required || $order->site_notes)
            <div class="row">
                @if($order->tools_required)
                    <div class="col-md-6"><div class="alert alert-info"><b>الأدوات المطلوبة:</b><br>{{ $order->tools_required }}</div></div>
                @endif
                @if($order->site_notes)
                    <div class="col-md-6"><div class="alert alert-warning"><b>ملاحظات الموقع:</b><br>{{ $order->site_notes }}</div></div>
                @endif
            </div>
        @endif

        <h5 class="mt-3">البنود</h5>
        <table class="table table-bordered table-sm">
            <thead class="bg-light">
                <tr>
                    <th>#</th><th>الوصف</th><th>الكمية المطلوبة</th><th>المركّب</th>
                    <th>الحالة</th><th>ملاحظات</th>
                </tr>
            </thead>
            <tbody>
                @foreach($order->items as $i => $item)
                    <tr>
                        <td>{{ $i + 1 }}</td>
                        <td>@if($item->product)<code>{{ $item->product->sku }}</code> @endif{{ $item->description }}</td>
                        <td>{{ number_format((float) $item->quantity, 2) }}</td>
                        <td>{{ number_format((float) ($item->installed_quantity ?? 0), 2) }}</td>
                        <td>
                            @if($item->is_completed)<span class="badge badge-success">مكتمل</span>@endif
                            @if($item->is_damaged)<span class="badge badge-danger">تالف</span>@endif
                            @if(!$item->is_completed && !$item->is_damaged)<span class="badge badge-secondary">—</span>@endif
                        </td>
                        <td>{{ $item->notes }}</td>
                    </tr>
                @endforeach
            </tbody>
        </table>

        @if($order->completion_notes || $order->customer_notes)
            <div class="row mt-3">
                @if($order->completion_notes)
                    <div class="col-md-6"><div class="alert alert-success"><b>ملاحظات الإنجاز:</b><br>{{ $order->completion_notes }}</div></div>
                @endif
                @if($order->customer_notes)
                    <div class="col-md-6"><div class="alert alert-info"><b>ملاحظات العميل:</b><br>{{ $order->customer_notes }}</div></div>
                @endif
            </div>
        @endif

        @if($order->customer_signature)
            <div class="mt-3">
                <h5>توقيع العميل</h5>
                <img src="{{ $order->customer_signature }}" alt="توقيع العميل" style="max-width:400px;border:1px solid #ddd;background:#fff">
            </div>
        @endif

        @php
            $beforeMedia = $order->getMedia('before');
            $afterMedia  = $order->getMedia('after');
        @endphp
        @if($beforeMedia->isNotEmpty() || $afterMedia->isNotEmpty())
            <div class="row mt-3">
                @if($beforeMedia->isNotEmpty())
                    <div class="col-md-6">
                        <h5>صور قبل التركيب</h5>
                        <div class="row">
                            @foreach($beforeMedia as $m)
                                <div class="col-4 mb-2"><a href="{{ $m->getFullUrl() }}" target="_blank">
                                    <img src="{{ $m->getFullUrl() }}" class="img-thumbnail" style="height:120px;object-fit:cover">
                                </a></div>
                            @endforeach
                        </div>
                    </div>
                @endif
                @if($afterMedia->isNotEmpty())
                    <div class="col-md-6">
                        <h5>صور بعد التركيب</h5>
                        <div class="row">
                            @foreach($afterMedia as $m)
                                <div class="col-4 mb-2"><a href="{{ $m->getFullUrl() }}" target="_blank">
                                    <img src="{{ $m->getFullUrl() }}" class="img-thumbnail" style="height:120px;object-fit:cover">
                                </a></div>
                            @endforeach
                        </div>
                    </div>
                @endif
            </div>
        @endif
    </div>
</div>
@endsection

@push('scripts')
@include('admin._partials.crud_scripts')
@endpush