@csrf
<input type="hidden" name="id" value="{{ old('id', $pageData['id'] ?? '') }}" id="scret_id">
    <div class="box-body px-0">
        <div class="row">
            <div class="col-md-4">
                <div class="Job-map">
                    <div class="rounded-4 map" style="width: 100%; height: 450px;"></div>
                </div>
            </div>
            <div class="col-md-8">
                <div class="row">
                    <div class="col-md-4">
                            <div class="form-group">
                                <div class="control-label text-dark-gray fs-14 fw-semibold">Route Identification</div>
                                <div class="fs-16 text-black">{{ $job->mine_name ?? null }}</div>
                            </div>
                    </div>
                    <div class="col-md-4">
                            <div class="form-group">
                                <div class="control-label text-dark-gray fs-14 fw-semibold">PO #</div>
                                <div class="fs-16 text-black">#{{ $job->purchaseOrder->po_number ?? null }}</div>
                            </div>
                    </div>

                    <div class="col-md-4">
                        {{-- Empty column for alignment --}}
                    </div>
                    
                    {{-- Row 2: Loading Point Fleet List Recipient Emails (full width) --}}
                    <div class="col-md-12">
                            <div class="form-group">
                                <div class="control-label text-dark-gray fs-14 fw-semibold">Loading Point Fleet List Recipient Emails</div>
                                @php
                                    $loadingEmails = $job->loading_recipient_emails ?? [];
                                    if (is_string($loadingEmails)) { $decoded = json_decode($loadingEmails, true); if (is_array($decoded)) { $loadingEmails = $decoded; } }
                                @endphp
                                <div class="fs-16 text-black">{{ is_array($loadingEmails) ? implode(', ', $loadingEmails) : ($loadingEmails ?? '') }}</div>
                            </div>
                    </div>
                    
                    {{-- Row 3: Offloading Point Fleet List Recipient Emails (full width) --}}
                    <div class="col-md-12">
                            <div class="form-group">
                                <div class="control-label text-dark-gray fs-14 fw-semibold">Offloading Point Fleet List Recipient Emails</div>
                                @php
                                    $offloadingEmails = $job->offloading_recipient_emails ?? [];
                                    if (is_string($offloadingEmails)) { $decoded = json_decode($offloadingEmails, true); if (is_array($decoded)) { $offloadingEmails = $decoded; } }
                                @endphp
                                <div class="fs-16 text-black">{{ is_array($offloadingEmails) ? implode(', ', $offloadingEmails) : ($offloadingEmails ?? '') }}</div>
                            </div>
                    </div>
                    
                    {{-- Row 4: Loading Location, Load Date, Load Time --}}
                    <div class="col-md-4">
                            <div class="form-group">
                                <div class="control-label text-dark-gray fs-14 fw-semibold">Loading Location</div>
                                <div class="fs-16 text-black">{{ $job->loadingLocation->name ?? null }}</div>
                            </div>
                    </div>
                    <div class="col-md-4">
                            <div class="form-group">
                                <div class="control-label text-dark-gray fs-14 fw-semibold">Load Date</div>
                                <div class="fs-16 text-black">{{ $job->load_date ? $job->load_date->format('d/m/Y') : null }}</div>
                            </div>
                    </div>
                    <div class="col-md-4">
                            <div class="form-group">
                                <div class="control-label text-dark-gray fs-14 fw-semibold">Load Time</div>
                                <div class="fs-16 text-black">{{ $job->load_time == '24_7' ? '24/7' : ($job->load_time ?? null) }}</div>
                            </div>
                    </div>
                    
                    {{-- Row 5: Loading Details (Access Requirements, Cargo Details, Instructions) --}}
                    @if($job->loadingLocation)
                    <div class="col-md-4">
                            <div class="form-group">
                                <div class="control-label text-dark-gray fs-14 fw-semibold">Loading - Access Requirements</div>
                                <div class="expandable-text-wrapper">
                                    <div class="fs-16 text-black expandable-text" data-full-text="{{ $job->loadingLocation->access_requirements ?? '' }}">
                                        {{ $job->loadingLocation->access_requirements ?? '' }}
                                    </div>
                                    <a href="javascript:void(0)" class="view-more-link text-primary fs-14" style="display: none;">View More</a>
                                </div>
                            </div>
                    </div>
                    <div class="col-md-4">
                            <div class="form-group">
                                <div class="control-label text-dark-gray fs-14 fw-semibold">Loading - Cargo Details</div>
                                <div class="expandable-text-wrapper">
                                    <div class="fs-16 text-black expandable-text" data-full-text="{{ $job->loadingLocation->cargo_details ?? '' }}">
                                        {{ $job->loadingLocation->cargo_details ?? '' }}
                                    </div>
                                    <a href="javascript:void(0)" class="view-more-link text-primary fs-14" style="display: none;">View More</a>
                                </div>
                            </div>
                    </div>
                    <div class="col-md-4">
                            <div class="form-group">
                                <div class="control-label text-dark-gray fs-14 fw-semibold">Loading - Instructions</div>
                                <div class="expandable-text-wrapper">
                                    <div class="fs-16 text-black expandable-text" data-full-text="{{ $job->loadingLocation->loading_offloading_instructions ?? '' }}">
                                        {{ $job->loadingLocation->loading_offloading_instructions ?? '' }}
                                    </div>
                                    <a href="javascript:void(0)" class="view-more-link text-primary fs-14" style="display: none;">View More</a>
                                </div>
                            </div>
                    </div>
                    @endif
                    
                    {{-- Row 6: Offloading Location, Offload Date, Offload Time --}}
                    <div class="col-md-4">
                            <div class="form-group">
                                <div class="control-label text-dark-gray fs-14 fw-semibold">Offloading Location</div>
                                <div class="fs-16 text-black">{{ $job->offloadingLocation->name ?? null }}</div>
                            </div>
                    </div>
                    <div class="col-md-4">
                            <div class="form-group">
                                <div class="control-label text-dark-gray fs-14 fw-semibold">Offload Date</div>
                                <div class="fs-16 text-black">{{ $job->offload_date ? $job->offload_date->format('d/m/Y') : null }}</div>
                            </div>
                    </div>
                    <div class="col-md-4">
                            <div class="form-group">
                                <div class="control-label text-dark-gray fs-14 fw-semibold">Offload Time</div>
                                <div class="fs-16 text-black">{{ $job->offload_time == '24_7' ? '24/7' : ($job->offload_time ?? null) }}</div>
                            </div>
                    </div>
                    
                    {{-- Row 7: Offloading Details (Access Requirements, Cargo Details, Instructions) --}}
                    @if($job->offloadingLocation)
                    <div class="col-md-4">
                            <div class="form-group">
                                <div class="control-label text-dark-gray fs-14 fw-semibold">Offloading - Access Requirements</div>
                                <div class="expandable-text-wrapper">
                                    <div class="fs-16 text-black expandable-text" data-full-text="{{ $job->offloadingLocation->access_requirements ?? '' }}">
                                        {{ $job->offloadingLocation->access_requirements ?? '' }}
                                    </div>
                                    <a href="javascript:void(0)" class="view-more-link text-primary fs-14" style="display: none;">View More</a>
                                </div>
                            </div>
                    </div>
                    <div class="col-md-4">
                            <div class="form-group">
                                <div class="control-label text-dark-gray fs-14 fw-semibold">Offloading - Cargo Details</div>
                                <div class="expandable-text-wrapper">
                                    <div class="fs-16 text-black expandable-text" data-full-text="{{ $job->offloadingLocation->cargo_details ?? '' }}">
                                        {{ $job->offloadingLocation->cargo_details ?? '' }}
                                    </div>
                                    <a href="javascript:void(0)" class="view-more-link text-primary fs-14" style="display: none;">View More</a>
                                </div>
                            </div>
                    </div>
                    <div class="col-md-4">
                            <div class="form-group">
                                <div class="control-label text-dark-gray fs-14 fw-semibold">Offloading - Instructions</div>
                                <div class="expandable-text-wrapper">
                                    <div class="fs-16 text-black expandable-text" data-full-text="{{ $job->offloadingLocation->loading_offloading_instructions ?? '' }}">
                                        {{ $job->offloadingLocation->loading_offloading_instructions ?? '' }}
                                    </div>
                                    <a href="javascript:void(0)" class="view-more-link text-primary fs-14" style="display: none;">View More</a>
                                </div>
                            </div>
                    </div>
                    @endif
                    
                    {{-- Row 8: Distance and Quantity --}}
                    <div class="col-md-4">
                            <div class="form-group">
                                <div class="control-label text-dark-gray fs-14 fw-semibold">Distance (KM)</div>
                                <div class="fs-16 text-black">{{ $job->distance_km ? $job->distance_km : null }}</div>
                            </div>
                    </div>
                    <div class="col-md-4">
                            <div class="form-group">
                                <div class="control-label text-dark-gray fs-14 fw-semibold">Quantity (Metric Tons)</div>
                                <div class="fs-16 text-black">{{ $job->load_weight ? $loadProgress['formatted'] : null }}</div>
                            </div>
                    </div>
                    <div class="col-md-4">
                            {{-- Empty column for alignment --}}
                    </div>
                </div>
            </div>
        </div>
    </div>