@extends('highSuperAdmin.layout')
@section('title', 'Order ' . $order->order_number)
@section('page-name', 'Order ' . $order->order_number)
@section('page-detail', '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">
                <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">{{ ucfirst(str_replace('_', ' ', $order->status)) }}</dd>
                    <dt class="col-sm-3">Customer</dt>
                    <dd class="col-sm-9">{{ $order->customer_name }}</dd>
                    <dt class="col-sm-3">Phone</dt>
                    <dd class="col-sm-9">{{ $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">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">Public order link</dt>
                    <dd class="col-sm-9">
                        <input type="text" class="form-control form-control-sm" readonly value="{{ $order->public_order_url }}" onclick="this.select();" style="max-width: 400px;">
                    </dd>
                    <dt class="col-sm-3">Review link (embed)</dt>
                    <dd class="col-sm-9">
                        <input type="text" class="form-control form-control-sm" readonly value="{{ $order->public_review_url }}" onclick="this.select();" style="max-width: 400px;">
                        <small class="text-muted">Use this link for clients to leave a review for this order.</small>
                    </dd>
                </dl>
                <hr>
                <a href="{{ tenant_route_url('superadmin.orders.edit', ['id' => $order->id]) }}" class="btn btn-primary">Edit</a>
                <a href="{{ tenant_route_url('superadmin.orders.send-sms', ['id' => $order->id]) }}" class="btn btn-info text-white">Send SMS</a>
                <a href="{{ tenant_route_url('superadmin.orders.index') }}" class="btn btn-secondary">Back to list</a>
            </div>
        </div>
    </div>
</div>
@endsection