@extends('layouts.app')

@section('title', 'Detalhes do Funcionário - ' . $funcionario->full_name)

@section('content')
<div class="sinagem-main">
    <div class="s-card">
        <div class="s-card-header">
            <h4 class="s-card-title">
                <i class="fas fa-user-circle"></i>
                Detalhes do Funcionário: {{ $funcionario->full_name }}
            </h4>
            <div class="d-flex gap-2">
                @if($funcionario->status !== 'terminated')
                    <a href="{{ route('mercado.funcionarios.edit', $funcionario) }}" class="btn btn-outline-secondary btn-sm">
                        <i class="fas fa-edit"></i>
                        Editar
                    </a>
                @endif
                
                @if($funcionario->status === 'active')
                    <form action="{{ route('mercado.funcionarios.terminate', $funcionario) }}" method="POST" class="d-inline"
                          onsubmit="return confirm('Tem certeza que deseja desligar este funcionário?')">
                        @csrf
                        <button type="submit" class="btn btn-outline-danger btn-sm">
                            <i class="fas fa-user-times"></i>
                            Desligar
                        </button>
                    </form>
                @endif

                @if($funcionario->status === 'terminated')
                    <form action="{{ route('mercado.funcionarios.reactivate', $funcionario) }}" method="POST" class="d-inline"
                          onsubmit="return confirm('Tem certeza que deseja reativar este funcionário?')">
                        @csrf
                        <button type="submit" class="btn btn-outline-success btn-sm">
                            <i class="fas fa-user-check"></i>
                            Reativar
                        </button>
                    </form>
                @endif

                <a href="{{ route('mercado.funcionarios.index') }}" class="btn btn-outline-primary btn-sm">
                    <i class="fas fa-arrow-left"></i>
                    Voltar
                </a>
            </div>
        </div>

        <div class="s-card-body">
            <div class="row">
                <div class="col-md-4">
                    <!-- Foto -->
                    <div class="info-section">
                        <h5 class="info-section-title">
                            <i class="fas fa-camera"></i>
                            Foto
                        </h5>
                        @if($funcionario->photo_url)
                            <div class="text-center">
                                <img src="{{ $funcionario->photo_url }}" alt="Foto do Funcionário" class="employee-photo">
                            </div>
                        @else
                            <div class="empty-state">
                                <i class="fas fa-user-circle fa-4x text-muted mb-3"></i>
                                <p class="text-muted">Sem foto cadastrada</p>
                            </div>
                        @endif
                    </div>

                    <!-- Status -->
                    <div class="info-section">
                        <h5 class="info-section-title">
                            <i class="fas fa-chart-line"></i>
                            Status
                        </h5>
                        <table class="info-table">
                            <tr>
                                <th>Status Atual</th>
                                <td>
                                    @php
                                        $statusClasses = [
                                            'active' => 'badge-success',
                                            'inactive' => 'badge-danger',
                                            'suspended' => 'badge-warning',
                                            'terminated' => 'badge-danger',
                                        ];
                                        $statusTexts = [
                                            'active' => 'Ativo',
                                            'inactive' => 'Inativo',
                                            'suspended' => 'Suspenso',
                                            'terminated' => 'Desligado',
                                        ];
                                        $statusIcons = [
                                            'active' => 'fa-check-circle',
                                            'inactive' => 'fa-times-circle',
                                            'suspended' => 'fa-ban',
                                            'terminated' => 'fa-user-slash',
                                        ];
                                    @endphp
                                    <span class="badge {{ $statusClasses[$funcionario->status] ?? 'badge-neutral' }}">
                                        <i class="fas {{ $statusIcons[$funcionario->status] ?? 'fa-question-circle' }}"></i>
                                        {{ $statusTexts[$funcionario->status] ?? ucfirst($funcionario->status) }}
                                    </span>
                                </td>
                            </tr>
                            <tr>
                                <th>Tempo de Serviço</th>
                                <td>
                                    @php
                                        $serviceMonths = $funcionario->service_time ?? 0;
                                        $years = floor($serviceMonths / 12);
                                        $months = $serviceMonths % 12;
                                        $parts = [];
                                        if ($years > 0) $parts[] = $years . ' ano' . ($years > 1 ? 's' : '');
                                        if ($months > 0) $parts[] = $months . ' mês' . ($months > 1 ? 'es' : '');
                                        echo !empty($parts) ? implode(' e ', $parts) : 'Menos de 1 mês';
                                    @endphp
                                </td>
                            </tr>
                            <tr>
                                <th>Cadastrado em</th>
                                <td>{{ $funcionario->created_at ? $funcionario->created_at->format('d/m/Y H:i') : '-' }}</td>
                            </tr>
                            <tr>
                                <th>Última atualização</th>
                                <td>{{ $funcionario->updated_at ? $funcionario->updated_at->format('d/m/Y H:i') : '-' }}</td>
                            </tr>
                        </table>
                    </div>
                </div>

                <div class="col-md-8">
                    <!-- Informações Pessoais -->
                    <div class="info-section">
                        <h5 class="info-section-title">
                            <i class="fas fa-user"></i>
                            Informações Pessoais
                        </h5>
                        <table class="info-table">
                            <tr>
                                <th>Nome Completo</th>
                                <td><strong>{{ $funcionario->full_name }}</strong></td>
                            </tr>
                            <tr>
                                <th>Estabelecimento</th>
                                <td>
                                    <a href="{{ route('mercado.estabelecimentos.show', $funcionario->establishment) }}" class="text-decoration-none">
                                        {{ $funcionario->establishment->name ?? '-' }}
                                    </a>
                                </td>
                            </tr>
                            <tr>
                                <th>Tipo de Identidade</th>
                                <td>{{ $funcionario->identity_type }}</td>
                            </tr>
                            <tr>
                                <th>Número de Identidade</th>
                                <td>{{ $funcionario->identity_number }}</td>
                            </tr>
                            <tr>
                                <th>Data de Nascimento</th>
                                <td>{{ $funcionario->birth_date ? $funcionario->birth_date->format('d/m/Y') : '-' }}</td>
                            </tr>
                        </table>
                    </div>

                    <!-- Contato -->
                    <div class="info-section">
                        <h5 class="info-section-title">
                            <i class="fas fa-address-card"></i>
                            Contato
                        </h5>
                        <table class="info-table">
                            <tr>
                                <th>Telefone</th>
                                <td>{{ $funcionario->phone }}</td>
                            </tr>
                            <tr>
                                <th>Telefone Alternativo</th>
                                <td>{{ $funcionario->alternate_phone ?? '-' }}</td>
                            </tr>
                            <tr>
                                <th>Email</th>
                                <td>{{ $funcionario->email ?? '-' }}</td>
                            </tr>
                            <tr>
                                <th>Endereço</th>
                                <td>{{ $funcionario->address ?? '-' }}</td>
                            </tr>
                        </table>
                    </div>

                    <!-- Dados Profissionais -->
                    <div class="info-section">
                        <h5 class="info-section-title">
                            <i class="fas fa-briefcase"></i>
                            Dados Profissionais
                        </h5>
                        <table class="info-table">
                            <tr>
                                <th>Cargo</th>
                                <td><strong>{{ $funcionario->position }}</strong></td>
                            </tr>
                            <tr>
                                <th>Tipo de Funcionário</th>
                                <td>
                                    @php
                                        $employeeTypeTexts = [
                                            'manager' => 'Gerente',
                                            'supervisor' => 'Supervisor',
                                            'seller' => 'Vendedor',
                                            'cashier' => 'Caixa',
                                            'assistant' => 'Auxiliar',
                                            'other' => 'Outro',
                                        ];
                                    @endphp
                                    {{ $employeeTypeTexts[$funcionario->employee_type] ?? $funcionario->employee_type }}
                                </td>
                            </tr>
                            <tr>
                                <th>Salário Base</th>
                                <td>
                                    <strong class="text-success">
                                        KZ {{ $funcionario->salary ? number_format($funcionario->salary, 2, ',', '.') : '-' }}
                                    </strong>
                                </td>
                            </tr>
                            <tr>
                                <th>Data de Contratação</th>
                                <td>{{ $funcionario->hire_date ? $funcionario->hire_date->format('d/m/Y') : '-' }}</td>
                            </tr>
                            @if($funcionario->termination_date)
                            <tr>
                                <th>Data de Desligamento</th>
                                <td>{{ $funcionario->termination_date ? $funcionario->termination_date->format('d/m/Y') : '-' }}</td>
                            </tr>
                            @endif
                            <tr>
                                <th>Usuário</th>
                                <td>{{ $funcionario->user->name ?? '-' }}</td>
                            </tr>
                        </table>
                    </div>

                    <!-- Benefícios -->
                    <div class="info-section">
                        <h5 class="info-section-title">
                            <i class="fas fa-gift"></i>
                            Benefícios
                        </h5>
                        @php
                            $benefits = $funcionario->formatted_benefits ?? [];
                        @endphp
                        <table class="info-table">
                            <tr>
                                <th>INSS</th>
                                <td>{{ isset($benefits['inss']) ? $benefits['inss'] . '%' : '-' }}</td>
                            </tr>
                            <tr>
                                <th>IRT</th>
                                <td>{{ isset($benefits['irt']) ? $benefits['irt'] . '%' : '-' }}</td>
                            </tr>
                            <tr>
                                <th>Bônus</th>
                                <td>
                                    @if(isset($benefits['bonus']) && $benefits['bonus'] > 0)
                                        KZ {{ number_format($benefits['bonus'], 2, ',', '.') }}
                                    @else
                                        -
                                    @endif
                                </td>
                            </tr>
                            <tr>
                                <th>Seguro Saúde</th>
                                <td>
                                    <span class="badge {{ ($benefits['health_insurance'] ?? false) ? 'badge-success' : 'badge-neutral' }}">
                                        {{ ($benefits['health_insurance'] ?? false) ? 'Sim' : 'Não' }}
                                    </span>
                                </td>
                            </tr>
                            <tr>
                                <th>Vale Refeição</th>
                                <td>
                                    <span class="badge {{ ($benefits['meal_voucher'] ?? false) ? 'badge-success' : 'badge-neutral' }}">
                                        {{ ($benefits['meal_voucher'] ?? false) ? 'Sim' : 'Não' }}
                                    </span>
                                </td>
                            </tr>
                            <tr>
                                <th>Vale Transporte</th>
                                <td>
                                    <span class="badge {{ ($benefits['transport_voucher'] ?? false) ? 'badge-success' : 'badge-neutral' }}">
                                        {{ ($benefits['transport_voucher'] ?? false) ? 'Sim' : 'Não' }}
                                    </span>
                                </td>
                            </tr>
                        </table>
                    </div>

                    <!-- Contato de Emergência -->
                    @if($funcionario->emergency_contact_name || $funcionario->emergency_contact_phone)
                    <div class="info-section">
                        <h5 class="info-section-title">
                            <i class="fas fa-phone-alt"></i>
                            Contato de Emergência
                        </h5>
                        <table class="info-table">
                            <tr>
                                <th>Nome</th>
                                <td>{{ $funcionario->emergency_contact_name ?? '-' }}</td>
                            </tr>
                            <tr>
                                <th>Telefone</th>
                                <td>{{ $funcionario->emergency_contact_phone ?? '-' }}</td>
                            </tr>
                        </table>
                    </div>
                    @endif

                    <!-- Metadados -->
                    @if($funcionario->metadata)
                    <div class="info-section">
                        <h5 class="info-section-title">
                            <i class="fas fa-database"></i>
                            Metadados
                        </h5>
                        <pre class="metadata-pre">{{ json_encode($funcionario->metadata, JSON_PRETTY_PRINT | JSON_UNESCAPED_UNICODE) }}</pre>
                    </div>
                    @endif
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@push('styles')
<style>
    .employee-photo {
        max-width: 100%;
        max-height: 300px;
        border-radius: 12px;
        box-shadow: 0 2px 8px rgba(0,0,0,0.1);
        margin: 0 auto;
        display: block;
    }

    .info-section {
        margin-bottom: 1.5rem;
        background: #f8f9fa;
        border-radius: 8px;
        padding: 1rem;
    }

    .info-section-title {
        font-size: 0.9rem;
        font-weight: 600;
        color: #1a1a2e;
        margin-bottom: 1rem;
        padding-bottom: 0.5rem;
        border-bottom: 2px solid #e03030;
        display: inline-block;
    }

    .info-section-title i {
        color: #e03030;
        margin-right: 0.5rem;
    }

    .info-table {
        width: 100%;
        border-collapse: collapse;
    }

    .info-table tr {
        border-bottom: 1px solid #f1f5f9;
    }

    .info-table tr:last-child {
        border-bottom: none;
    }

    .info-table th {
        width: 35%;
        padding: 0.5rem 0.5rem 0.5rem 0;
        font-size: 0.8rem;
        font-weight: 600;
        color: #6b7280;
        text-align: left;
    }

    .info-table td {
        padding: 0.5rem 0;
        font-size: 0.85rem;
        color: #1a1a2e;
    }

    .empty-state {
        text-align: center;
        padding: 1.5rem;
        background: #f8f9fa;
        border-radius: 10px;
    }

    .empty-state i {
        display: block;
        margin-bottom: 0.5rem;
    }

    .metadata-pre {
        background: #e9ecef;
        padding: 1rem;
        border-radius: 6px;
        font-size: 0.7rem;
        overflow-x: auto;
        color: #6b7280;
        margin: 0;
        max-height: 200px;
    }

    .badge {
        padding: 0.4rem 0.8rem;
        font-size: 0.75rem;
        font-weight: 500;
        border-radius: 20px;
        display: inline-flex;
        align-items: center;
        gap: 0.3rem;
    }

    .badge-success {
        background-color: #d4edda;
        color: #155724;
    }

    .badge-danger {
        background-color: #f8d7da;
        color: #721c24;
    }

    .badge-warning {
        background-color: #fff3cd;
        color: #856404;
    }

    .badge-info {
        background-color: #cce5ff;
        color: #004085;
    }

    .badge-neutral {
        background-color: #e2e3e5;
        color: #383d41;
    }

    .text-success {
        color: #28a745 !important;
    }

    @media (max-width: 768px) {
        .s-card-header {
            flex-direction: column;
            align-items: stretch;
            gap: 0.5rem;
        }

        .s-card-header .d-flex {
            flex-wrap: wrap;
        }

        .s-card-header .d-flex .btn {
            flex: 1;
            min-width: 80px;
        }

        .info-table th,
        .info-table td {
            display: block;
            width: 100%;
            padding: 0.25rem 0;
        }

        .info-table th {
            padding-top: 0.5rem;
        }

        .info-table td {
            padding-bottom: 0.5rem;
        }

        .employee-photo {
            max-height: 200px;
        }
    }
</style>
@endpush