@php
$title = __('services.view_title');
$categoriaServicoSelecionada = optional(optional($servico->tipoServico)->categoriaServico)->id;
$moedaSelecionada = $servico->moeda_exibicao ?? $servico->moeda ?? 'BRL';
$somenteVisualizacao = in_array(strtoupper((string) $moedaSelecionada), ['USD', 'EUR'], true);
@endphp

<div class="container-fluid pt-1" style="margin-top: -32px;">
    <nav aria-label="breadcrumb" class="mb-2" style="margin-top: -18px;">
        <ol class="breadcrumb bg-transparent px-0 py-1 mb-1" style="font-size: 0.98rem;">
            <li class="breadcrumb-item"><a href="/" class="text-decoration-none text-secondary">{{ __('services.breadcrumb_home') }}</a></li>
            <li class="breadcrumb-item"><a href="#" onclick="voltarParaListagemFiltrada('servicos', `{{ route('cadastro.servicos') }}?moeda={{ urlencode($moedaSelecionada) }}`)" class="text-decoration-none text-secondary">{{ __('services.breadcrumb_services') }}</a></li>
            <li class="breadcrumb-item active text-dark" aria-current="page">{{ __('services.view_title') }}</li>
        </ol>
    </nav>
    <div class="d-flex justify-content-between align-items-center mb-4">
        <div>
            <h1 class="fw-bold mb-0" style="font-size:2.1rem; letter-spacing:1px;">
                <i class="bi bi-eye me-2 text-primary"></i>{{ __('services.label_details') }}
            </h1>
            <span class="text-muted small">{{ __('services.label_service_details') }}</span>
        </div>
        <div>
            <button type="button" class="btn btn-sm btn-outline-secondary me-2" onclick="voltarParaListagemFiltrada('servicos', `{{ route('cadastro.servicos') }}?moeda={{ urlencode($moedaSelecionada) }}`)">
                <i class="bi bi-arrow-left me-2"></i>{{ __('services.button_back') }}
            </button>
            @if(!$somenteVisualizacao)
            <button type="button" class="btn btn-sm btn-outline-danger me-2" onclick="excluir(`{{ route('servicos.destroy', ['id' => $servico->id]) }}`)">
                <i class="bi bi-trash me-2"></i>{{ __('services.button_delete') }}
            </button>
            <button type="button" class="btn btn-sm btn-primary" onclick="carregarConteudo(`{{ route('cadastro.servicos.editar', ['id' => $servico->id]) }}?moeda={{ urlencode($moedaSelecionada) }}`)">
                <i class="bi bi-pencil-square me-2"></i>{{ __('services.button_edit') }}
            </button>
            @endif
        </div>
    </div>

    <div class="card shadow border-0 mb-4">
        <div class="card-header bg-white border-0 pb-1">
            <span class="fw-bold">{{ __('services.label_service_details') }}</span>
        </div>
        <div class="card-body">

            <div class="row g-3 mb-4">
                <div class="col-md-7">
                    <fieldset class="h-100 border rounded-3 px-3 px-md-4 pb-3 pt-2 bg-light-subtle" style="border-color: #d7e3f4 !important;">
                        <legend class="float-none w-auto px-2 mb-2 fs-6 fw-semibold text-primary">{{ __('services.label_service_category') }}</legend>
                        <div class="d-flex flex-wrap gap-3">
                            @foreach(optional($servico->tipoServico)->categoriaServico ? [$servico->tipoServico->categoriaServico] : [] as $categoria)
                            @php
                                $labelCategoria = $categoria->nome;
                                $categoriaTraduzida = __('services.service_categories_by_id.' . $categoria->id);
                                if ($categoriaTraduzida !== 'services.service_categories_by_id.' . $categoria->id) {
                                    $labelCategoria = $categoriaTraduzida;
                                }
                            @endphp
                            <div class="form-check form-check-inline mb-0">
                                <input class="form-check-input" type="radio" disabled checked>
                                <label class="form-check-label">{{ $labelCategoria }}</label>
                            </div>
                            @endforeach
                        </div>
                    </fieldset>
                </div>
                <div class="col-md-5">
                    <fieldset class="h-100 border rounded-3 px-3 px-md-4 pb-3 pt-2 bg-light-subtle" style="border-color: #d7e3f4 !important;">
                        <legend class="float-none w-auto px-2 mb-2 fs-6 fw-semibold text-primary">{{ __('services.label_currency') }}</legend>
                        <div class="d-flex flex-wrap gap-3">
                            @foreach(['BRL', 'USD', 'EUR'] as $codigoMoeda)
                            <div class="form-check form-check-inline mb-0">
                                <input class="form-check-input" type="radio" disabled {{ $moedaSelecionada === $codigoMoeda ? 'checked' : '' }}>
                                <label class="form-check-label">{{ $codigoMoeda }}</label>
                            </div>
                            @endforeach
                        </div>
                    </fieldset>
                </div>
            </div>

            <div class="form-container">
                <div class="row mb-2">
                    <div class="col-md-3">
                        <label class="form-label fw-bold">{{ __('services.label_code') }}:</label>
                        <p>{{ $servico->codigo ?? '-' }}</p>
                    </div>
                    <div class="col-md-5">
                        <label class="form-label fw-bold">{{ __('services.label_name') }}:</label>
                        <p>{{ $servico->nome_exibicao ?? $servico->nome ?? '-' }}</p>
                    </div>
                    <div class="col-md-4">
                        <label class="form-label fw-bold">{{ __('services.label_service_type') }}:</label>
                        <p>{{ $servico->tipoServico->nome_exibicao ?? $servico->tipoServico->nome ?? '-' }}</p>
                    </div>
                </div>

                <div class="row mb-3">
                    <div class="col-md-3">
                        <label class="form-label fw-bold">{{ __('services.label_unit') }}:</label>
                        <p>{{ isset($servico->unidade) ? ucfirst($servico->unidade) : '-' }}</p>
                    </div>
                    <div class="col-md-3">
                        <label class="form-label fw-bold">{{ __('services.label_sale_value') }}:</label>
                        <p>{{ $servico->valor_venda_formatado_exibicao ?? $servico->valor_venda_formatado ?? '-' }}</p>
                    </div>
                    <div class="col-md-3">
                        <label class="form-label fw-bold">{{ __('services.label_cost_value') }}:</label>
                        <p>{{ $servico->valor_custo_formatado_exibicao ?? $servico->valor_custo_formatado ?? '-' }}</p>
                    </div>
                </div>

                <div class="row mb-3">
                    <div class="col-md-12">
                        <label class="form-label fw-bold">{{ __('services.label_description') }}:</label>
                        <p>{{ $servico->descricao ?? '-' }}</p>
                    </div>
                </div>

                <div class="row mb-3">
                    <div class="col-md-4">
                        <label class="form-label fw-bold">{{ __('services.label_status') }}:</label>
                        <p>
                            @if(isset($servico) && $servico->status === 'ativo')
                            <span class="badge bg-success">{{ __('services.label_active') }}</span>
                            @else
                            <span class="badge bg-danger">{{ __('services.label_inactive') }}</span>
                            @endif
                        </p>
                    </div>
                    <div class="col-md-4">
                        <label class="form-label fw-bold">{{ __('services.label_creation_date') }}:</label>
                        <p>{{ isset($servico) ? $servico->created_at->format('d/m/Y') : '-' }}</p>
                    </div>
                    <div class="col-md-4">
                        <label class="form-label fw-bold">{{ __('services.label_last_update') }}:</label>
                        <p>{{ isset($servico) ? $servico->updated_at->format('d/m/Y') : '-' }}</p>
                    </div>
                </div>
            </div>

        </div>
    </div>
</div>