@extends('layouts.app')

@section('content')
<div class="mx-auto max-w-4xl">
    <h1 class="text-2xl font-bold mb-6">Detalhes do Contrato #{{ $contrato->numero_contrato }}</h1>

    <div class="bg-white shadow rounded p-6">
        <dl class="grid grid-cols-1 md:grid-cols-2 gap-4">
            <div><dt class="font-medium">Cliente</dt><dd>{{ $contrato->cliente->nome_fantasia ?? $contrato->cliente->razao_social }}</dd></div>
            <div><dt class="font-medium">Tipo</dt><dd>{{ $contrato->tipo->nome ?? '-' }}</dd></div>
            <div><dt class="font-medium">Data Início</dt><dd>{{ $contrato->data_inicio->format('d/m/Y') }}</dd></div>
            <div><dt class="font-medium">Data Fim</dt><dd>{{ $contrato->data_fim?->format('d/m/Y') ?? '-' }}</dd></div>
            <div><dt class="font-medium">Valor</dt><dd>R$ {{ number_format($contrato->valor, 2, ',', '.') }}</dd></div>
            <div><dt class="font-medium">Status</dt><dd>{{ ucfirst($contrato->status) }}</dd></div>
        </dl>

        <div class="mt-4">
            <h2 class="text-lg font-semibold mb-2">Descrição</h2>
            <p>{{ $contrato->descricao ?? '---' }}</p>
        </div>

        <div class="mt-4">
            <h2 class="text-lg font-semibold mb-2">Itens do Contrato</h2>
            <div class="overflow-x-auto">
                <table class="w-full text-left">
                    <thead class="bg-gray-100">
                        <tr>
                            <th class="p-2">Descrição</th>
                            <th class="p-2">Quantidade</th>
                            <th class="p-2">Valor Unitário</th>
                            <th class="p-2">Periodicidade (dias)</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($contrato->itens as $item)
                            <tr class="border-t">
                                <td class="p-2">{{ $item->descricao }}</td>
                                <td class="p-2">{{ $item->quantidade }}</td>
                                <td class="p-2">R$ {{ number_format($item->valor_unitario, 2, ',', '.') }}</td>
                                <td class="p-2">{{ $item->periodicidade_dias ?? '-' }}</td>
                            </tr>
                        @empty
                            <tr><td colspan="4" class="p-2">Nenhum item cadastrado.</td></tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
@endsection