@extends('layouts.app')
@section('title', $order->number)
@section('content')
<div class="d-flex justify-content-between align-items-center mb-3 flex-wrap gap-2">
  <h5 class="fw-bold mb-0">{{ __('orders.order') }} {{ $order->number }}
    <span class="badge text-bg-{{ order_status_color($order->status) }}">{{ order_status_label($order->status) }}</span>
    @if($order->is_late)<span class="badge text-bg-danger">{{ __('orders.late') }}</span>@endif
  </h5>
</div>

<div class="row g-3">
  <div class="col-lg-7">
    <div class="card mb-3"><div class="card-body">
      <div class="row">
        <div class="col-6">
          <div class="py-1"><span class="text-secondary small d-block">{{ __('customers.customer') }}</span>
            <a href="{{ route('customers.show', $order->customer) }}" class="fw-semibold text-decoration-none">{{ $order->customer->name ?? '' }}</a></div>
          <div class="py-1"><span class="text-secondary small d-block">{{ __('app.branch') }}</span>{{ $order->branch->name ?? '' }}</div>
          <div class="py-1"><span class="text-secondary small d-block">{{ __('orders.lab_name') }}</span>{{ $order->lab_name ?? '—' }}</div>
        </div>
        <div class="col-6">
          <div class="py-1"><span class="text-secondary small d-block">{{ __('orders.expected_date') }}</span>{{ $order->expected_date?->format('Y-m-d') ?? '—' }}</div>
          <div class="py-1"><span class="text-secondary small d-block">{{ __('orders.delivered_at') }}</span>{{ $order->delivered_at?->format('Y-m-d H:i') ?? '—' }}</div>
          <div class="py-1"><span class="text-secondary small d-block">{{ __('app.user') }}</span>{{ $order->user->name ?? '' }}</div>
        </div>
      </div>
      @if($order->details)<hr><div class="small"><span class="text-secondary d-block">{{ __('orders.details') }}</span>{{ $order->details }}</div>@endif
      @if($order->notes)<div class="small mt-2"><span class="text-secondary d-block">{{ __('app.notes') }}</span>{{ $order->notes }}</div>@endif
    </div></div>

    @if($order->sale)
    <div class="card"><div class="card-body">
      <h6 class="fw-bold mb-2">{{ __('sales.invoice') }} <a href="{{ route('sales.show', $order->sale) }}" class="text-decoration-none">{{ $order->sale->number }}</a></h6>
      @foreach($order->sale->items as $item)
        <div class="d-flex justify-content-between border-bottom py-1 small">
          <span>{{ $item->description }} × {{ $item->quantity }}</span><span>{{ money($item->total) }}</span>
        </div>
      @endforeach
      <div class="d-flex justify-content-between fw-bold pt-2"><span>{{ __('app.total') }}</span><span>{{ money($order->sale->total) }}</span></div>
    </div></div>
    @endif
  </div>

  <div class="col-lg-5">
    @php $allowed = \App\Models\Order::FLOW[$order->status] ?? []; @endphp
    @if(count($allowed))
    <div class="card mb-3"><div class="card-body">
      <h6 class="fw-bold mb-2">{{ __('orders.change_status') }}</h6>
      <form method="POST" action="{{ route('orders.status', $order) }}" class="row g-2">@csrf
        <div class="col-12">
          <select name="status" class="form-select">
            @foreach($allowed as $status)<option value="{{ $status }}">{{ order_status_label($status) }}</option>@endforeach
          </select></div>
        <div class="col-12"><input name="notes" class="form-control form-control-sm" placeholder="{{ __('app.notes') }}"></div>
        <div class="col-12"><button class="btn btn-primary w-100">{{ __('app.save') }}</button></div>
      </form>
    </div></div>
    @endif

    <div class="card"><div class="card-body">
      <h6 class="fw-bold mb-3">{{ __('orders.timeline') }}</h6>
      <div class="timeline">
        @foreach($order->statusLogs->sortByDesc('created_at') as $log)
        <div class="timeline-item">
          <div class="fw-semibold small">
            @if($log->from_status){{ order_status_label($log->from_status) }} ← @endif
            {{ order_status_label($log->to_status) }}
          </div>
          <div class="text-secondary small">{{ $log->created_at?->format('Y-m-d H:i') }} — {{ $log->user->name ?? '' }}</div>
          @if($log->notes)<div class="small">{{ $log->notes }}</div>@endif
        </div>
        @endforeach
      </div>
    </div></div>
  </div>
</div>
@endsection