@include('frontend.partials.head', ['title' => 'Fily | Listing Details'])
@include('frontend.dashboard.partials.styles')
@php
    $providerName = $provider?->business_name ?: ($provider?->name ?: 'Provider');
    $providerInitial = strtoupper(substr($providerName, 0, 1));
    $typeMeta = [
        'job' => ['label' => 'Job', 'icon' => 'work'],
        'rent' => ['label' => 'Rental', 'icon' => 'apartment'],
        'hostel' => ['label' => 'Hostel', 'icon' => 'bed'],
        'service' => ['label' => 'Service', 'icon' => 'construction'],
    ];
    $statusMeta = [
        'pending' => ['label' => 'Pending', 'class' => 'warning'],
        'rejected' => ['label' => 'Rejected', 'class' => 'danger'],
        'approved' => ['label' => 'Accepted', 'class' => 'success'],
    ];
    $visibilityMeta = [
        'visible' => ['label' => 'Visible publicly', 'class' => 'success', 'icon' => 'visibility'],
        'hidden' => ['label' => 'Hidden from public', 'class' => 'warning', 'icon' => 'visibility_off'],
        'expired' => ['label' => 'Expired ad', 'class' => 'danger', 'icon' => 'event_busy'],
    ];
    $meta = $typeMeta[$type] ?? ['label' => 'Listing', 'icon' => 'inventory_2'];
    $statusInfo = $statusMeta[$listing->status] ?? ['label' => ucfirst((string) $listing->status), 'class' => 'warning'];
    $visibility = $listing->visibility ?: 'visible';
    $visibilityInfo = $visibilityMeta[$visibility] ?? $visibilityMeta['visible'];
    $heroStatus = '<span class="detail-status '.$statusInfo['class'].'">'.e($statusInfo['label']).'</span>'
        .'<span class="detail-status '.$visibilityInfo['class'].'"><span class="material-symbols-outlined me-1" style="font-size:16px;">'.$visibilityInfo['icon'].'</span>'.e($visibilityInfo['label']).'</span>';
    $canEdit = $listing->status !== 'approved';
    $title = match ($type) {
        'job' => $listing->job_title,
        'rent' => $listing->name ?: ($listing->property_kind ?: $listing->property_type),
        'hostel' => $listing->hostel_type,
        'service' => $listing->name ?: ($listing->serviceType?->name ?: $listing->service_type),
        default => 'Listing',
    } ?: 'Listing';
    $fieldGroups = [
        'job' => [
            'Basics' => [
                ['agent_id_code', 'Agent ID code'], ['company_name', 'Company name'], ['job_title', 'Job title', 'required'], ['job_type', 'Job type'], ['job_category', 'Category'],
                ['department', 'Department'], ['employment_type', 'Employment type'], ['experience_required', 'Experience required'],
                ['education_required', 'Education required'], ['post_role', 'Post role'], ['designation', 'Designation'],
                ['application_deadline', 'Application deadline', 'date'], ['number_of_openings', 'Openings', 'number'],
            ],
            'Salary and Location' => [
                ['monthly_salary', 'Monthly salary', 'number'], ['min_salary', 'Minimum salary', 'number'], ['salary_type', 'Salary type'],
                ['job_shift', 'Job shift'], ['work_type', 'Work type'], ['location', 'Area / Location'], ['city', 'City'], ['state', 'State'], ['pincode', 'Pincode'],
            ],
            'Details' => [
                ['skills_required', 'Skills required', 'csv'], ['responsibilities', 'Responsibilities', 'textarea_array'],
                ['apply_channels', 'Apply channels', 'csv'], ['apply_whatsapp_number', 'Apply WhatsApp number'],
                ['job_description', 'Description', 'textarea'], ['employer_terms_accepted', 'Employer terms accepted', 'boolean'],
            ],
        ],
        'rent' => [
            'Property' => [
                ['agent_id_code', 'Agent ID code'], ['name', 'Listing name'], ['property_kind', 'Property kind'], ['property_type', 'Property type'], ['furnishing_status', 'Furnishing status'],
                ['address', 'Address', 'textarea'], ['area_locality', 'Area / locality'], ['nearest_landmark', 'Nearest landmark'],
                ['latitude', 'Latitude', 'number'], ['longitude', 'Longitude', 'number'],
                ['city', 'City'], ['state', 'State'], ['district', 'District'], ['pincode', 'Pincode'],
            ],
            'Pricing' => [
                ['rent_per_month', 'Rent per month', 'number'], ['security_deposit', 'Security deposit', 'number'],
                ['maintenance_type', 'Maintenance type'], ['available_from', 'Available from', 'date'], ['lease_duration', 'Lease duration'],
                ['area_sqft', 'Area sqft', 'number'], ['parking_type', 'Parking type'],
            ],
            'Contact and Notes' => [
                ['willing_to_rent_to', 'Willing to rent to'], ['additional_spaces', 'Additional spaces', 'array_input'],
                ['contact_number', 'Contact number'], ['whatsapp_number', 'WhatsApp number'], ['description', 'Description', 'textarea'],
                ['details_confirmed', 'Details confirmed', 'boolean'], ['platform_terms_accepted', 'Platform terms accepted', 'boolean'],
            ],
        ],
        'hostel' => [
            'Basics' => [
                ['agent_id_code', 'Agent ID code'], ['hostel_type', 'Preferred for'], ['property_type', 'Property type'], ['owner_name', 'Owner name'], ['contact_number', 'Contact number'],
                ['whatsapp_number', 'WhatsApp number'], ['address', 'Address', 'textarea'], ['city', 'City'],
                ['district', 'District'], ['area_landmark', 'Area landmark'], ['total_rooms', 'Total rooms', 'number'], ['total_bed_capacity', 'Bed capacity', 'number'],
            ],
            'Pricing and Rules' => [
                ['bed_sharing_type', 'Bed sharing type'], ['bathroom_type', 'Bathroom type'], ['monthly_rent', 'Monthly rent', 'number'],
                ['security_deposit', 'Security deposit', 'number'], ['electricity_charge_type', 'Electricity charge type'],
                ['electricity_charges', 'Electricity charges', 'number'], ['gate_open_time', 'Gate open time', 'time'], ['gate_close_time', 'Gate close time', 'time'],
                ['visitor_policy', 'Visitor policy', 'textarea'], ['house_rules', 'House rules', 'textarea'], ['description', 'Description', 'textarea'],
            ],
            'Facilities' => [
                ['wifi_available', 'WiFi', 'boolean'], ['food_mess', 'Food / mess', 'boolean'], ['drinking_water', 'Drinking water', 'boolean'],
                ['power_backup', 'Power backup', 'boolean'], ['study_room', 'Study room', 'boolean'], ['cctv', 'CCTV', 'boolean'],
                ['security_guard', 'Security guard', 'boolean'], ['terms_accepted', 'Terms accepted', 'boolean'],
            ],
        ],
        'service' => [
            'Service Details' => [
                ['agent_id_code', 'Agent ID code'], ['name', 'Listing name'], ['service_type', 'Service type'], ['service_sub_type_name', 'Service sub type'], ['experience_years', 'Experience years', 'number'], ['service_area', 'Service area'],
                ['phone_number', 'Phone number'], ['service_radius', 'Service radius', 'number'], ['inspection_charge', 'Inspection charge', 'number'],
                ['starting_price', 'Starting price', 'number'], ['pricing_unit', 'Pricing unit'], ['hourly_rate', 'Hourly rate', 'number'],
                ['price_type', 'Price type'], ['working_days', 'Working days', 'array_input'], ['description', 'Description', 'textarea'],
                ['terms_accepted', 'Terms accepted', 'boolean'], ['guidelines_accepted', 'Guidelines accepted', 'boolean'], ['refund_policy_accepted', 'Refund policy accepted', 'boolean'],
            ],
        ],
    ];
    $mediaItems = ($listing->media ?? collect())->map(function ($media) {
        $media->image_url = $media->file_path ? asset('storage/'.$media->file_path) : null;
        return $media;
    })->filter(fn ($media) => $media->image_url && ($media->file_type ?? null) === 'image');
    $valueFor = function (string $field) use ($listing) {
        if ($field === 'service_type') {
            return $listing->serviceType?->name ?: $listing->service_type;
        }

        if ($field === 'service_sub_type_name') {
            return $listing->serviceSubType?->name;
        }

        if (in_array($field, ['job_type', 'property_type'], true) && is_string($listing->{$field} ?? null)) {
            return ucwords(str_replace('_', ' ', $listing->{$field}));
        }

        $value = $listing->{$field} ?? null;
        if ($value instanceof \Illuminate\Support\Carbon) {
            return $value->format('Y-m-d');
        }
        if (is_array($value)) {
            return implode(', ', $value);
        }
        return $value;
    };
@endphp
<style>
    .detail-hero { background: linear-gradient(135deg, #ffffff 0%, #eef7ff 60%, #f8fbff 100%); }
    .detail-status { border-radius: 999px; display: inline-flex; font-size: 12px; font-weight: 800; padding: 6px 10px; text-transform: uppercase; }
    .detail-status.success { background: #dcfce7; color: #166534; }
    .detail-status.warning { background: #fef3c7; color: #92400e; }
    .detail-status.danger { background: #fee2e2; color: #991b1b; }
    .visibility-panel { background: #f7fbff; border: 1px solid #dbe6ef; border-radius: 16px; padding: 18px; }
    .visibility-select { border-radius: 12px; min-height: 46px; }
    .detail-grid { display: grid; gap: 16px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .detail-field { display: flex; flex-direction: column; gap: 7px; }
    .detail-field.full { grid-column: 1 / -1; }
    .detail-input { border: 1px solid #d6e3ee; border-radius: 12px; min-height: 46px; padding: 10px 12px; width: 100%; }
    .detail-input:focus { border-color: var(--brand); box-shadow: 0 0 0 3px rgba(0, 75, 137, .12); outline: 0; }
    .detail-value { background: #f7fbff; border: 1px solid #dbe6ef; border-radius: 12px; min-height: 46px; padding: 11px 12px; }
    .detail-check { align-items: center; background: #f7fbff; border: 1px solid #dbe6ef; border-radius: 12px; display: inline-flex; gap: 9px; min-height: 46px; padding: 10px 12px; }
    .detail-media-grid { display: grid; gap: 14px; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); }
    .detail-media-card { border: 1px solid #dbe6ef; border-radius: 12px; overflow: hidden; }
    .detail-media-card img { aspect-ratio: 4 / 3; display: block; object-fit: cover; width: 100%; }
    .detail-media-label { color: #51677b; font-size: 12px; padding: 8px 10px; }
    @media (max-width: 767.98px) { .detail-grid { grid-template-columns: 1fr; } }
</style>
</head>
<body>
@include('frontend.partials.header')

<main class="dashboard-shell">
    <div class="container">
        @include('frontend.dashboard.provider.partials.hero', [
            'provider' => $provider,
            'kicker' => $meta['label'].' listing',
            'title' => $title,
            'description' => $canEdit ? 'You can edit this listing until admin accepts it.' : 'This listing is accepted and available for view only.',
            'status' => $heroStatus,
            'actionUrl' => route('frontend.provider.lists', ['status' => $listing->status === 'approved' ? 'accepted' : $listing->status]),
            'actionIcon' => 'arrow_back',
            'actionLabel' => 'Back',
        ])

        <div class="dashboard-layout">
            @include('frontend.dashboard.provider.partials.sidebar', ['provider' => $provider, 'active' => 'lists'])

            <div class="dashboard-content">
                @if (session('status'))
                    <div class="alert alert-info">{{ session('status') }}</div>
                @endif
                @if ($errors->any())
                    <div class="alert alert-danger"><strong>Please review the form.</strong><ul class="mb-0 mt-2">@foreach ($errors->all() as $error)<li>{{ $error }}</li>@endforeach</ul></div>
                @endif

                <section class="dash-card p-4 mb-4">
                    <div class="d-flex align-items-center gap-3 mb-4">
                        <div class="metric-icon"><span class="material-symbols-outlined">{{ $meta['icon'] }}</span></div>
                        <div>
                            <h2 class="h5 fw-bold mb-1">{{ $canEdit ? 'Edit details' : 'View details' }}</h2>
                            <p class="muted mb-0">Listing ID LST-{{ strtoupper($type) }}-{{ str_pad((string) $listing->id, 5, '0', STR_PAD_LEFT) }}</p>
                        </div>
                    </div>

                    <form class="visibility-panel mb-4" method="POST" action="{{ route('frontend.provider.lists.visibility', ['type' => $type, 'id' => $listing->id]) }}">
                        @csrf
                        @method('PATCH')
                        <div class="row g-3 align-items-end">
                            <div class="col-lg-7">
                                <label class="fw-bold mb-2" for="listingVisibility">Public visibility</label>
                                <select class="form-select visibility-select" id="listingVisibility" name="visibility" required>
                                    <option value="visible" @selected($visibility === 'visible')>Visible publicly</option>
                                    <option value="hidden" @selected($visibility === 'hidden')>Hidden from public</option>
                                    <option value="expired" @selected($visibility === 'expired')>Expired ad</option>
                                </select>
                            </div>
                            <div class="col-lg-5">
                                <button class="btn btn-brand w-100 py-3" type="submit">
                                    <span class="material-symbols-outlined">save</span>
                                    Save visibility
                                </button>
                            </div>
                        </div>
                        <p class="muted small mb-0 mt-3">Hidden or expired ads stay in your dashboard, but customers will not see them in public listings.</p>
                    </form>

                    @if ($canEdit)
                        <form method="POST" action="{{ route('frontend.provider.lists.update', ['type' => $type, 'id' => $listing->id]) }}">
                            @csrf
                            @method('PUT')
                    @endif

                    @foreach (($fieldGroups[$type] ?? []) as $groupTitle => $fields)
                        <div class="mb-4">
                            <h3 class="h6 fw-bold mb-3">{{ $groupTitle }}</h3>
                            <div class="detail-grid">
                                @foreach ($fields as $field)
                                    @php
                                        [$name, $label] = $field;
                                        $inputType = $field[2] ?? 'text';
                                        $isFull = in_array($inputType, ['textarea', 'textarea_array', 'csv', 'array_input'], true);
                                        $value = old(str_replace('[]', '', $name), $valueFor($name));
                                        if (is_array($value)) { $value = implode(', ', $value); }
                                    @endphp
                                    <label class="detail-field {{ $isFull ? 'full' : '' }}">
                                        <span class="fw-semibold">{{ $label }}</span>
                                        @if ($canEdit)
                                            @if ($inputType === 'boolean')
                                                <span class="detail-check"><input name="{{ $name }}" type="checkbox" value="1" @checked(old($name, (bool) ($listing->{$name} ?? false)))> Yes</span>
                                            @elseif ($inputType === 'textarea' || $inputType === 'textarea_array')
                                                <textarea class="detail-input" name="{{ $inputType === 'textarea_array' ? $name.'[]' : $name }}" rows="4">{{ $inputType === 'textarea_array' && is_array($listing->{$name} ?? null) ? old($name.'.0', implode("\n", $listing->{$name})) : $value }}</textarea>
                                            @else
                                                <input class="detail-input" name="{{ $inputType === 'array_input' ? $name.'[]' : $name }}" type="{{ in_array($inputType, ['date', 'time', 'number'], true) ? $inputType : 'text' }}" value="{{ $value }}" @if ($inputType === 'number') min="0" step="0.01" @endif>
                                            @endif
                                        @else
                                            <span class="detail-value">{{ $inputType === 'boolean' ? (($listing->{$name} ?? false) ? 'Yes' : 'No') : ($value ?: 'Not provided') }}</span>
                                        @endif
                                    </label>
                                @endforeach
                            </div>
                        </div>
                    @endforeach

                    @if ($canEdit)
                        <div class="d-flex justify-content-end gap-2">
                            <a class="btn btn-light border px-4" href="{{ route('frontend.provider.lists') }}">Cancel</a>
                            <button class="btn btn-brand px-4" type="submit"><span class="material-symbols-outlined">save</span> Save changes</button>
                        </div>
                        </form>
                    @endif
                </section>

                <section class="dash-card p-4">
                    <h2 class="h5 fw-bold mb-3">Uploaded media</h2>
                    @if ($mediaItems->isNotEmpty())
                        <div class="detail-media-grid">
                            @foreach ($mediaItems as $media)
                                <div class="detail-media-card">
                                    <img src="{{ $media->image_url }}" alt="{{ $media->media_label ?: 'Listing media' }}">
                                    <div class="detail-media-label">{{ ucwords(str_replace('_', ' ', $media->media_label ?: 'Media')) }}</div>
                                </div>
                            @endforeach
                        </div>
                    @else
                        <p class="muted mb-0">No media uploaded for this listing.</p>
                    @endif
                </section>
            </div>
        </div>
    </div>
</main>

@include('frontend.partials.footer')
</body>
</html>