@extends('layouts.admin')

@section('title', $inspection->title)

@section('content')
<div class="space-y-6">
    <div class="flex items-center justify-between">
        <div>
            <h1 class="text-2xl font-bold text-slate-900">{{ $inspection->title }}</h1>
            <p class="text-slate-600 mt-1">{{ $inspection->site->name }} • {{ $inspection->site->client->name }}</p>
        </div>
        <span class="px-3 py-1 rounded-full text-sm font-medium {{ $inspection->status === 'done' ? 'bg-emerald-100 text-emerald-800' : ($inspection->status === 'in_progress' ? 'bg-blue-100 text-blue-800' : 'bg-amber-100 text-amber-800') }}">
            {{ ucfirst(str_replace('_', ' ', $inspection->status)) }}
        </span>
    </div>
    
    @if($inspection->description)
        <div class="bg-white rounded-2xl border border-slate-200 shadow-sm p-6">
            <p class="text-slate-700">{{ $inspection->description }}</p>
        </div>
    @endif
    
    <!-- Photos -->
    <div class="bg-white rounded-2xl border border-slate-200 shadow-sm p-6">
        <h2 class="text-lg font-semibold text-slate-900 mb-4">Photos</h2>
        <div class="grid grid-cols-2 md:grid-cols-4 gap-4">
            @foreach($inspection->photos as $photo)
                <a href="{{ Storage::url($photo->path) }}" target="_blank" class="aspect-square rounded-lg overflow-hidden bg-slate-100">
                    <img src="{{ Storage::url($photo->path) }}" alt="{{ $photo->caption }}" class="w-full h-full object-cover">
                </a>
            @endforeach
        </div>
    </div>
    
    <!-- Notes -->
    <div class="bg-white rounded-2xl border border-slate-200 shadow-sm p-6">
        <h2 class="text-lg font-semibold text-slate-900 mb-4">Notes</h2>
        <div class="space-y-4">
            @foreach($inspection->notes as $note)
                <div class="border-l-4 border-emerald-600 pl-4 py-2">
                    <p class="text-slate-700">{{ $note->note }}</p>
                    <p class="text-sm text-slate-500 mt-1">{{ $note->user->name }} • {{ $note->created_at->format('M d, Y H:i') }}</p>
                </div>
            @endforeach
        </div>
    </div>
</div>
@endsection