<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        <title>{{ $pageContent['name'] ?? 'Hotel' }}</title>
        @php
            $colorCodes = $pageContent['property_brand']['colorCodes'];
        @endphp
        <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        @page {
            /* size: A4; */
            size: 143mm 254mm landscape;
            margin: 1cm;
            -webkit-print-color-adjust: exact;
            print-color-adjust: exact;
        }

        img, div[style*="background"], div[style*="background-image"] {
            -webkit-print-color-adjust: exact !important;
            print-color-adjust: exact !important;
            image-rendering: -webkit-optimize-contrast !important;
            image-rendering: crisp-edges !important;
            image-rendering: pixelated !important;
        }

        div[style*="background: url"], div[style*="background-image: url"] {
            image-rendering: -webkit-optimize-contrast !important;
            image-rendering: optimizeQuality !important;
            -webkit-filter: contrast(1.1) brightness(1.05) !important;
            filter: contrast(1.1) brightness(1.05) !important;
            background-attachment: scroll !important;
            background-size: cover !important;
            background-repeat: no-repeat !important;
            background-position: center !important;
        }

        body {
            font-family:@if(app('translator')->getLocale() != "ar") Gilroy, DejaVu Sans !important; @else DejaVu Sans !important; @endif
            font-size: 13px;
            line-height: 1.4;
            color: #333;
            background-color: #ffffff;
        }

        b, strong {
            font-family:@if(app('translator')->getLocale() != "ar") Gilroy, DejaVu Sans !important; @else DejaVu Sans !important; @endif
        }

        .container {
            max-width: 100%;
            margin: 0 auto;
            padding: 10px;
        }

        .header {
            text-align: center;
            margin-bottom: 0px;
            padding-right: 20px;
            padding-left: 20px;
            padding-bottom: 20px;
            /* padding-top: 10px; */
            background: linear-gradient(135deg, #c4a575 0%, #b8985f 100%);
            color: white;
            border-radius: 8px;
            position: relative;
        }

        .header .logo {
            max-width: 150px;
            height: auto;
            margin-bottom: 0px;
            position: relative;
            z-index: 2;
        }

        .hotel-name {
            /* font-size: 24px;
            font-weight: bold;
            margin-bottom: 5px;
            text-transform: uppercase;
            position: relative;
            z-index: 2;
            color: white;
            text-shadow: 0 0 10px rgba(0, 0, 0, 0.7); */

            font-family: @if(app('translator')->getLocale() != "ar") Gilroy, DejaVu Sans !important; @else DejaVu Sans !important; @endif
            position: absolute !important;
            top: 15% !important;
            left: 0 !important;
            width: 100% !important;
            transform: translateY(-15%) !important;
            text-align: center !important;
            /* font-size: 36px !important; */
            font-weight: bold !important;
            /* color: white !important; */
            z-index: 2 !important;
            text-shadow: 0 0 10px rgba(0,0,0,0.7) !important;
        }

        .hotel-subtitle {
            /* font-size: 14px;
            opacity: 0.9;
            position: relative;
            z-index: 2;
            color: white;
            text-shadow: 0 0 10px rgba(0, 0, 0, 0.7); */

            font-family: @if(app('translator')->getLocale() != "ar") Gilroy, DejaVu Sans !important; @else DejaVu Sans !important; @endif
            position: absolute !important;
            left: 0 !important;
            bottom: 50px !important;
            width: 100% !important;
            text-align: center !important;
            font-size: 14px !important;
            color: white !important;
            text-shadow: 0 0 10px rgba(0,0,0,0.7);
            z-index: 2;
            padding: 0 30px;
        }

        .section {
            margin-bottom: 0px;
            background: white;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        }

        .section-header {
            color: black;
            padding: 12px 15px;
            font-size: 14px;
            font-weight: bold;
            text-transform: capitalize;
            letter-spacing: 1px;
        }

        .section-content {
            padding: 15px;
        }

        .two-column {
            display: table;
            width: 100%;
            table-layout: fixed;
        }

        .column {
            display: table-cell;
            width: 50%;
            vertical-align: top;
            padding: 0 10px;
        }

        .column:first-child {
            padding-left: 0;
        }

        .column:last-child {
            padding-right: 0;
        }

        .info-table {
            width: 100%;
            border-collapse: collapse;
            margin-bottom: 10px;
        }

        .info-table td {
            padding: 8px 12px;
            border-bottom: 1px solid #eee;
            vertical-align: middle;
        }

        .info-table td:first-child {
            background: {{$colorCodes[0]['color_code'] ?? '$c4a575'}} !important;
            color: white;
            font-weight: bold;
            width: 40%;
            border-radius: 4px 0 0 4px;
        }

        .info-table td:last-child {
            background: #f8f9fa;
            border-radius: 0 4px 4px 0;
        }

        .staff-table {
            width: 100%;
            border-collapse: collapse;
            margin-bottom: 10px;        }

        .staff-table th {
            background: {{$colorCodes[0]['color_code'] ?? '$c4a575'}};
            color: white;
            padding: 10px 8px;
            font-size: 9px;
            text-align: left;
            font-weight: bold;
        }

        .staff-table td {
            padding: 8px;
            border-bottom: 1px solid #eee;
            font-size: 9px;
        }

        .staff-table tr:nth-child(even) {
            background: #f8f9fa;
        }

        .room-card, .facility-card {
            border: 1px solid #ddd;
            border-radius: 6px;
            margin-bottom: 15px;
            overflow: hidden;
        }

        /* .room-card-new {
            background: white;
            margin-bottom: 20px;
            padding: 0;
            page-break-inside: avoid;
            border-radius: 8px;
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
            border-left: 4px solid #c4a575;
        } */

        .room-header-new {
            display: table;
            width: 100%;
            margin-bottom: 15px;
            border-bottom: 1px solid #eee;
            padding-bottom: 8px;
        }

        .room-title {
            display: table-cell;
            vertical-align: top;
            font-size: 16px;
            font-weight: bold;
            color: #333;
            width: 70%;
        }

        .room-size {
            display: table-cell;
            vertical-align: top;
            text-align: right;
            width: 30%;
            font-size: 12px;
        }

        .size-icon {
            display: inline-block;
            margin-right: 5px;
            font-size: 14px;
            color: #c4a575;
        }

        .room-features-new {
            /* margin-bottom: 15px; */
        }

        .features-text {
            font-size: 9px;
            line-height: 1.4;
            color: #333;
            text-align: justify;
        }

        .room-images-grid {
            display: table;
            width: 100%;
            table-layout: fixed;
            margin-bottom: 10px;
        }

        .room-image-item {
            display: table-cell;
            padding: 2px;
            vertical-align: top;
        }

        .room-image-item.main-image {
            width: 50%;
            padding-right: 5px;
        }

        .room-image-item.sub-image {
            width: 25%;
            padding: 0 2px;
        }

        .room-img {
            width: 100%;
            height: 120px;
            object-fit: cover;
            border-radius: 4px;
        }

        .room-img-placeholder {
            width: 100%;
            height: 120px;
            background: #f0f0f0;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #999;
            font-size: 8px;
            border-radius: 4px;
        }

        .room-extras {
            display: table-cell;
            width: 15%;
            padding-left: 10px;
            vertical-align: top;
        }

        .view-360 {
            margin-bottom: 10px;
            text-align: center;
        }

        .view-360-icon {
            width: 40px;
            height: 20px;
            border: 2px solid #333;
            border-radius: 15px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 8px;
            font-weight: bold;
            margin: 0 auto;
        }

        .qr-code-small {
            text-align: center;
        }

        .room-footer {
            border-top: 1px solid #eee;
            padding-top: 5px;
            text-align: center;
        }

        .room-header, .facility-header {
            background: linear-gradient(135deg, #c4a575 0%, #b8985f 100%);
            color: white;
            padding: 10px;
            font-weight: bold;
            text-align: center;
        }

        .room-content, .facility-content {
            padding: 10px;
        }

        .room-image, .facility-image {
            width: 100%;
            height: 120px;
            object-fit: cover;
            border-radius: 4px;
            margin-bottom: 10px;
        }

        .room-features, .facility-features {
            font-size: 9px;
            line-height: 1.5;
        }

        .room-features li, .facility-features li {
            margin-bottom: 3px;
            padding-left: 5px;
        }

        .certificates-grid {
            display: table;
            width: 100%;
            table-layout: fixed;
            border-collapse: separate;
            border-spacing: 0;
        }

        .certificate-row {
            display: table-row;
        }

        .certificate-item {
            display: table-cell;
            width: 16.66%;
            text-align: center;
            padding: 12px 5px;
            vertical-align: top;
            box-sizing: border-box;
        }

        .certificate-image {
            width: 60px;
            height: 60px;
            margin: 0 auto 10px auto;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 10px;
            font-weight: bold;
            color: white;
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        }

        .certificate-name {
            font-size: 8px;
            font-weight: bold;
            color: #333;
            text-align: center;
            line-height: 1.2;
            word-wrap: break-word;
            overflow-wrap: break-word;
            max-width: 100%;
            min-height: 32px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .contact-info {
            text-align: center;
            margin-top: 20px;
            padding: 15px;
            /* background: #bdbdbd; */
            border-radius: 8px;
        }

        .contact-info p {
            margin-bottom: 5px;
            font-size: 10px;
        }

        .amenities-list {
            display: table;
            width: 100%;
            table-layout: fixed;
        }

        .amenity-column {
            display: table-cell;
            width: 33.33%;
            padding: 0 10px;
            vertical-align: top;
        }

        .amenity-column ul {
            list-style: none;
            padding: 0;
        }

        .amenity-column li {
            padding: 3px 0;
            font-size: 9px;
            border-bottom: 1px dotted #cccccc;
            word-break: break-word;
            white-space: normal;
        }

        .amenity-column li strong {
            word-break: break-word;
            white-space: normal;
        }

        .amenity-column li p {
            word-break: break-word;
            white-space: normal;
            display: inline;
        }

        .amenity-column li:before {
            content: "✓";
            color: {{$colorCodes[0]['color_code'] ?? '$c4a575'}};
            font-weight: bold;
            margin-right: 5px;
            font-family: DejaVu Sans !important;
        }

        .location-image {
            width: 100%;
            height: 200px;
            object-fit: cover;
            border-radius: 8px;
            margin-bottom: 15px;
        }

        .page-break {
            page-break-before: always;
        }

        .qr-code {
            width: 60px;
            height: 60px;
            float: right;
            margin-left: 10px;
        }

        .restaurant-grid {
            display: table;
            width: 100%;
            table-layout: fixed;
        }

        .restaurant-item {
            display: table-cell;
            width: 20%;
            padding: 5px;
            vertical-align: top;
        }

        .restaurant-image {
            width: 100%;
            height: 60px;
            object-fit: cover;
            border-radius: 4px;
            margin-bottom: 5px;
        }

        .restaurant-name {
            font-size: 8px;
            font-weight: bold;
            text-align: center;
            color: #c4a575;
            margin-bottom: 3px;
        }

        .restaurant-type {
            font-size: 7px;
            text-align: center;
            color: #666;
        }

        .star-rating {
            color: #fcbf02;
            font-size: 14px;
        }

        .highlight-box {
            background: #fff8e1;
            border-left: 4px solid #c4a575;
            padding: 10px;
            margin: 10px 0;
        }

        .small-text {
            font-size: 8px;
            color: #666;
        }

        .bold {
            font-weight: bold;
        }

        .text-center {
            text-align: center;
        }

        .mb-10 {
            margin-bottom: 10px;
        }

        .mb-15 {
            margin-bottom: 15px;
        }

        .footer {
            text-align: center;
            font-size: 8px;
            color: #666;
            margin-top: 20px;
            padding: 10px;
            border-top: 1px solid #ddd;
        }

        /* Room Card New Styles */
        .room-card-new {
            background: white;
            border-radius: 0px;
            /* margin-bottom: 15px; */
            margin-top: 20px;
            /* padding: 15px; */
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
            border-left: 2px solid {{$colorCodes[0]['color_code'] ?? '$c4a575'}};
            font-size: 11px !important;
        }
        .place-card-new {
            background: white;
            border-radius: 8px;
            /* margin-bottom: 15px; */
            margin-top: 30px;
            /* padding: 15px; */
            padding-right: 15px;
            padding-left: 15px;
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
            border-left: 4px solid {{$colorCodes[0]['color_code'] ?? '$c4a575'}};
        }

        /* }
        .room-card-new:first-child {
           margin-top: 20px;
        }
        .room-card-new:not(:first-child) {
            margin-top: 20px;
        } */
        .room-header-new {
            display: table;
            width: 100%;
            /* margin-bottom: 10px; */
            border-bottom: 1px solid #eee;
            padding-bottom: 8px;
        }

        .room-title {
            display: table-cell;
            width: 75%;
            font-size: 12px;
            font-weight: bold;
            color: #333;
            vertical-align: middle;
        }

        .room-size {
            display: table-cell;
            width: 25%;
            text-align: right;
            font-size: 10px;
            color: {{$colorCodes[0]['color_code'] ?? '$c4a575'}};
            vertical-align: middle;
        }

        .size-icon {
            display: inline-block;
            width: 16px;
            height: 16px;
            background: #c4a575;
            border-radius: 50%;
            text-align: center;
            line-height: 16px;
            font-size: 8px;
            color: white;
            margin-right: 5px;
        }

        .room-features-new {
            margin-bottom: 10px;
        }

        .features-text {
            font-size: 9px;
            line-height: 1.4;
            color: #555;
            text-align: justify;
        }

        .room-images-grid {
            display: table;
            width: 100%;
            table-layout: fixed;
            margin-bottom: 10px;
        }

        .room-image-item {
            display: table-cell;
            padding: 2px;
            vertical-align: top;
        }

        .main-image {
            width: 50%;
        }

        .sub-image {
            width: 25%;
        }

        .room-img {
            width: 100%;
            height: 60px;
            object-fit: cover;
            border-radius: 4px;
        }

        .room-img-placeholder {
            width: 100%;
            height: 60px;
            background: #f0f0f0;
            border-radius: 4px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #999;
            font-size: 8px;
        }

        .room-extras {
            display: table-cell;
            width: 20%;
            padding: 2px;
            vertical-align: top;
        }

        .view-360, .qr-code-small {
            width: 100%;
            height: 28px;
            background: #f8f9fa;
            border-radius: 4px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 4px;
            font-size: 8px;
            color: #666;
        }

        .view-360-icon {
            font-weight: bold;
            color: #c4a575;
        }

        .room-footer {
            margin-top: 10px;
            padding-top: 8px;
            border-top: 1px solid #eee;
        }

        /* New Image Layout Styles */
        .room-images-layout {
            display: table;
            width: 100%;
            table-layout: fixed;
            margin-bottom: 0px;
        }

        .room-main-image {
            display: table-cell;
            width: 60%;
            padding-right: 8px;
            vertical-align: top;
        }

        .room-sub-images {
            display: table-cell;
            width: 40%;
            vertical-align: top;
        }

        .room-sub-image {
            width: 100%;
            margin-bottom: 6px;
        }

        .room-sub-image:last-child {
            margin-bottom: 0;
        }
        .features-text p {
            /* display: inline-block */
        }

        .background-image-hd {
            background-size: cover !important;
            background-position: center !important;
            background-repeat: no-repeat !important;
            background-attachment: fixed !important;
            image-rendering: -webkit-optimize-contrast !important;
            image-rendering: crisp-edges !important;
            image-rendering: pixelated !important;
            -webkit-print-color-adjust: exact !important;
            print-color-adjust: exact !important;
            -webkit-filter: contrast(1.1) brightness(1.05) !important;
            filter: contrast(1.1) brightness(1.05) !important;
        }

        @media print {
            .background-image-hd {
                background-attachment: scroll !important;
                -webkit-print-color-adjust: exact !important;
                print-color-adjust: exact !important;
                image-rendering: -webkit-optimize-contrast !important;
                image-rendering: optimizeQuality !important;
                background-size: cover !important;
                transform: scale(1.001) !important;
            }
        }

        .note-box {
            border: 1px solid {{$colorCodes[0]['color_code'] ?? '$c4a575'}};
            border-right: 2px solid {{$colorCodes[0]['color_code'] ?? '$c4a575'}};
            border-bottom: 2px solid {{$colorCodes[0]['color_code'] ?? '$c4a575'}};
            padding: 10px;
            margin-bottom: 10px;
            font-size: 10px;
            line-height: 1.6;
            border-radius: 4px;
            padding-top:15px !important;
        }

        .notes-title {
            font-weight: bold;
            font-size: 14px;
            margin-bottom: 10px;
        }
        .star-rating {
            font-family: DejaVu Sans !important;
        }
        .ff-dejavu {
            font-family: DejaVu Sans !important;
        }
        .info-table-places tr td {
            border-top: none !important;
            border-left: none !important;
            border-right: none !important;
            border-bottom: none !important;
            margin-top: 1px !important;
        }

        .amenity-facts-wrapper {
            display: flex;
            flex-wrap: wrap;
            gap: 4px;
        }

        .amenity-facts-wrapper p {
            display: inline-block;
            max-width: 220px;
            margin: 0;
            word-break: break-word;
            white-space: normal;
        }

        .photo-gallery-grid {
            display: flex;
            gap: 12px;
            margin-top: 10px;
            align-items: flex-start;
        }
        .gallery-main-photo {
            flex: 2;
        }
        .gallery-main-photo img {
            width: 100%;
            height: 220px;
            object-fit: cover;
            border-radius: 8px;
            box-shadow: 0 2px 8px rgba(0,0,0,0.08);
        }
        .gallery-side-photos {
            flex: 1;
            display: flex;
            flex-direction: column;
            gap: 8px;
            padding-left: 10px;
        }
        .gallery-side-photo img {
            width: 100%;
            height: 50px;
            object-fit: cover;
            border-radius: 6px;
            box-shadow: 0 1px 4px rgba(0,0,0,0.06);
        }
        .room-facts-box {
            display: table !important;
            width: 100% !important;
            height: 400px !important;
            border-radius:0px !important;
        }
        .no-table-border {
            border: none !important;
            border-bottom: none !important;
            border-top: none !important;
            border-right: none !important;
            border-left: none !important
        }
        </style>
    </head>
    <body>
        <div class="container">
            <!-- Header Section -->
            <?php
            $defaultPhoto = collect($pageContent['property_photo'])->where('is_default',1)->first();
            $defaultPhoto = $defaultPhoto ? $defaultPhoto['photoUrl']['default'] : $pageContent['property_photo'][0]['photoUrl']['default'];
            ?>
            <div class="header" style="height:490px!important;padding-right:20px;padding-left:20px;background: url({{$defaultPhoto}}) center center / cover no-repeat; position: relative;">

                <div style="background: rgba(0, 0, 0, 0.35); position: absolute; top: 0; left: 0; width: 980px; height: 510px;border-radius:8px"></div>
                {{-- @if(isset($pageContent['property_brand']['logoUrl']))
                    <img src="{{ $pageContent['property_brand']['logoUrl'] }}" alt="Hotel Logo" class="logo" style="position: relative; z-index: 2; max-width: 150px;max-height:125px; margin: 20px;margin-top:0px">
                @endif --}}
                <div class="hotel-name" style="position: relative; z-index: 2; color: white; font-size: 36px; font-weight: bold; text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);">
                    {{ $pageContent['name'] ?? 'Hotel' }}
                </div>

                @if(isset($pageContent['property_brand']['summary']))
                    <div class="hotel-subtitle" style="position: relative; z-index: 2; color: white; font-size: 14px; text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);">
                    {{-- <strong>{{ __($pageContent['property_type_language_key']) }}</strong> --}}
                        {!! \Illuminate\Support\Str::limit(nl2br($pageContent['property_brand']['summary']), 250, '...') !!}
                    </div>
                @endif
            </div>
            <div class="page-break"></div>
            <!-- Hotel Information Section -->
            <div class="section" style="padding-top: 20px">
                <div class="section-header">
                    {{__('be-search-hotel_info-title')}}
                </div>
                <div class="section-content" style="font-size: 10px !important">
                    <div class="two-column">
                        <div class="column">
                            <table class="info-table">
                                @if(!empty($pageContent['property_chain']))
                                    <tr>
                                        <td>{{ __('enw-input-chain_type') }}</td>
                                        <td> {{ __( $pageContent['property_chain']) }}</td>
                                    </tr>
                                @endif
                                @if(!empty($pageContent['property_contact']['address']))
                                    <tr>
                                        <td>{{ __('enw-input-address') }}</td>
                                        <td>{{ $pageContent['property_contact']['address'] }}</td>
                                    </tr>
                                @endif
                                @if(!empty($pageContent['property_contact']['phone']))
                                    <tr>
                                        <td>{{ __('enw-input-phone') }}</td>
                                        <td>{{ $pageContent['property_contact']['phone'] }}</td>
                                    </tr>
                                @endif
                                @foreach(array_slice($pageContent['additional_info'], 0, 5) as $additionalInfo)
                                    @if($additionalInfo['value'] != "")
                                        <tr>
                                            <td>{{ __($additionalInfo['language_key']) }}</td>
                                            <td>{{ $additionalInfo['name'] != "minimum_age_policy" && $additionalInfo['value'] == "1" ? __('enw-input-checkbox-yes') : ($additionalInfo['name'] != "minimum_age_policy" && $additionalInfo['value'] == "0" ? __('enw-input-checkbox-yes') : $additionalInfo['value']) }}</td>
                                        </tr>
                                    @endif
                                @endforeach
                            </table>
                        </div>
                        <div class="column">
                        @php
                            $rowCount3 = 0;
                            if(!empty($pageContent['additional_info']['year_construction'])) $rowCount3++;
                            if(!empty($pageContent['property_type']) && !empty($pageContent['property_type_language_key'])) $rowCount3++;
                            if(!empty($pageContent['additional_info']['number_of_rooms'])) $rowCount3++;
                            if(!empty($pageContent['property_contact']['address'])) $rowCount3++;
                            if(!empty($pageContent['property_contact']['view_full_phone'])) $rowCount3++;
                            if(!empty($pageContent['property_chain'])) $rowCount3++;
                            if(!empty($pageContent['official_name'])) $rowCount3++;
                            if(!empty($pageContent['additional_info']['pet_allowed'])) $rowCount3++;
                            if(!empty($pageContent['property_language_spoken'])) $rowCount3++;
                            $tableHeight1 = max(150, $rowCount3 * 38);
                        @endphp
                        <div style="height:{{$tableHeight1 + 200}}px;padding-right:20px;padding-left:20px;background: url({{$pageContent['property_photo'][1]['photoUrl']['default'] ?? ''}}) center center / cover no-repeat; position: relative;border-radius:4px"></div>
                    </div>
                    </div>
                </div>
            </div>
            <div class="page-break"></div>
            <div class="section" style="padding-top: 20px;border:none!important;">
                <div class="section-content" style="font-size: 10px !important; height: 440px; display: table; width: 100%;border:none!important;">
                    <div style="display: table-cell; vertical-align: middle; width: 100%;border:none!important;">
                        <div class="two-column" style="width: 100%;">
                            <div class="column">
                                <table class="info-table no-table-border">
                                    @if(!empty($pageContent['property_contact']['email']))
                                        <tr class="no-table-border">
                                            <td class="no-table-border">{{ __('enw-input-email') }}</td>
                                            <td class="no-table-border">{{ $pageContent['property_contact']['email'] }}</td>
                                        </tr>
                                    @endif
                                    @foreach(array_slice($pageContent['additional_info'], 7, 8) as $additionalInfo)
                                        @if($additionalInfo['value'] != "")
                                            <tr class="no-table-border">
                                                <td class="no-table-border">{{ __($additionalInfo['key']) }}</td>
                                                <td class="no-table-border">{{ $additionalInfo['name'] != "minimum_age_policy" && $additionalInfo['value'] == "1" ? __('enw-input-checkbox-yes') : ($additionalInfo['name'] != "minimum_age_policy" && $additionalInfo['value'] == "0" ? __('enw-input-checkbox-yes') : $additionalInfo['value']) }}</td>
                                            </tr>
                                        @endif
                                    @endforeach
                                    @if(!empty($pageContent['property_contact']['web']))
                                        <tr class="no-table-border">
                                            <td class="no-table-border">{{ __('enw-input-web_site') }}</td>
                                            <td class="no-table-border">{{ $pageContent['property_contact']['web'] }}</td>
                                        </tr>
                                    @endif
                                </table>
                            </div>
                        <div class="column">
                            {{-- @php
                                $rowCount2 = 0;
                                if(!empty($pageContent['country'])) $rowCount2++;
                                if(!empty($pageContent['property_contact']['email'])) $rowCount2++;
                                if(!empty($pageContent['property_contact']['web'])) $rowCount2++;
                                if(!empty($pageContent['property_contact']['view_full_fax'])) $rowCount2++;
                                if(!empty($pageContent['tax_office'])) $rowCount2++;
                                if(!empty($pageContent['tax_number'])) $rowCount2++;
                                if(!empty($pageContent['additional_info']['checkin_time'])) $rowCount2++;
                                if(!empty($pageContent['additional_info']['checkout_time'])) $rowCount2++;
                                if(!empty($pageContent['additional_info']['minimum_age_policy'])) $rowCount2++;
                                $tableHeight2 = max(150, $rowCount2 * 38);
                            @endphp --}}
                            <div style="height:{{$tableHeight1 + 200}}px;padding-right:20px;padding-left:20px;background: url({{$pageContent['property_photo'][2]['photoUrl']['default'] ?? ''}}) center center / cover no-repeat; position: relative;border-radius:4px"></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="page-break"></div>

            <!-- Rooms Section -->
            @if(isset($pageContent['property_room']) && is_array($pageContent['property_room']))
                <div class="section">
                    <div class="section-content">
                            @foreach($pageContent['property_room'] as $index => $room)
                                @if($index > 0)
                                    <div style="height: 20px;"></div>
                                @endif
                                <div class="room-card-new" style="padding-right: 15px;padding-left: 15px;">
                                    <div class="room-header-new">
                                        <div class="room-title">
                                            <strong style="font-size: 13.5px!important;text-transform: uppercase;">{{ $room['name'] }}</strong>
                                            @if(isset($room['type']))
                                                | <span style="color: {{$colorCodes[0]['color_code'] ?? '$c4a575'}}">{{ $room['type'] }}</span>
                                            @endif
                                        </div>
                                        @if(isset($room['room_size']) && $room['room_size'])
                                            <div class="room-size">
                                                <span class="ff-dejavu">
                                                    <span style="font-size: 13px!important;margin-right:5px!important">&#8689;</span>
                                                    {{-- <span>&#8690;</span> --}}
                                                    {{ $room['room_size'] }} {{ $room['roomSizeTypeFormatted'] ?? 'm²' }}
                                                </span>
                                            </div>
                                        @endif
                                    </div>

                                    <!-- Features Section -->
                                    <div class="room-features-new">
                                        {{-- <h4 style="color: {{$colorCodes[0]['color_code'] ?? '$c4a575'}}; margin-bottom: 8px;">{{ __('enw-rooms_features-title') }}:</h4> --}}
                                        <div class="features-text">
                                            @php
                                                $features = [];

                                                if (isset($room['max_adult'])) {
                                                    $features[] = __('enw-input-max_adults') . ': <strong>' . $room['max_adult'] . '</strong>';
                                                }
                                                if (isset($room['max_child'])) {
                                                    $features[] = __('enw-input-max_children') . ': <strong>' . $room['max_child'] . '</strong>';
                                                }
                                                if (isset($room['max_occupancy'])) {
                                                    $features[] = __('enw-input-max_room_occupancy') . ': <strong>' . $room['max_occupancy'] . '</strong>';
                                                }
                                                // if (isset($room['room_size']) && isset($room['room_size_type'])) {
                                                //     $features[] = __('enw-input-room_size') . ': <strong class="ff-dejavu">' . $room['room_size'] . ' ' . $room['room_size_type'] . '</strong>';
                                                // }
                                                if (isset($room['room_type_count'])) {
                                                    $features[] = __('enw-input-room_type_count') . ': <strong>' . $room['room_type_count'] . '</strong>';
                                                }
                                                if (isset($room['room_count'])) {
                                                    $features[] = __('myweb-about-general-room_count-title') . ': <strong>' . $room['room_count'] . '</strong>';
                                                }
                                                if (isset($room['lounge_count'])) {
                                                    $features[] = __('enw-input-number_of_lounge') . ': <strong>' . $room['lounge_count'] . '</strong>';
                                                }
                                                if (isset($room['bathroom_count'])) {
                                                    $features[] = __('myweb-room_detail-number_of_bathrooms-title') . ': <strong>' . $room['bathroom_count'] . '</strong>';
                                                }

                                                @endphp
                                                {!! implode(', ', $features) . '' !!}
                                        </div>
                                    </div>

                                    <!-- Room Images Grid -->
                                    <div class="room-images-layout">
                                        @if(isset($room['photo']) && is_array($room['photo']))
                                            <div class="room-main-image background-image-hd" @if(!empty($room['photo']) && count($room['photo']) < 2) style="width:100%!important;" @endif>
                                                {{-- @if(!empty($room['photo']) && count($room['photo']) == 1) --}}
                                                    <div style="background: url({{$room['photo'][0]['photoUrl']['default'] ?? ''}}); width:100%; height:335px; background-position:center; background-repeat:no-repeat; background-size:cover; border-radius:4px; background-attachment:fixed; image-rendering: -webkit-optimize-contrast; image-rendering: crisp-edges; -webkit-filter: contrast(1.1) brightness(1.05); filter: contrast(1.1) brightness(1.05);"></div>
                                                {{-- @else
                                                    <img src="{{$room['photo'][0]['photoUrl']['default'] ?? ''}}" alt="room" width="100%" height="300px" style="object-fit: cover!important;border-radius:4px">
                                                @endif --}}
                                                {{-- <div style="background: url('{{ $room['images'][0] }}'); width:100%; height:150px; background-position:center; background-repeat:no-repeat; background-size:cover; border-radius:4px; background-attachment:fixed; image-rendering: -webkit-optimize-contrast; image-rendering: crisp-edges; -webkit-filter: contrast(1.1) brightness(1.05); filter: contrast(1.1) brightness(1.05);"></div> --}}
                                            </div>
                                            @if(!empty($room['photo']) && count($room['photo']) > 1)
                                                <div class="room-sub-images">
                                                    @foreach(array_slice($room['photo'], 1, 2) as $image)
                                                        <div class="room-sub-image background-image-hd">
                                                            {{-- <img src="{{$image['photoUrl']['default']}}" alt="room" width="100%" style="object-fit: cover!important;border-radius:4px; @if(!empty($room['photo']) && count($room['photo']) < 3) height:299px;  @else height:146px; @endif "> --}}
                                                            <div style="background: url({{$image['photoUrl']['default']}}); width:100%; @if(!empty($room['photo']) && count($room['photo']) < 3) height:335px;  @else height:164px; @endif background-position:center; background-repeat:no-repeat; background-size:cover; border-radius:4px; margin-bottom:6px; image-rendering: -webkit-optimize-contrast; image-rendering: crisp-edges; -webkit-filter: contrast(1.1) brightness(1.05); filter: contrast(1.1) brightness(1.05);"></div>
                                                        </div>
                                                    @endforeach
                                                </div>
                                            @endif
                                        @endif
                                    </div>
                                </div>
                                {{-- <div style="text-align: center; font-size: 11px; color: black;margin-top:20px;">
                                    {{__('myweb-rooms-title')}}
                                </div> --}}
                                {{-- <span class="ff-dejavu" style="margin-right:8px;color:{{$colorCodes[0]['color_code'] ?? '#c4a575'}}">✓</span> --}}
                                @if(!empty($room['fact']))
                                <div class="room-card-new" style="padding-right: 0px !important;padding-left:0px!important">
                                    <div class="room-facts-box" style=" box-shadow: 0 2px 8px rgba(0,0,0,0.06); padding: 18px 15px; margin-top: 0px; margin-bottom: 0px; max-width: 100%;">
                                        <div style="display: table-cell;text-aling:center;vertical-align:middle;">
                                            <div style="font-size: 14px; font-weight: bold; color: {{$colorCodes[0]['color_code'] ?? '#c4a575'}}; margin-bottom: 12px;">
                                                <div class="room-header-new">
                                                    <div class="room-title">
                                                        <strong style="font-size: 13.5px!important;color:#333!important;text-transform: uppercase;">{{ $room['name'] }}</strong>
                                                        | <span style="font-size:11px;color: {{$colorCodes[0]['color_code'] ?? '$c4a575'}}">{{ __('myweb-room_detail-room_features-title') }}</span>
                                                    </div>
                                                </div>
                                            </div>
                                            <table style="width:100%; table-layout:fixed;">
                                                <tr>
                                                    @foreach(array_slice($room['fact'], 0, 48) as $i => $fact)
                                                        @if(isset($fact['name']))
                                                            <td style="width:25%; font-size:11px; padding-bottom:7px; vertical-align:top; word-break:break-word;">
                                                                <span class="ff-dejavu" style="color:{{$colorCodes[0]['color_code'] ?? '#c4a575'}}; font-size:13px; margin-right:6px;">✓</span>
                                                                <span style="text-transform: uppercase;">{{ $fact['name'] }}</span>
                                                            </td>
                                                            @if(($i + 1) % 4 == 0 && $i + 1 < count($room['fact']))
                                                                </tr><tr>
                                                            @endif
                                                        @endif
                                                    @endforeach
                                                    @for($j = 0; $j < (4 - (count($room['fact']) % 4)) % 4; $j++)
                                                        <td style="width:25%;"></td>
                                                    @endfor
                                                </tr>
                                            </table>
                                        </div>
                                    </div>
                                    {{-- <div style="text-align: center; font-size: 11px; color: black;margin-top:5px;">
                                        {{ __('myweb-room_detail-room_features-title') }}
                                    </div> --}}
                                </div>
                                @endif
                            @if($index < count($pageContent['property_room']) - 1)
                                <div class="page-break"></div>
                            @endif
                        @endforeach
                    </div>
                </div>
            @endif

            <!-- Places Section -->
            @if(isset($pageContent['property_place']) && is_array($pageContent['property_place']))
                <div class="page-break"></div>
                <div class="section">
                {{-- <div class="section-header">
                    {{__('btn-places')}}
                </div> --}}
                @foreach($pageContent['property_place'] as $index => $place)
                    {{-- @if($index > 0)
                        <div style="height: 50px"></div>
                    @endif --}}
                    <div class="section-content" @if(empty($place['photo'][0]['photoUrl']['fixed'])) style="padding-top: 80px;font-size: 10px !important;" @else style="padding-top: 0px;font-size: 10px !important;" @endif>
                        <div class="two-column" style="display: table; width: 100%; table-layout: fixed;">
                            <div class="column" style="display: table-cell; vertical-align: middle;@if(empty($place['photo'][0]['photoUrl']['fixed'])) width: 100%!important @endif">
                                <table class="info-table info-table-places">
                                   @if(!empty($place['name']))
                                        <tr style="border: none !important; border-bottom: none !important; border-top: none !important;">
                                            <td colspan="2"
                                                style="color:#fff!important;
                                                    text-align:center;
                                                    background: {{$colorCodes[0]['color_code'] ?? '#c4a575'}} !important;
                                                    border: none !important;
                                                    border-bottom: none !important;
                                                    border-top: none !important;
                                                    font-weight: bold;
                                                    font-size: 18px;
                                                    padding-top: 14px;
                                                    padding-bottom: 14px;
                                                    z-index:5;">
                                                <strong>
                                                    @if(!empty($place['languageNameArray']) && $place['languageNameArray'][app('translator')->getLocale()] != null)
                                                        {{ $place['languageNameArray'][app('translator')->getLocale()] }}
                                                    @else
                                                        <span style="text-transform: uppercase;">{{$place['name']}}</span>
                                                    @endif
                                                </strong>
                                            </td>
                                        </tr>
                                    @endif

                                    @if(!empty($place['field']))
                                        @foreach(array_slice($place['field'], 0, 4) as $field)
                                            @if(!empty($field['option_value']) || !empty($field['input_value']))
                                                <tr @if(count($place['fact']) > 6) style="display: none!important" @endif>
                                                    <td>
                                                        {{$field['name']}}
                                                    </td>
                                                    <td>
                                                        @if(!empty($field['input_value']) && $field['input_value'] != "")
                                                            {{$field['input_value']}} <span class="ff-dejavu">{{$field['unit'] ?? ''}}</span>
                                                        @endif
                                                        @if(!empty($field['option_value']) && $field['option_value'] != "")
                                                            {{ __($field['option_value']['language_key']) }}</span>
                                                        @endif
                                                    </td>
                                                </tr>
                                            @endif
                                        @endforeach
                                    @endif

                                    @if(!empty($place['fact']))
                                        @foreach(array_slice($place['fact'], 0, 8) as $facts)
                                            <tr>
                                                <td>{{$facts['name']}}</td>
                                                <td>
                                                    @foreach(array_slice($facts['fact'], 0, 7) as $fact)
                                                        {{$fact['name']}}{{$loop->last ? '' : ','}}
                                                    @endforeach
                                                </td>
                                            </tr>
                                        @endforeach
                                    @endif
                                </table>
                            </div>
                            @if(!empty($place['photo'][0]['photoUrl']['fixed']))
                                <div class="column" style="display: table-cell; vertical-align: middle; height:90%;">
                                    <div style="height:350px;padding-right:20px;padding-left:20px;background: url({{$place['photo'][0]['photoUrl']['fixed']}}) center center / cover no-repeat; position: relative;border-radius:4px"></div>
                                </div>
                            @endif
                        </div>
                        @php
                            $fieldCount = 0;
                            $factCount = count($place['fact']);
                            $total = 0;
                            if ($place['field'] == null) {
                                $place['field'] = [];
                            }
                            if ($place['fact'] == null) {
                                $place['fact'] = [];
                            }
                            foreach ($place['field'] as $field) {
                                if ($field['input_value'] != "" || $field['input_value'] != null && $field['option_value'] != "" || $field['option_value'] != null) {
                                    $fieldCount++;

                                }
                            }
                            $total = $fieldCount + $factCount;
                        @endphp
                        @if(isset($place['category']))
                            <div style="text-align: center; font-size: 11px; color: black;@if(empty($place['photo'][0]['photoUrl']['fixed']) && $total > 0 && $total < 4) padding-top:220px; @elseif(empty($place['photo'][0]['photoUrl']['fixed']) && $total > 3 && $total < 6) padding-top:130px; @elseif(empty($place['photo'][0]['photoUrl']['fixed']) && $total == 0) padding-top:300px; @elseif(empty($place['photo'][0]['photoUrl']['fixed']) && $total > 5 && $total < 7) padding-top:80px; @else margin-top:5px; @endif">
                                {{$place['category']}}
                            </div>
                        @endif
                    </div>
                    @if($index < count($pageContent['property_place']) - 1)
                        <div class="page-break"></div>
                    @endif
                @endforeach
            </div>
            @endif

            <!-- Staff Section -->
            @if(!empty($pageContent['property_executive']))
                <div class="page-break"></div>
                <div class="section" @if(count($pageContent['property_executive']) < 8) style="padding-top: 80px" @else style="padding-top: 0px" @endif>
                    <div class="section-header">
                        {{ __('enw-general-tab-employees') }}
                    </div>
                    <div class="section-content">
                        <table class="staff-table" style="font-size:10px!important">
                            <thead>
                                <tr>
                                    <th>{{ __('enw-input-contact_type') }}</th>
                                    <th>{{ __('enw-input-name_surname') }}</th>
                                    <th>{{ __('enw-input-email') }}</th>
                                    <th>{{ __('enw-input-phone') }}</th>
                                    <th>{{ __('enw-input-mobile_phone') }}</th>
                                    <th>{{ __('enw-input-fax') }}</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($pageContent['property_executive'] as $staff)
                                    <tr>
                                        <td>{{ isset($staff['type']) && $staff['type'] != "" ? $staff['type'] : '-' }}</td>
                                        <td>{{ isset($staff['name']) && $staff['name'] != "" ? $staff['name'] : '-' }}</td>
                                        <td>{{ isset($staff['email']) && $staff['email'] != "" ? $staff['email'] : '-' }}</td>
                                        <td>{{ isset($staff['phone']) && $staff['phone'] != "" ? $staff['phone'] : '-' }}</td>
                                        <td>{{ isset($staff['mobile']) && $staff['mobile'] != "" ? $staff['mobile'] : '-' }}</td>
                                        <td>{{ isset($staff['fax']) && $staff['fax'] != "" ? $staff['fax'] : '-' }}</td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="page-break"></div>
            @endif

            <!-- Amenities Section -->
            @if(!empty($pageContent['property_fact']))
                @if(isset($pageContent['property_fact']['amenities']))
                    <div class="section">
                        {{-- <div class="section-header">
                            {{__('myweb-about-amenities_facility-title')}}
                        </div> --}}
                        <div class="section-content">
                            <div class="amenities-list">
                                <div class="amenity-column">
                                    <h4 style="color: {{$colorCodes[0]['color_code'] ?? '$c4a575'}}; margin-bottom: 10px;font-size:14px!important">{{ __('property_fact-amenities') }}</h4>
                                    <ul style="font-size: 12px !important">
                                        @foreach($pageContent['property_fact']['amenities']['fact'] as $subcategory)
                                            <li>
                                                <strong>{{ __($subcategory['language_key'] ?? $subcategory['name'] ?? '') }}</strong>:
                                                @if(isset($subcategory['fact']) && is_array($subcategory['fact']) && count($subcategory['fact']) > 0)
                                                    {{ implode(', ', array_map(function($fact) { return __($fact['language_key'] ?? $fact['name'] ?? $fact); }, $subcategory['fact'])) }}
                                                @endif
                                            </li>
                                        @endforeach
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                @endif

                @if(isset($pageContent['property_fact']['facilities']))
                    <div class="page-break"></div>
                    <div class="section">
                        {{-- <div class="section-header">
                            {{__('myweb-about-amenities_facility-title')}}
                        </div> --}}
                        <div class="section-content">
                            <div class="amenities-list">
                                <div class="amenity-column">
                                    <h4 style="color: {{$colorCodes[0]['color_code'] ?? '#c4a575'}}; margin-bottom: 10px;font-size:14px!important">{{ __('property_fact-facilities') }}</h4>
                                    <ul style="font-size: 12px !important">
                                        @foreach($pageContent['property_fact']['facilities']['fact'] as $subcategory)
                                            <li>
                                                <strong>{{ __($subcategory['language_key'] ?? $subcategory['name'] ?? '') }}</strong>:
                                                @if(isset($subcategory['fact']) && is_array($subcategory['fact']) && count($subcategory['fact']) > 0)
                                                    {{ implode(', ', array_map(function($fact) { return __($fact['language_key'] ?? $fact['name'] ?? $fact); }, $subcategory['fact'])) }}
                                                @endif
                                            </li>
                                        @endforeach
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                @endif
                {{-- <div style="positon:relative;text-align: center; font-size: 11px; color: black;margin-top:0px;">
                    {{__('myweb-about-amenities_facility-title')}}
                </div> --}}
                {{-- <div class="page-break"></div> --}}
            @endif

            <!-- Awards and Certificates Section -->
            @if(isset($pageContent['property_awards_certificates']))
                {{-- @php
                    $certificates = explode(',', $pageContent['property_awards_certificates']);
                    $certificates = array_filter($certificates, function($cert) {
                        return trim($cert) !== '';
                    });
                @endphp --}}

                {{-- @if(count($pageContent['property_awards_certificates']) > 3) --}}
                    <div class="page-break"></div>
                {{-- @endif --}}
                <div class="section" style="padding-top: 0px">
                    <div class="section-header">
                        {{ __('enw-input-award_and_certificate') }}
                    </div>
                    <div class="section-content">
                        <table style="width: 100%; border-collapse: collapse; margin-bottom: 10px;font-size:10px!important;">
                            <tbody>
                                @foreach(array_chunk($pageContent['property_awards_certificates'], 6) as $certificateRow)
                                    <tr>
                                        @foreach($certificateRow as $certificate)
                                            <td style="width: 16.66%; text-align: center; padding: 8px; vertical-align: top; border-bottom: 1px dotted #ddd;font-family: DejaVu Sans, sans-serif !important;">
                                                <div style="font-size: 8px; font-weight: bold; color: #333; line-height: 1.2; word-wrap: break-word;">
                                                    {{ trim($certificate['name']) }}
                                                </div>
                                            </td>
                                        @endforeach
                                        {{-- @if(count($certificateRow) < 6)
                                            @for($i = count($certificateRow); $i < 6; $i++)
                                                <td style="width: 16.66%; text-align: center; padding: 8px; vertical-align: top; border-bottom: 1px dotted #ddd;font-family: DejaVu Sans, sans-serif !important;">
                                                    &nbsp;
                                                </td>
                                            @endfor
                                        @endif --}}
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
                <!-- Page Break -->
                {{-- <div class="page-break"></div> --}}
            @endif

            <!-- Photo Gallery Section -->
            @if(!empty($pageContent['property_photo']))
                <div class="section" style="padding-top: 0px">
                    {{-- <div class="section-header">
                        {{ __('enw-input-photo_gallery') }}
                    </div> --}}
                    <div class="section-content">
                        <div class="photo-gallery-grid" style="display: table; width: 100%; table-layout: fixed;">
                            <div class="gallery-main-photo" style="display: table-cell; width: 60%; vertical-align: top;">
                                <div style="width:100%; height:470px; border-radius:8px; box-shadow:0 2px 8px rgba(0,0,0,0.08); background: url({{$pageContent['property_photo'][0]['photoUrl']['default']}}) center center / cover no-repeat;">
                                </div>
                            </div>
                            <div class="gallery-side-photos" style="display: table-cell; width: 40%; vertical-align: top;">
                                @foreach(array_slice($pageContent['property_photo'], 1, 3) as $img)
                                    <div class="gallery-side-photo" style="width:100%; height:151px; margin-bottom:8px; border-radius:6px; box-shadow:0 1px 4px rgba(0,0,0,0.06); background: url({{$img['photoUrl']['default']}}) center center / cover no-repeat;">
                                    </div>
                                @endforeach
                            </div>
                        </div>
                    </div>
                </div>
            @endif

            {{-- @if(isset($pageContent['property_brand']['title']))
                <div class="page-break"></div>
                <div class="section">
                    <div class="section-header">
                        {{__('enw-input-description')}}
                    </div>
                    @php
                        $hotelDescriptions = json_decode($pageContent['property_brand']['title'], true);
                    @endphp
                    @foreach($hotelDescriptions as $lang => $description)
                        @if(isset($description))
                            <div class="note-box">
                                <p style="font-size: 14px;font-weight:600">{{$lang}}</p>
                                <p @if($lang == "ka") class="ff-dejavu" @endif>{!! nl2br(e($description)) !!}</p>
                            </div>
                        @endif
                    @endforeach
                </div>
            @endif --}}

            <!-- Contact Information -->
            {{-- <div style="background: rgba(255, 255, 255, 0.5); position: absolute; top: 245px; left: 0; width: 941px; height: 20px;border-radius:0px"></div> --}}

                <div style="padding-top: 10px!important">
                    <div class="header" style="height:490px!important;padding-right:20px;padding-left:20px;background: url({{$pageContent['property_photo'][4]['photoUrl']['default'] ?? $pageContent['property_photo'][0]['photoUrl']['default'] ?? ''}}) center center / cover no-repeat; position: relative;">
                    <div style="background: rgba(0, 0, 0, 0.4); position: absolute; top: 0; left: 0; width: 980px; height: 510px;border-radius:8px"></div>
                        <div style="background: rgba(255, 255, 255, 0.8); position: absolute; top: 150px; left: 0; width: 941px; height: 200px;border-radius:0px"></div>
                        <div class="hotel-name" style="margin-top:130px;position: relative; z-index: 2; color: black; font-size: 15px; font-weight: bold; text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);">
                            @if(isset($pageContent['name']))<p style="font-size: 16px!important"><strong>{{ $pageContent['name'] }}</strong></p> @endif
                            @if(isset($pageContent['property_contact']['address']))<p>{{ $pageContent['property_contact']['address']}} </p>@endif
                            <p>@if(isset($pageContent['property_contact']['phone'])) {{ __('enw-input-phone') }}: {{ $pageContent['property_contact']['phone'] }} @endif | @if(isset($pageContent['property_contact']['email'])) {{ __('enw-input-email') }}: {{ $pageContent['property_contact']['email'] }} @endif</p>
                            @if(isset($pageContent['property_contact']['web']))<p>{{ $pageContent['property_contact']['web']}} </p>@endif
                        </div>
                    </div>
                </div>

            {{-- <div class="contact-info">
                <div class="two-column" style="display: table; width: 100%; table-layout: fixed;height:470px;">
                    <div class="column" style="font-size:16px;color:#fff;display: table-cell; vertical-align: middle;width: 100%!important;background: url({{$pageContent['property_photo'][4]['photoUrl']['default'] ?? $pageContent['property_photo'][0]['photoUrl']['default'] ?? ''}}) center center / cover no-repeat;">
                    <div style="background: rgba(0, 0, 0, 0.35); position: absolute; top: 0; left: 0; width: 940px; height: 490px;border-radius:8px"></div>
                        @if(isset($pageContent['name']))<p><strong>{{ $pageContent['name'] }}</strong></p> @endif
                        @if(isset($pageContent['property_contact']['address']))<p>{{ $pageContent['property_contact']['address']}} </p>@endif
                        <p>@if(isset($pageContent['property_contact']['phone'])) {{ __('enw-input-phone') }}: {{ $pageContent['property_contact']['phone'] }} @endif | @if(isset($pageContent['property_contact']['email'])) {{ __('enw-input-email') }}: {{ $pageContent['property_contact']['email'] }} @endif</p>
                        @if(isset($pageContent['property_contact']['social_media_addresses']))
                            @php
                                $socialMedia = json_decode($pageContent['property_contact']['social_media_addresses'], true);
                            @endphp
                            @if(isset($socialMedia['facebook']) && $socialMedia['facebook'])
                                <p>Facebook: {{ $socialMedia['facebook'] }}</p>
                            @endif
                            @if(isset($socialMedia['instagram']) && $socialMedia['instagram'])
                                <p>Instagram: {{ $socialMedia['instagram'] }}</p>
                            @endif
                            @if(isset($socialMedia['twitter']) && $socialMedia['twitter'])
                                <p>Twitter: {{ $socialMedia['twitter'] }}</p>
                            @endif
                        @endif
                        @if(isset($pageContent['property_contact']['web']))<p>{{ $pageContent['property_contact']['web']}} </p>@endif
                    </div>
                </div>
            </div> --}}
        </div>
    </body>
</html>
