@extends('layouts.admin')
@section('title', 'Trial #' . $trial->id)
@section('page-title', 'Trial #' . $trial->id)
@section('content')
<div class="space-y-4 max-w-2xl">
    <div class="rounded-xl border border-slate-200 bg-white p-6 shadow-sm">
        <dl class="grid grid-cols-1 gap-3 sm:grid-cols-2">
            <div><dt class="text-xs font-medium text-slate-500">Order</dt><dd class="mt-0.5"><a href="{{ route('orders.show', $trial->order) }}" class="font-mono text-slate-800">{{ $trial->order->order_number }}</a></dd></div>
            <div><dt class="text-xs font-medium text-slate-500">Customer</dt><dd class="mt-0.5">{{ $trial->order->customer->full_name ?? '-' }}</dd></div>
            <div><dt class="text-xs font-medium text-slate-500">Trial date</dt><dd class="mt-0.5">{{ $trial->trial_date ? $trial->trial_date->format('d M Y') : '-' }}</dd></div>
            <div><dt class="text-xs font-medium text-slate-500">Status</dt><dd class="mt-0.5"><span class="rounded-full bg-slate-100 px-2 py-0.5 text-xs">{{ $trial->status }}</span></dd></div>
            <div><dt class="text-xs font-medium text-slate-500">Conducted by</dt><dd class="mt-0.5">{{ $trial->conductedByUser->name ?? '-' }}</dd></div>
            <div><dt class="text-xs font-medium text-slate-500">Alteration required</dt><dd class="mt-0.5">{{ $trial->alteration_required ? 'Yes' : 'No' }}</dd></div>
            <div><dt class="text-xs font-medium text-slate-500">Next action</dt><dd class="mt-0.5">{{ $trial->next_action ?? '-' }}</dd></div>
        </dl>
        @if($trial->feedback)<div class="mt-4"><dt class="text-xs font-medium text-slate-500">Feedback</dt><dd class="mt-1 text-sm text-slate-700">{{ $trial->feedback }}</dd></div>@endif
        @if($trial->remarks)<div class="mt-2"><dt class="text-xs font-medium text-slate-500">Remarks</dt><dd class="mt-1 text-sm text-slate-700">{{ $trial->remarks }}</dd></div>@endif
    </div>
    <div class="flex gap-3">
        @can('edit trials')<a href="{{ route('trials.edit', $trial) }}" class="rounded-lg bg-slate-800 px-4 py-2 text-sm font-medium text-white hover:bg-slate-700">Edit</a>@endcan
        <a href="{{ route('orders.show', $trial->order) }}" class="rounded-lg border border-slate-300 px-4 py-2 text-sm font-medium text-slate-700">View Order</a>
        <a href="{{ route('trials.index') }}" class="rounded-lg border border-slate-300 px-4 py-2 text-sm font-medium text-slate-700">Back to Trials</a>
    </div>
</div>
@endsection