@php
    $serviceName = optional(
        $application->items->first()?->itemDetails
            ->firstWhere(fn($detail) => $detail->formDetail->name === 'Service Name')
    )->value ?? '-';
    $serviceDescription = optional(
        $application->items->first()?->itemDetails
            ->firstWhere(fn($detail) => $detail->formDetail->name === 'Service Description')
    )->value ?? '-';
    $attachments = collect(
        optional($application->items->first()?->itemDetails)
            ->where(fn($detail) => $detail->formDetail->input_type === 'file_upload')
    );
@endphp

<div class="card">
    <div class="card-header d-flex">
        <div class="card-title">
            <h3>{{ __('Service Details') }}</h3>
        </div>
    </div>
    <div class="card-body">
        <div class="row g-3 mb-4">
            <div class="col-md-4">
                <div class="form-group">
                    <label class="form-label text-muted">{{ __('Category') }}</label>
                    <div class="fw-medium">{{ $application->product_group?->parent?->parent?->name ?? '-' }}</div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="form-group">
                    <label class="form-label text-muted">{{ __('Sub-Category') }}</label>
                    <div class="fw-medium">{{ $application->product_group?->parent?->name ?? '-' }}</div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="form-group">
                    <label class="form-label text-muted">{{ __('Product Group') }}</label>
                    <div class="fw-medium">{{ $application->product_group?->name ?? '-' }}</div>
                </div>
            </div>
        </div>
    </div>
    <div class="table-responsive">
        <table class="table align-middle table-row-bordered fs-6 gy-5 gs-7 mb-0">
            <thead class="text-start fw-semibold gs-0 table-light">
                <tr>
                    <td colspan="4">
                        {{ __('Service List') }}
                    </td>
                </tr>
            </thead>
            <tbody>
                <tr class="text-muted">
                    <td width="10%">{{ __('No.') }}</td>
                    <td width="20%">{{ __('Service Name') }}</td>
                    <td width="35%">{{ __('Description') }}</td>
                    @if (!empty($hasAction) && $hasAction)
                        @if ($application->certificate_no != null)
                            <td width="35%">{{ __('Action') }}</td>
                        @else
                            <td width="35%">{{ __('Document Uploaded') }}</td>
                        @endif
                    @endif
                </tr>
                <tr>
                    <td>1.</td>
                    <td>{{ $serviceName }}</td>
                    <td>{{ $serviceDescription }}</td>
                    @if (!empty($hasAction) && $hasAction)
                        {{-- @if ($application->certificate_no != null)
                            <td class="px-4 pb-4 align-content-center">
                                @if (auth()->user()->roles->isNotEmpty())
                                    <a href="{{ route('application.all-application.show-evaluation', $application->id) }}"
                                        class="btn btn-icon btn-success btn-sm me-2">
                                        <i class="bi bi-eye fs-4"></i>
                                    </a>
                                @else
                                    <a href="{{ route('company.application.approved-application.show-evaluation', $application->id) }}"
                                        class="btn btn-icon btn-success btn-sm me-2">
                                        <i class="bi bi-eye fs-4"></i>
                                    </a>
                                @endif
                            </td>
                        @else --}}
                            <td>
                                @if ($attachments->isNotEmpty())
                                    @include('pages.company.application.partials.datatables.attachments', ['attachments' => $attachments])
                                @else
                                    No documents available
                                @endif
                            </td>
                        {{-- @endif --}}
                    @endif
                </tr>
            </tbody>
        </table>
    </div>
</div>