@extends('dashboard._theme_dashboard')

@section('content')
    <div class="container-fluid">
        <div class="row">
            <div class="col-12 d-flex align-items-stretch">
                <div class="card w-100">
                    <div class="card-body p-4">
                        <div class="row">
                            <div class="col-12 mb-1">
                                <h4 class="mb-0">Detalhes da O.S <span class="badge bg-primary-subtle text-primary">#{{ $schedule->schedule_id }}</span> </h4>
                            </div>
                            <div class="col-12 mb-1">
                                <span class="text-muted">Departamento</span> - <strong>{{ $schedule->Departamento }}</strong>
                            </div>
                            <div class="col-12 mb-2">
                                <span class="text-muted">Colaborador</span> - <strong>{{ $schedule->collector_full_name }}</strong>
                            </div>

                        </div>
                        {{-- Previsto x Executado --}}
                        <div class="row g-3">
                            <div class="col-md-6">
                                <div class="card border-0 shadow-sm h-100">
                                    <div class="card-header bg-body-tertiary"><strong>Previsto</strong></div>
                                    <div class="card-body">
                                        <dl class="row mb-0">
                                            <dt class="col-5 text-muted">Acompanhante</dt><dd class="col-7">{{ $schedule->companion_full_name }}</dd>
                                            <dt class="col-5 text-muted">Veículo</dt><dd class="col-7">{{ $schedule->schedule_vehicle }}</dd>
                                            <dt class="col-5 text-muted">Atividade</dt><dd class="col-7">{{ $schedule->schedule_activity }}</dd>
                                            <dt class="col-5 text-muted">Projeto</dt><dd class="col-7">{{ $schedule->schedule_project }}</dd>
                                        </dl>
                                    </div>
                                </div>
                            </div>

                            <div class="col-md-6">
                                <div class="card border-0 shadow-sm h-100">
                                    <div class="card-header bg-body-tertiary"><strong>Executado</strong></div>
                                    <div class="card-body">
                                        <dl class="row mb-0">
                                            <dt class="col-5 text-muted">Acompanhante</dt><dd class="col-7">{{ $service_order->companion_full_name }}</dd>
                                            <dt class="col-5 text-muted">Veículo</dt><dd class="col-7">{{ $service_order->service_order_vehicle }}</dd>
                                            <dt class="col-5 text-muted">Atividade</dt><dd class="col-7">{{ $service_order->service_order_activity }}</dd>
                                            <dt class="col-5 text-muted">Projeto</dt><dd class="col-7">{{ $service_order->service_order_project }}</dd>
                                        </dl>
                                    </div>
                                </div>
                            </div>
                        </div>

                        {{-- Resumo --}}
                        <div class="mt-4">
                            <h6 class="text-center text-muted mb-3">Resumo da OS</h6>
                            <div class="row g-3">
                                <div class="col-6 col-md-3">
                                    <div class="p-3 rounded border h-100">
                                        <div class="text-muted small">Início</div>
                                        <div><strong>{{ isset($service_order->service_order_date_start) ? date("d/m/Y H:i", strtotime($service_order->service_order_date_start)) : "-" }}</strong></div>
                                    </div>
                                </div>
                                <div class="col-6 col-md-3">
                                    <div class="p-3 rounded border h-100">
                                        <div class="text-muted small">Fim</div>
                                        <div><strong>{{ isset($service_order->service_order_date_end) ? date("d/m/Y H:i", strtotime($service_order->service_order_date_end)) : "-" }}</strong></div>
                                    </div>
                                </div>
                                <div class="col-6 col-md-2">
                                    <div class="p-3 rounded border h-100">
                                        <div class="text-muted small">Almoço</div>
                                        <div>
                                            @if($service_order->service_order_break_time === 'Sim')
                                                <span class="badge bg-warning-subtle text-warning">Sim (-1h)</span>
                                            @else
                                                <span class="badge bg-success-subtle text-success">Não</span>
                                            @endif
                                        </div>
                                    </div>
                                </div>
                                <div class="col-6 col-md-2">
                                    <div class="p-3 rounded border h-100">
                                        <div class="text-muted small">Tempo Total</div>
                                        <div><strong>{{ $service_order->service_order_total_time }}h</strong></div>
                                    </div>
                                </div>
                                <div class="col-6 col-md-2">
                                    <div class="p-3 rounded border h-100">
                                        <div class="text-muted small">Hora Extra</div>
                                        <div><strong>{{ $service_order->service_order_extra_time }}</strong></div>
                                    </div>
                                </div>

                                <div class="col-6 col-md-4">
                                    <div class="p-3 rounded border h-100">
                                        <div class="text-muted small">Km Inicial / Final / Total</div>
                                        <div><strong>{{ $service_order->service_order_vehicle_start }} → {{ $service_order->service_order_vehicle_end }} ({{ $service_order->service_order_vehicle_total }})</strong></div>
                                    </div>
                                </div>
                                <div class="col-6 col-md-8">
                                    <div class="p-3 rounded border h-100">
                                        <div class="text-muted small">Custos</div>
                                        <div class="d-flex flex-wrap gap-2 mt-1">
                                            <span class="badge bg-info-subtle text-info">Alimentação: R${{ $service_order->service_order_food_expense }}</span>
                                            <span class="badge bg-info-subtle text-info">Combustível: R${{ $service_order->service_order_fuel_expense }}</span>
                                            <span class="badge bg-info-subtle text-info">Outros: R${{ $service_order->service_order_other_expense }}</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        {{-- Detalhes da visita por cliente/equipamento --}}
                        <div class="mt-5">
                            <h6 class="text-center text-muted mb-3">Detalhes da Visita</h6>

                            <div class="accordion" id="accordionClientes">
                                @foreach($clients_list as $idx => $details)
                                    @php
                                        $accClient   = 'accClient_'.$idx;
                                        $headClient  = 'headClient_'.$idx;
                                        $collClient  = 'collClient_'.$idx;
                                    @endphp

                                    <div class="accordion-item mb-2">
                                        <h2 class="accordion-header" id="{{ $headClient }}">
                                            <button class="accordion-button collapsed" type="button"
                                                    data-bs-toggle="collapse" data-bs-target="#{{ $collClient }}"
                                                    aria-expanded="false" aria-controls="{{ $collClient }}">
                                                <div class="me-3"><strong>O.C</strong> {{ $details['client_order'] }}</div>
                                                <div><strong>Cliente</strong> {{ $details['client_name'] }}</div>
                                            </button>
                                        </h2>
                                        <div id="{{ $collClient }}" class="accordion-collapse collapse"
                                             aria-labelledby="{{ $headClient }}" data-bs-parent="#accordionClientes">
                                            <div class="accordion-body">
                                                @foreach($details['equipments'] as $equipment)
                                                    <div class="card border-0 shadow-sm mb-3">
                                                        <div class="card-body">
                                                            <div class="d-flex justify-content-between flex-wrap gap-2">
                                                                <div>
                                                                    <div class="text-muted small">Equipamento</div>
                                                                    <div><strong>{{ $equipment['equipment_name'] }}</strong></div>
                                                                </div>
                                                                <div>
                                                                    <div class="text-muted small">Situação</div>
                                                                    <div>
                                                                        @if($equipment['schedule_data_status'])
                                                                            <span class="badge bg-success-subtle text-success">Concluído</span>
                                                                        @else
                                                                            <span class="badge bg-secondary-subtle text-secondary">Não realizado</span>
                                                                        @endif
                                                                    </div>
                                                                </div>
                                                            </div>

                                                            <div class="mt-2">
                                                                <span class="text-muted small">Localização</span>:
                                                                @if($equipment['schedule_data_localization'])
                                                                    <a href="{{ $equipment['schedule_data_localization'] }}" target="_blank" class="btn btn-sm btn-outline-primary ms-2">
                                                                        <i class="fal fa-map-marked"></i> Ver Localização
                                                                    </a>
                                                                @else
                                                                    <span class="text-body-secondary">Sem localização</span>
                                                                @endif
                                                            </div>

                                                            @if(!empty($equipment['itinerary']))
                                                                <div class="mt-2">
                                                                    <span class="text-muted small">Formulário</span>:
                                                                    <strong>{{ $equipment['itinerary'] }}</strong>
                                                                </div>
                                                            @endif

                                                            @if(!empty($equipment['schedule_data_assessment']))
                                                                <div class="mt-2">
                                                                    <span class="text-muted small">Avaliação Técnica</span>:
                                                                    <strong>{{ $equipment['schedule_data_assessment'] }}</strong>
                                                                </div>
                                                            @endif

                                                            @if(!empty($equipment['schedule_data_assessment_observations']))
                                                                <div class="mt-2">
                                                                    <span class="text-muted small">Observações</span>:
                                                                    <strong>{!! nl2br(e($equipment['schedule_data_assessment_observations'])) !!}</strong>
                                                                </div>
                                                            @endif

                                                            {{-- Formulário Preenchido --}}
                                                            @if(!empty($equipment['schedule_data_filled']))
                                                                @php
                                                                    $filled = json_decode($equipment['schedule_data_filled'], true);
                                                                    $accId = 'accordionItin_'.$equipment['schedule_data_id'];
                                                                    $headId = 'heading_'.$equipment['schedule_data_id'];
                                                                    $colId = 'collapse_'.$equipment['schedule_data_id'];
                                                                @endphp

                                                                <div class="accordion mt-3" id="{{ $accId }}">
                                                                    <div class="accordion-item">
                                                                        <h2 class="accordion-header" id="{{ $headId }}">
                                                                            <button class="accordion-button collapsed" type="button"
                                                                                    data-bs-toggle="collapse" data-bs-target="#{{ $colId }}"
                                                                                    aria-expanded="false" aria-controls="{{ $colId }}">
                                                                                Formulário preenchido
                                                                            </button>
                                                                        </h2>
                                                                        <div id="{{ $colId }}" class="accordion-collapse collapse"
                                                                             aria-labelledby="{{ $headId }}" data-bs-parent="#{{ $accId }}">
                                                                            <div class="accordion-body">
                                                                                @if(is_array($filled))
                                                                                    <ul class="list-group list-group-flush">
                                                                                        @foreach($filled as $field)
                                                                                            @php
                                                                                                $type     = $field['type']   ?? '';
                                                                                                $title    = $field['title']  ?? '';
                                                                                                $options  = $field['options'] ?? [];
                                                                                                $response = $field['response'] ?? null;
                                                                                                $position = (is_array($options) && isset($options['position'])) ? $options['position'] : '';
                                                                                            @endphp

                                                                                            @if($type === 'title')
                                                                                                <li class="list-group-item">
                                                                                                    <h6 class="mb-0 {{ $position }}">{{ e($title) }}</h6>
                                                                                                </li>
                                                                                            @elseif($type === 'divider')
                                                                                                <li class="list-group-item"><hr class="my-2"></li>
                                                                                            @else
                                                                                                <li class="list-group-item d-flex justify-content-between align-items-start">
                                                                                                    <span class="text-muted">{{ e($title) }}</span>
                                                                                                    <span class="fw-semibold text-break">
                                                @if(is_array($response))
                                                                                                            {{ e(implode(', ', $response)) }}
                                                                                                        @elseif(is_string($response) && $response !== '')
                                                                                                            {{ e($response) }}
                                                                                                        @elseif(is_numeric($response))
                                                                                                            {{ e((string)$response) }}
                                                                                                        @else
                                                                                                            <span class="text-body-secondary">--</span>
                                                                                                        @endif
                                              </span>
                                                                                                </li>
                                                                                            @endif
                                                                                        @endforeach
                                                                                    </ul>
                                                                                @else
                                                                                    <div class="alert alert-warning mb-0">Ops! Erro ao carregar formulário.</div>
                                                                                @endif
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            @endif
                                                        </div>
                                                    </div>
                                                @endforeach
                                            </div>
                                        </div>
                                    </div>
                                @endforeach
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection