---

@extends('app')

@section('title', 'Список заказ-нарядов')

@section('content')
    <div class="d-flex justify-content-between align-items-center mb-3">
        <h1>Заказ-наряды</h1>
        <a href="{{ route('orders.create') }}" class="btn btn-success">+ Создать заказ-наряд</a>
    </div>

    @if($orders->isEmpty())
        <div class="alert alert-info">Активных заказ-нарядов в системе пока нет.</div>
    @else
        <div class="row">
            @foreach($orders as $order)
                <div class="col-md-4 mb-4">
                    <div class="card h-100 shadow-sm">
                        <div class="card-body">
                            <h5 class="card-title">Заказ № {{ $order->id }}</h5>
                            <p class="card-text">
                                <strong>Автомобиль:</strong> 
                                {{ $order->car ? $order->car->brand . ' ' . $order->car->model : 'Не указан' }} 
                                <span class="text-muted">({{ $order->car ? $order->car->license_plate : '' }})</span><br>
                                
                                <strong>Клиент:</strong> 
                                {{ $order->client ? $order->client->last_name . ' ' . $order->client->first_name : 'Неизвестно' }}<br>
                                
                                <strong>Принял мастер-админ:</strong> 
                                {{ $order->admin ? $order->admin->last_name : 'Не назначен' }}<br>
                                
                                <strong>Статус ремонта:</strong> 
                                <span class="badge bg-primary">
                                    {{ $order->status ? $order->status->name : 'Новый' }}
                                </span>
                            </p>
                        </div>
                        <div class="card-footer bg-transparent border-top-0">
                            <a href="{{ route('orders.show', $order->id) }}" class="btn btn-sm btn-outline-primary w-100">
                                Детали заказ-наряда
                            </a>
                        </div>
                    </div>
                </div>
            @endforeach
        </div>
    @endif
@endsection