@extends('layouts.empresas')

@section('title', 'Detalhes do Afastamento')

@section('content')
<div class="max-w-3xl mx-auto px-4 sm:px-6 lg:px-8">
    <div class="flex items-center justify-between mt-2">
        <div>
            <h1 class="text-2xl font-semibold tracking-tight text-gray-900">Detalhes do Afastamento</h1>
            <p class="text-sm text-gray-500">Empregado: {{ $employee->full_name }}</p>
        </div>
        <a href="{{ route('empresa.empregados.afastamentos.index', $employee) }}" class="inline-flex items-center gap-2 text-sm px-4 py-2 rounded-lg border border-gray-200 text-gray-700 hover:bg-gray-50">Voltar</a>
    </div>

    @if(session('success'))
        <div class="mt-4 rounded-lg border border-green-200 bg-green-50 text-green-800 px-4 py-3">{{ session('success') }}</div>
    @endif

    <div class="mt-6 bg-white border border-gray-200 rounded-xl p-6 shadow-sm space-y-4">
        <div class="flex items-center justify-between">
            <h2 class="text-base font-semibold text-gray-900">Dados do atestado</h2>
            <div class="flex gap-2">
                <a href="{{ route('empresa.empregados.afastamentos.download', [$employee, $afastamento]) }}" class="inline-flex items-center gap-2 text-sm px-4 py-2 rounded-lg border border-purple-200 text-purple-700 hover:bg-purple-50">Baixar</a>
                <a href="{{ route('empresa.empregados.afastamentos.edit', [$employee, $afastamento]) }}" class="inline-flex items-center gap-2 text-sm px-4 py-2 rounded-lg border border-blue-200 text-blue-700 hover:bg-blue-50">Editar</a>
            </div>
        </div>

        <dl class="grid grid-cols-1 sm:grid-cols-2 gap-4 text-sm">
            <div>
                <dt class="text-gray-500">CRM do médico</dt>
                <dd class="font-medium text-gray-900">{{ $afastamento->medico_crm ?? '-' }}</dd>
            </div>
            <div>
                <dt class="text-gray-500">Data do atestado</dt>
                <dd class="font-medium text-gray-900">{{ optional($afastamento->data_atestado)->format('d/m/Y') ?? '-' }}</dd>
            </div>
            <div>
                <dt class="text-gray-500">Número de dias</dt>
                <dd class="font-medium text-gray-900">{{ $afastamento->dias ?? '-' }}</dd>
            </div>
            <div>
                <dt class="text-gray-500">CID-10</dt>
                <dd class="font-medium text-gray-900">{{ $afastamento->cid10 ?? '-' }}</dd>
            </div>
            <div class="sm:col-span-2">
                <dt class="text-gray-500">Observações</dt>
                <dd class="font-medium text-gray-900">{{ $afastamento->observacoes ?: '-' }}</dd>
            </div>
            <div class="sm:col-span-2">
                <dt class="text-gray-500">Arquivo</dt>
                <dd class="font-medium text-gray-900">{{ $afastamento->arquivo_nome ?? 'Sem nome' }}</dd>
            </div>
        </dl>
    </div>
</div>
@endsection