@extends('admin.layouts.master')

@section('title', 'Hotel Profile Details')
@section('parent_title', 'Management')

@section('content')
    <div class="d-flex justify-content-start mb-5">
        <a href="{{ route('admin.hotels.index') }}" class="btn btn-sm btn-light-primary">
            <span class="svg-icon svg-icon-4 me-1">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
                    <rect opacity="0.5" x="6" y="11" width="13" height="2" rx="1" fill="black" />
                    <path d="M8.56569 11.4343L12.75 7.25C13.1642 6.83579 13.1642 6.16421 12.75 5.75C12.3358 5.33579 11.6642 5.33579 11.25 5.75L5.70711 11.2929C5.31658 11.6834 5.31658 12.3166 5.70711 12.7071L11.25 18.25C11.6642 18.6642 12.3358 18.6642 12.75 18.25C13.1642 17.8358 13.1642 17.1642 12.75 16.75L8.56569 12.5657C8.25327 12.2533 8.25327 11.7467 8.56569 11.4343Z" fill="black" />
                </svg>
            </span> Back to Listings
        </a>
    </div>
    <div class="d-flex flex-column flex-lg-row">
        <div class="flex-lg-row-fluid me-lg-15">
            <div class="card card-flush pt-3 mb-5 mb-xl-10">
                <div class="card-header">
                    <div class="card-title">
                        <h2 class="fw-bolder"><i class="fa fa-building text-primary me-2"></i> Hotel Core Profile Matrix</h2>
                    </div>
                </div>
                <div class="card-body pt-3">
                    <div class="mb-10">
                        <table class="table table-row-dashed table-row-gray-300 align-middle gs-0 gy-4">
                            <tbody>
                                <tr>
                                    <td class="text-muted fw-bold w-200px">Hotel Name:</td>
                                    <td class="text-gray-800 fw-bolder fs-5">{{ $hotel->hotel_name }}</td>
                                </tr>
                                <tr>
                                    <td class="text-muted fw-bold">State Managed:</td>
                                    <td class="text-gray-800 fw-bold">{{ $hotel->state }}</td>
                                </tr>
                                <tr>
                                    <td class="text-muted fw-bold">City Location:</td>
                                    <td class="text-gray-800 fw-bold">{{ $hotel->city }}</td>
                                </tr>
                                <tr>
                                    <td class="text-muted fw-bold">Physical Address Block:</td>
                                    <td class="text-gray-700 fw-semibold fs-6 text-hover-primary">{{ $hotel->address }}</td>
                                </tr>
                                <tr>
                                    <td class="text-muted fw-bold">Amenities Packages:</td>
                                    <td>
                                        @if(!empty($hotel->amenities))
                                            @php $amenitiesArr = is_array($hotel->amenities) ? $hotel->amenities : json_decode($hotel->amenities, true); @endphp
                                            @if(is_array($amenitiesArr))
                                                @foreach($amenitiesArr as $amenity)
                                                    <span class="badge badge-light-primary fw-bolder me-1 mb-1">{{ $amenity }}</span>
                                                @endforeach
                                            @else
                                                <span class="text-muted">Standard Package</span>
                                            @endif
                                        @else
                                            <span class="text-muted">No explicit packages mapped</span>
                                        @endif
                                    </td>
                                </tr>
                                <tr>
                                    <td class="text-muted fw-bold">System Status:</td>
                                    <td>
                                        <span class="badge badge-light-{{ $hotel->status == 1 ? 'success' : 'danger' }} fw-bolder fs-7">
                                            {{ $hotel->status == 1 ? 'Active / Approved' : 'Pending Verification' }}
                                        </span>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>

                    <div class="notice d-flex bg-light-primary rounded border-primary border border-dashed p-6">
                        <span class="svg-icon svg-icon-2tx svg-icon-primary me-4">
                            <i class="bi bi-info-circle fs-1 text-primary"></i>
                        </span>
                        <div class="d-flex flex-stack flex-grow-1">
                            <div class="fw-bold">
                                <h4 class="text-gray-900 fw-bolder">Property Summary Description</h4>
                                <div class="fs-6 text-gray-700 mt-2">
                                    {{ $hotel->description ?? 'No detailed marketing summary description logs configured for this hotel asset profile yet.' }}
                                </div>
                            </div>
                        </div>
                    </div>
                    @if(!empty($hotel->gallery_images))
                        @php $galleryArr = is_array($hotel->gallery_images) ? $hotel->gallery_images : json_decode($hotel->gallery_images, true); @endphp
                        @if(is_array($galleryArr) && count($galleryArr) > 0)
                            <div class="mt-10">
                                <h4 class="text-gray-900 fw-bolder mb-5"><i class="fa fa-images text-primary me-2"></i> Additional Gallery Media Assets</h4>
                                <div class="row g-5">
                                    @foreach($galleryArr as $imagePath)
                                        <div class="col-md-4 col-sm-6">
                                            <div class="overlay border border-gray-300 rounded overflow-hidden shadow-sm" style="height: 180px;">
                                                <img src="{{ asset($imagePath) }}" class="w-100 h-100" style="object-fit: cover;" alt="Gallery Room Stream">
                                            </div>
                                        </div>
                                    @endforeach
                                </div>
                            </div>
                        @endif
                    @endif
                    </div>
                </div>
            </div>
        <div class="flex-column flex-lg-row-auto w-100 w-lg-300px w-xl-400px mb-10">
            <div class="card card-flush pt-3 mb-5">
                <div class="card-header">
                    <div class="card-title">
                        <h2>Property Asset Header</h2>
                    </div>
                </div>
                <div class="card-body pt-0">
                    <div class="d-flex flex-center flex-column mb-5">
                        <div class="symbol symbol-150px overflow-hidden mb-7 shadow-sm" style="border-radius:12px;">
                            @if(!empty($hotel->cover_image) && file_exists(public_path($hotel->cover_image)))
                                <img src="{{ asset($hotel->cover_image) }}" alt="Cover Image" class="w-100 h-100" style="object-fit: cover;">
                            @else
                                <div class="symbol-label fs-1 fw-bold bg-light-primary text-primary" style="width:150px; height:150px; display:flex; align-items:center; justify-content:center;">
                                    {{ substr($hotel->hotel_name, 0, 1) }}
                                div>
                            @endif
                        </div>
                        <h3 class="text-gray-800 fw-bolder mb-1 text-center">{{ $hotel->hotel_name }}</h3>
                        <div class="badge badge-light-info fw-bold fs-7">{{ $hotel->city }} Cluster</div>
                    </div>
                </div>
            </div>
            <div class="card card-flush pt-3 border border-dashed border-success bg-light-success">
                <div class="card-header" style="min-height:auto;">
                    <div class="card-title pt-2">
                        <h3 class="text-success fw-bolder mb-0"><i class="fa fa-user-shield text-success me-2"></i> Account Merchant Owner</h3>
                    </div>
                </div>
                <div class="card-body py-5 fs-6">
                    <div class="d-flex flex-column gap-3">
                        <div class="d-flex flex-stack">
                            <span class="text-gray-600 fw-bold">Vendor ID:</span>
                            <span class="text-gray-800 fw-bolder">#UID-{{ str_pad($hotel->user_id, 5, '0', STR_PAD_LEFT) }}</span>
                        </div>
                        <div class="d-flex flex-stack">
                            <span class="text-gray-600 fw-bold">Full Merchant Name:</span>
                            <span class="text-gray-900 fw-bolder fs-6">{{ $hotel->vendor->full_name ?? 'System Master Account' }}</span>
                        </div>
                        <div class="d-flex flex-stack">
                            <span class="text-gray-600 fw-bold">Registered Email:</span>
                            <span class="text-gray-800 fw-bold text-hover-primary" style="word-break: break-all;">{{ $hotel->vendor->email ?? 'N/A' }}</span>
                        </div>
                        <div class="d-flex flex-stack">
                            <span class="text-gray-600 fw-bold">Contact Status:</span>
                            <span class="badge badge-success fs-8 fw-bold">Verified Hotel Owner</span>
                        </div>
                    </div>
                </div>
            </div>
            </div>
        </div>
    @endsection