{{-- Details tab content — renders form3 fields with info/edit icons and parent-child hierarchy --}}
@if(!empty($form3) && !empty($form3['fields']))
<div class="lead-details-fields">
    @foreach($form3['fields'] as $fieldKey => $fieldData)
        @if(($fieldData['type'] ?? '') === 'hidden')
            {!! html()->hidden($fieldData['attributes']['name'] ?? $fieldKey, $fieldData['value'] ?? '') !!}
            @continue
        @endif
        @php($isChild = !empty($fieldData['attributes']['data-parent-property']))
        @php($iconType = $fieldData['attributes']['data-detail-icon'] ?? '')
        <div class="lead-details-field-row {{ $isChild ? 'lead-details-child' : '' }}">
            <div class="lead-details-field-input">
                <div class="project-form form-line">
                    @if(!empty($fieldData['label']))
                        <label class="form-label mb-0">{{ $fieldData['label'] }}</label>
                    @endif
                    @if(($fieldData['type'] ?? 'text') === 'select')
                        @php($attrs = $fieldData['attributes'] ?? [])
                        @php($attrs['class'] = ($attrs['class'] ?? 'form-control') . ' form-control-lg')
                        {!! html()->select($attrs['name'] ?? $fieldKey, $fieldData['options'] ?? [], $fieldData['value'] ?? '')->attributes($attrs) !!}
                    @else
                        @php($attrs = $fieldData['attributes'] ?? [])
                        @php($attrs['class'] = ($attrs['class'] ?? 'form-control') . ' form-control-lg')
                        {!! html()->text($attrs['name'] ?? $fieldKey, $fieldData['value'] ?? '')->attributes($attrs) !!}
                    @endif
                </div>
            </div>
            @php($manageUrl = $fieldData['attributes']['data-manage-url'] ?? '')
            @php($fieldInfo = $fieldData['attributes']['data-field-info'] ?? '')
            @if($iconType === 'both' || $iconType === 'info')
            <div class="lead-details-field-icons">
                <a href="javascript:void(0)" class="lead-detail-icon-btn lead-detail-info-btn" data-bs-toggle="popover" data-bs-trigger="hover focus" data-bs-placement="top" data-bs-content="{{ $fieldInfo }}" title="{{ $fieldData['label'] ?? 'Info' }}"><i class="bx bx-info-circle"></i></a>
                @if($manageUrl)
                <a href="{{ $manageUrl }}" class="lead-detail-icon-btn" target="_blank" title="Manage {{ $fieldData['label'] ?? '' }}"><i class="bx bx-edit-alt"></i></a>
                @else
                <a href="javascript:void(0)" class="lead-detail-icon-btn" data-bs-toggle="tooltip" title="Edit"><i class="bx bx-edit-alt"></i></a>
                @endif
            </div>
            @elseif($iconType === 'edit')
            <div class="lead-details-field-icons">
                @if($fieldInfo)
                <a href="javascript:void(0)" class="lead-detail-icon-btn lead-detail-info-btn" data-bs-toggle="popover" data-bs-trigger="hover focus" data-bs-placement="top" data-bs-content="{{ $fieldInfo }}" title="{{ $fieldData['label'] ?? 'Info' }}"><i class="bx bx-info-circle"></i></a>
                @endif
                @if($manageUrl)
                <a href="{{ $manageUrl }}" class="lead-detail-icon-btn" target="_blank" title="Manage {{ $fieldData['label'] ?? '' }}"><i class="bx bx-edit-alt"></i></a>
                @else
                <a href="javascript:void(0)" class="lead-detail-icon-btn" data-bs-toggle="tooltip" title="Edit"><i class="bx bx-edit-alt"></i></a>
                @endif
            </div>
            @endif
        </div>
    @endforeach
</div>
@if(!empty($leadId) && isset($lead))
<div class="lead-details-status-bar d-flex justify-content-between">
    <span>Created: {{ $lead->created_at ? $lead->created_at->format('m/d/Y') : '-' }}</span>
    @if(!empty($lead->status_updated_at))
    @php($statusDays = (int)\Carbon\Carbon::parse($lead->status_updated_at)->diffInDays(now()))
    <span>In Current Status: {{ $statusDays }} days</span>
    @endif
    <span>Last Saved: {{ $lead->updated_at ? $lead->updated_at->diffForHumans() : '-' }}</span>
</div>
@endif
@else
    <div class="text-muted small">No additional details available.</div>
@endif
@push('page_script')
<script>
document.addEventListener('DOMContentLoaded', function() {
    var popoverTriggerList = document.querySelectorAll('.lead-detail-info-btn[data-bs-toggle="popover"]');
    popoverTriggerList.forEach(function(el) {
        new bootstrap.Popover(el, { html: false, sanitize: true });
    });
});
</script>
@endpush