@extends('SuperAdmin.layout.layout')
@section('title', 'Order ' . $order->order_number)
@section('page-name', 'Order ' . $order->order_number)
@section('page-detail', 'Repair order details and links')
@section('body')
<div class="content-are-dashboard p-3">
    <div class="card rounded-3">
        <div class="card-body">
            <div class="border rounded-3 p-3">
                <div class="d-flex justify-content-between align-items-center flex-wrap mb-3 pb-1">
                    <a href="{{ tenant_route_url('superadmin.orders.index') }}" class="btn btn-secondary btn-sm"><i class="fas fa-arrow-left mr-1"></i> Back to list</a>
                </div>
                <dl class="row mb-0">
                    <dt class="col-sm-3">Order number</dt>
                    <dd class="col-sm-9">{{ $order->order_number ?? '—' }}</dd>
                    <dt class="col-sm-3">Status</dt>
                    <dd class="col-sm-9">{{ $order->status ? ucfirst(str_replace('_', ' ', $order->status)) : '—' }}</dd>
                    <dt class="col-sm-3">Customer</dt>
                    <dd class="col-sm-9">{{ $order->customer_name ?? $order->customer?->name ?? '—' }}</dd>
                    <dt class="col-sm-3">Phone</dt>
                    <dd class="col-sm-9">{{ $order->customer_phone ?? $order->customer?->phone ?? '—' }}</dd>
                    <dt class="col-sm-3">Email</dt>
                    <dd class="col-sm-9">{{ $order->customer_email ?: '—' }}</dd>
                    <dt class="col-sm-3">Vehicle make</dt>
                    <dd class="col-sm-9">{{ $order->vehicle_make ?: '—' }}</dd>
                    <dt class="col-sm-3">Vehicle model</dt>
                    <dd class="col-sm-9">{{ $order->vehicle_model ?: '—' }}</dd>
                    <dt class="col-sm-3">Year</dt>
                    <dd class="col-sm-9">{{ $order->vehicle_year ?: '—' }}</dd>
                    <dt class="col-sm-3">VIN</dt>
                    <dd class="col-sm-9">{{ $order->vehicle_vin ?: '—' }}</dd>
                    <dt class="col-sm-3">Serial number</dt>
                    <dd class="col-sm-9">{{ $order->serial_number ?: '—' }}</dd>
                    <dt class="col-sm-3">Color</dt>
                    <dd class="col-sm-9">{{ $order->vehicle_color ?: '—' }}</dd>
                    <dt class="col-sm-3">Mileage</dt>
                    <dd class="col-sm-9">{{ $order->vehicle_mileage ?: '—' }}</dd>
                    <dt class="col-sm-3">Items requested</dt>
                    <dd class="col-sm-9">{{ $order->order_items ?: '—' }}</dd>
                    <dt class="col-sm-3">Vehicle notes</dt>
                    <dd class="col-sm-9">{{ $order->vehicle_notes ?: '—' }}</dd>
                    <dt class="col-sm-3">Review link (embed)</dt>
                    <dd class="col-sm-9">
                        @if($order->review_token)
                            <input type="text" class="form-control form-control-sm" readonly value="{{ $order->public_review_url }}" onclick="this.select();" style="max-width: 400px;">
                        @else
                            —
                        @endif
                    </dd>
                </dl>
                @if($order->review)
                    <hr>
                    <h6 class="mb-2">Customer review</h6>
                    <dl class="row mb-0">
                        <dt class="col-sm-3">Rating</dt>
                        <dd class="col-sm-9">{{ $order->review->rating }}/5 @for($i=0;$i<$order->review->rating;$i++)<i class="fas fa-star text-warning"></i>@endfor</dd>
                        <dt class="col-sm-3">Feedback</dt>
                        <dd class="col-sm-9">{{ $order->review->feedback ?: '—' }}</dd>
                        <dt class="col-sm-3">Submitted</dt>
                        <dd class="col-sm-9">{{ tenant_datetime($order->review->created_at, 'M j, Y g:i A') }}</dd>
                        @if($order->review->media_paths && count($order->review->media_paths) > 0)
                            <dt class="col-sm-3">Attachments</dt>
                            <dd class="col-sm-9">
                                @foreach($order->review->media_paths as $path)
                                    @php
                                        $rawPath = is_string($path) ? $path : '';
                                        $filename = \Illuminate\Support\Str::contains($rawPath, '/') ? \Illuminate\Support\Str::afterLast($rawPath, '/') : $rawPath;
                                        $filename = trim(preg_replace('/\?.*/', '', $filename));
                                        $mediaUrl = tenant_route_url('superadmin.orders.review-media', ['id' => $order->id, 'filename' => $filename]);
                                    @endphp
                                    @if(\Illuminate\Support\Str::endsWith(strtolower($rawPath), ['.mp4','.mov','.webm']))
                                        <a href="{{ $mediaUrl }}" target="_blank" rel="noopener" class="d-inline-block mr-2 mb-1">Video</a>
                                    @else
                                        <a href="{{ $mediaUrl }}" target="_blank" rel="noopener" class="d-inline-block mr-2 mb-1"><img src="{{ $mediaUrl }}" alt="Review attachment" class="img-thumbnail" style="max-height: 80px; display: block;" loading="lazy"></a>
                                    @endif
                                @endforeach
                            </dd>
                        @endif
                    </dl>
                @endif
                <hr class="my-3">
                <div class="d-flex flex-wrap align-items-center" style="gap: 0.5rem;">
                    <a href="{{ tenant_route_url('superadmin.orders.edit', ['id' => $order->id]) }}" class="btn btn-primary btn-same">Edit</a>
                    <a href="{{ tenant_route_url('superadmin.orders.send-sms', ['id' => $order->id]) }}" class="btn btn-info text-white btn-same">Send SMS</a>
                </div>
            </div>
        </div>
    </div>
</div>
<style>
.btn-same { min-height: 38px; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; vertical-align: middle; }
</style>
@endsection