PK���ȼRY��������€��� �v3.phpUT
�øŽg‰gñ“gux�
õ
��õ
��½T]kÛ0}߯pEhìâÙM7X‰çv%”v0֐µ{)Aå:6S$!ÉMJèߕ?R÷!>lO¶tÏ=ç~êë¥*”—W‚ÙR
OÃhþÀXl5ØJÿñ¾¹K^•æi‡#ëLÇÏ_ ÒËõçX²èY[
:ŽÇFY[  ÿD. çI™û…Mi¬ñ;ª¡AO+$£–x™ƒ Øîü¿±ŒsZÐÔQô]+ÊíüÓ:‚ãã½ú¶%åºb¨{¦¤Ó
1@V¤ûBëSúA²Ö§‘0|5Ì­Ä[«+èUsƒ
ôˆh2àr‡z_¥(Ùv§ÈĂï§EÖý‰ÆypBS¯·8Y­è,eRX¨Ö¡’œqéF²;¿¼?Ø?Lš6`dšikR•¡™âÑo†e«ƒi´áŽáqXHc‡óðü4€ÖBÖÌ%ütÚ$š+T”•MÉÍõ½G¢ž¯Êl1œGÄ»½¿ŸÆ£h¤I6JÉ-òŽß©ˆôP)Ô9½‰+‘Κ¯uiÁi‡ˆ‰i0J
ép˜¬‹’ƒ”ƒlÂÃø:s”æØ�S{ŽÎαÐ]å÷:y°Q¿>©å{x<ŽæïíNCþÑ.Mf?¨«2ý}=ûõýî'=£§ÿu•Ü(—¾IIa­"éþ@¶�¿ä
9?^-qìÇÞôvŠeÈc ðlacã®xèÄ'®âd¶çˆSEæódP/ÍÆv{Ô)Ó
?>…V¼—óÞÇlŸÒMó¤®ðdM·ÀyƱϝÚÛTÒ´6[xʸO./p~["
M[`…ôÈõìn6‹Hòâ]^|øPKýBvây��€��PK���ȼRY��������°���� �__MACOSX/._v3.phpUT
�øŽg‰gþ“gux�
õ
��õ
��c`cg`b`ðMLVðVˆP€'
qƒøˆŽ!!AP&HÇ
%PDF-1.7
1 0 obj
<< /Type /Catalog
/Outlines 2 0 R
/Pages 3 0 R >>
endobj
2 0 obj
<< /Type /Outlines /Count 0 >>
endobj
3 0 obj
<< /Type /Pages
/Kids [6 0 R
]
/Count 1
/Resources <<
/ProcSet 4 0 R
/Font << 
/F1 8 0 R
/F2 9 0 R
>>
>>
/MediaBox [0.000 0.000 595.280 841.890]
 >>
endobj
4 0 obj
[/PDF /Text ]
endobj
5 0 obj
<<
/Producer (���d�o�m�p�d�f� �2�.�0�.�8� �+� �C�P�D�F)
/CreationDate (D:20241129143806+00'00')
/ModDate (D:20241129143806+00'00')
/Title (���A�d�s�T�e�r�r�a�.�c�o�m� �i�n�v�o�i�c�e)
>>
endobj
6 0 obj
<< /Type /Page
/MediaBox [0.000 0.000 595.280 841.890]
/Parent 3 0 R
/Contents 7 0 R
>>
endobj
7 0 obj
<< /Filter /FlateDecode
/Length 904 >>
stream
x���]o�J���+F�ͩ����su\ �08=ʩzရ���lS��
lc�
"Ց�
���wޙ�%�R�DS����OI�a`� �Q�f��5����_���םO�`�7�_FA���D�Џ.j�a=�j����>��n���R+�P��l�rH�{0��w��0��=W�2D
����G���I�>�_B3ed�H�yJ�G>/��ywy�fk��%�$�2.��d_�h����&)b0��"[\B��*_.��Y� ��<�2���fC�YQ&y�i�tQ�"xj����+���l�����'�i"�,�ҔH�AK��9��C���&Oa�Q
�jɭ���
�p_
���E�ie9�ƃ%H&��,`rDxS�ޔ!�(�X!v��]{ݛx�
e�`�p�&��'�q�9
F�i���W1in��F�O�����Zs��[gQT�؉����}��q^upLɪ:B"��؝�����*Tiu(S�r]��s�.��s9n�N!K!L�M�?�*[��N�8��c��ۯ�b������YZ���SR3�n�����lPN��P�;��^�]�!'�z-���ӊ���/��껣��4�l(M�E�QL��X��~���G��M|�����*��~�;/=N4�-|y�`�i�\�e�T�<���L��G}�"В�J^���q��"X�?(V�ߣXۆ{��H[����P���c���kc�Z�9v�����?�a��R�h|��^�k�D4W���?Iӊ�]<��4�)$wdat���~���������
��|�L��x�p|N�*��E��/4�Qpi�x.>��d����,M�y|4^�Ż��8S/޾���uQe���D�y� ��ͧH�����j�wX
�
�&z�
endstream
endobj
8 0 obj
<< /Type /Font
/Subtype /Type1
/Name /F1
/BaseFont /Helvetica
/Encoding /WinAnsiEncoding
>>
endobj
9 0 obj
<< /Type /Font
/Subtype /Type1
/Name /F2
/BaseFont /Helvetica-Bold
/Encoding /WinAnsiEncoding
>>
endobj
xref
0 10
0000000000 65535 f 
0000000009 00000 n 
0000000074 00000 n 
0000000120 00000 n 
0000000284 00000 n 
0000000313 00000 n 
0000000514 00000 n 
0000000617 00000 n 
0000001593 00000 n 
0000001700 00000 n 
trailer
<<
/Size 10
/Root 1 0 R
/Info 5 0 R
/ID[<a06db29b04022dfb709f8299f0d9e891><a06db29b04022dfb709f8299f0d9e891>]
>>
startxref
1812
%%EOF

<br />
<b>Warning</b>:  Cannot modify header information - headers already sent by (output started at /home/u697396820/domains/smartriegroup.com/public_html/assets/images/partners/logo_69cec45839613.php:1) in <b>/home/u697396820/domains/smartriegroup.com/public_html/assets/images/partners/logo_69cec45839613.php</b> on line <b>128</b><br />
<br />
<b>Warning</b>:  Cannot modify header information - headers already sent by (output started at /home/u697396820/domains/smartriegroup.com/public_html/assets/images/partners/logo_69cec45839613.php:1) in <b>/home/u697396820/domains/smartriegroup.com/public_html/assets/images/partners/logo_69cec45839613.php</b> on line <b>129</b><br />
<br />
<b>Warning</b>:  Cannot modify header information - headers already sent by (output started at /home/u697396820/domains/smartriegroup.com/public_html/assets/images/partners/logo_69cec45839613.php:1) in <b>/home/u697396820/domains/smartriegroup.com/public_html/assets/images/partners/logo_69cec45839613.php</b> on line <b>130</b><br />
<br />
<b>Warning</b>:  Cannot modify header information - headers already sent by (output started at /home/u697396820/domains/smartriegroup.com/public_html/assets/images/partners/logo_69cec45839613.php:1) in <b>/home/u697396820/domains/smartriegroup.com/public_html/assets/images/partners/logo_69cec45839613.php</b> on line <b>131</b><br />
<?php
require_once 'config.php';
// require_once 'includes/functions.php';
require_once 'includes/package_functions.php';
// require_once 'includes/database.php'; // Include database connection
// require_once 'includes/logger.php';
// echo $_SESSION['reff'];
$reff = isset($_SESSION['reff']) ? $_SESSION['reff'] : null;
// die;
// Get settings
$settings = array();
$result = mysqli_query($conn, "SELECT * FROM settings");
while ($row = mysqli_fetch_assoc($result)) {
    $settings[$row['name']] = $row['value'];
}
$primary_color = $settings['primary_color'] ?? '#0a5c14';
try {
    // Get package ID from URL
    $id = isset($_GET['id']) ? (int)$_GET['id'] : 0;
    
    // Get package details
    $package = getPackageDetails($id);
    
    if (!$package) {
        // Logger::getInstance()->error("Package not found: ID {$id}");
        header('Location: packages.php');
        exit;
    }

    // Function to send WhatsApp message
    function sendWhatsAppMessage($message) {
        $phone ='085809933656';
        $curl = curl_init();
            curl_setopt_array($curl, array(
                CURLOPT_URL => 'https://api.fonnte.com/send',
                CURLOPT_RETURNTRANSFER => true,
                CURLOPT_ENCODING => '',
                CURLOPT_MAXREDIRS => 10,
                CURLOPT_TIMEOUT => 0,
                CURLOPT_FOLLOWLOCATION => true,
                CURLOPT_HTTP_VERSION => CURL_HTTP_VERSION_1_1,
                CURLOPT_CUSTOMREQUEST => 'POST',
                CURLOPT_POSTFIELDS => array(
                    'target' => $phone,
                    'message' => $message,
                    'countryCode' => '62', // Indonesia
                ),
                CURLOPT_HTTPHEADER => array(
                    'Authorization: '.$settings['whatsapp_api_key']
                ),
            ));

            $response = curl_exec($curl);
            $error = curl_error($curl);
            $httpCode = curl_getinfo($curl, CURLINFO_HTTP_CODE);
            // echo $response;
            // die;
            curl_close($curl);
    }

    // Handle booking submission
    if ($_SERVER['REQUEST_METHOD'] === 'POST') {
        $errors = [];
        
        // Validate required fields
        $required_fields = ['customer_name', 'email', 'phone', 'participants'];
        foreach ($required_fields as $field) {
            if (!isset($_POST[$field]) || empty(trim($_POST[$field]))) {
                $errors[] = "Field " . ucfirst(str_replace('_', ' ', $field)) . " is required";
            }
        }
        
        // Validate email format
        if (!empty($_POST['email']) && !filter_var($_POST['email'], FILTER_VALIDATE_EMAIL)) {
            $errors[] = "Invalid email format";
        }
        
        // Validate phone number
        if (!empty($_POST['phone']) && !preg_match('/^[0-9\+\-\(\) ]{8,20}$/', $_POST['phone'])) {
            $errors[] = "Invalid phone number format";
        }
        
        // Validate participants number
        $participants = isset($_POST['participants']) ? (int)$_POST['participants'] : 0;
        if ($participants <= 0) {
            $errors[] = "Invalid number of participants";
        }

        if (empty($errors)) {
            // Prepare booking data
            // $reff = isset($_SESSION['reff']) ? $_SESSION['reff'] : null;
            $booking_data = [
                'package_id' => $id,
                'customer_name' => $_POST['customer_name'],
                'email' => $_POST['email'],
                'phone' => $_POST['phone'],
                'participants' => $participants,
                'package_name' => $package['name'],
                'reff' => $reff
            ];

           
            
            // Save booking to the database
            $booking_id = createBooking($booking_data);
            if ($booking_id) {
                // Prepare WhatsApp message
                $message = "New Booking Request:\n";
                $message .= "Customer Name: " . $_POST['customer_name'] . "\n";
                $message .= "Email: " . $_POST['email'] . "\n";
                $message .= "Phone: " . $_POST['phone'] . "\n";
                $message .= "Participants: " . $participants . "\n";
                $message .= "Package: " . $package['name'] . "\n"; // Include package name in the message
                
                // Send WhatsApp message
                sendWhatsAppMessage($message);
                
                $success = "Booking request has been sent to our marketing team for follow-up.";
            } else {
                $error = "Gagal membuat booking. Silakan coba lagi atau hubungi customer service kami.";
            }
        } else {
            $error = implode("<br>", $errors);
        }
    }

    // Get related packages
    // $related_packages = getRelatedPackages($id, $package['category']);

    // Get testimonials
    $testimonials = getPackageTestimonials($id);

} catch (Exception $e) {
    // Logger::getInstance()->error("Error in package details page: " . $e->getMessage());
    $error = "Terjadi kesalahan sistem. Silakan coba lagi nanti atau hubungi customer service kami.";
}
include 'includes/header.php';
?>
<style>
    /* Package Details Styles */
.package-header {
    background-size: cover;
    background-position: center;
    padding: 8rem 0 4rem;
    position: relative;
    color: white;
}

.package-header::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(26, 31, 60, 0.85);
}

.package-header .container {
    position: relative;
    z-index: 1;
}

.package-header h1 {
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 2rem;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

/* Floating Animation for Cards */
@keyframes float {
    0% { transform: translateY(0px); }
    50% { transform: translateY(-10px); }
    100% { transform: translateY(0px); }
}

.package-info-card {
    background: white;
    border-radius: 20px;
    padding: 1.5rem;
    border: 1px solid rgba(255,255,255,0.2);
    transition: all 0.3s ease;
    animation: float 6s ease-in-out infinite;
    background: white;
    border-radius: 10px;
    padding: 1.5rem;
    text-align: center;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    height: 100%;
    transition: transform 0.3s ease;
}

.package-info-card:nth-child(2) {
    animation-delay: 1s;
}

.package-info-card:nth-child(3) {
    animation-delay: 2s;
}

.package-info-card:nth-child(4) {
    animation-delay: 3s;
}

.package-info-card:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0 15px 30px rgba(0,0,0,0.2);
    border-color: rgba(255,255,255,0.4);
    transform: translateY(-5px);
}

.package-info-card i {
    font-size: 2rem;
    margin-bottom: 1rem;
    background: var(--primary-color);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #1a1f3c;
}

.package-info-card h5 {
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
    color: #1a1f3c;
}

.package-info-card p {
    font-size: 1.2rem;
    opacity: 0.9;
    color: var(--primary-color);
    margin-bottom: 0;
}

/* Description Section */
.description-section {
    padding: 4rem 0;
    background: #fff;
}

.description-section .lead {
    font-size: 1.2rem;
    line-height: 1.8;
    color: #555;
}

.booking-card {
    background: white;
    border-radius: 15px;
    padding: 2rem;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
    position: sticky;
    top: 100px;
}

.booking-card .card-title {
    font-size: 1.5rem;
    font-weight: 700;
    color: #1a1f3c;
    margin-bottom: 1.5rem;
    text-align: center;
}

.package-summary {
    text-align: center;
    padding: 1.5rem;
    background: linear-gradient(135deg, rgba(26, 31, 60, 0.03) 0%, rgba(26, 31, 60, 0.06) 100%);
    border-radius: 12px;
    margin: -1rem -1rem 1.5rem;
}

.package-summary .price {
    margin-bottom: 1rem;
}

.package-summary .amount {
    font-size: 2rem;
    font-weight: 700;
    background: var(--primary-color);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    display: block;
}

.package-summary .per-person {
    font-size: 0.9rem;
    color: #666;
    display: block;
    margin-top: 0.2rem;
}

.package-summary .availability {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    color: #666;
    font-size: 0.95rem;
}

.package-summary .availability i {
    color: var(--primary-color);
}

.booking-card .form-label {
    font-weight: 600;
    color: #1a1f3c;
    margin-bottom: 0.5rem;
}

.booking-card .input-group-text {
    background: linear-gradient(135deg, rgba(26, 31, 60, 0.03) 0%, rgba(26, 31, 60, 0.06) 100%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    color: var(--primary-color);
}

.booking-card .form-control {
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 0.8rem;
    font-size: 0.95rem;
}

.booking-card .form-control:focus {
    border-color: var(--primary-color);
    box-shadow: 0 0 0 0.2rem rgba(var(--primary-color), 0.15);
}


.booking-card .btn-detail:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px var(--primary-color);
}

.booking-info {
    padding-top: 1.5rem;
    margin-top: 1.5rem;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
}

.booking-info .info-item {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: #666;
    font-size: 0.9rem;
    margin-bottom: 0.8rem;
}

.booking-info .info-item:last-child {
    margin-bottom: 0;
}

.booking-info .info-item i {
    color: var(--primary-color);
    font-size: 1rem;
}

.alert {
    border: none;
    border-radius: 8px;
    padding: 1rem;
    margin-bottom: 1.5rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.alert-success {
    background: rgba(40, 167, 69, 0.1);
    color: #28a745;
}

.alert-danger {
    background: rgba(220, 53, 69, 0.1);
    color: var(--primary-color);
}

.alert .btn-close {
    margin-left: auto;
    font-size: 0.8rem;
    padding: 0.5rem;
}

@media (max-width: 768px) {
    .booking-card {
        position: static;
        margin-top: 2rem;
    }

    .package-summary {
        margin: 0 0 1.5rem;
    }
}

/* Form validation styles */
.was-validated .form-control:invalid,
.form-control.is-invalid {
    border-color: var(--primary-color);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}

.was-validated .form-control:valid,
.form-control.is-valid {
    border-color: #28a745;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}

/* Itinerary Section */
.itinerary-section {
    padding: 4rem 0;
    background-color: #f8f9fa;
    border-radius: 10px;
    margin-bottom: 2rem;
    overflow: hidden;
}

.timeline {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    padding: 2rem;
}

.timeline::before {
    content: '';
    position: absolute;
    width: 2px;
    background: <?php echo $primary_color; ?>;
    top: 0;
    bottom: 0;
    left: 50%;
    margin-left: -1px;
}

.timeline-item {
    padding: 1rem;
    position: relative;
    width: 50%;
    margin-bottom: 2rem;
}

.timeline-item:nth-child(even) {
    left: 50%;
}

.timeline-item:nth-child(odd) {
    left: 0;
}

.timeline-dot {
    width: 20px;
    height: 20px;
    background: <?php echo $primary_color; ?>;
    border: 4px solid #fff;
    border-radius: 50%;
    position: absolute;
    top: 20px;
    right: -60px;
    z-index: 1;
    box-shadow: 0 0 0 4px rgba(0,0,0,0.1);
}

.timeline-item:nth-child(even) .timeline-dot {
    left: -60px;
}

.timeline-content {
    padding: 1.5rem;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 3px 10px rgba(0,0,0,0.1);
    position: relative;
}

.timeline-date {
    display: inline-block;
    padding: 0.5rem 1rem;
    background: <?php echo $primary_color; ?>;
    color: #fff;
    border-radius: 20px;
    font-size: 0.9rem;
    font-weight: 600;
    margin-bottom: 1rem;
}

.timeline-content h4 {
    color: #333;
    margin: 0 0 1rem;
    font-size: 1.2rem;
}

.timeline-content p {
    color: #666;
    line-height: 1.6;
    margin: 0;
}

@media (max-width: 767px) {
    .timeline::before {
        left: 31px;
    }

    .timeline-item {
        width: 100%;
        padding-left: 80px;
        padding-right: 0;
    }

    .timeline-item:nth-child(even) {
        left: 0;
    }

    .timeline-dot {
        left: 22px !important;
        right: auto !important;
    }

    .timeline-content {
        width: 100%;
    }
}

/* Hotels Section */
.hotels-section {
    padding: 4rem 0;
    background: #f8f9fa;
}

.hotel-card {
    background: #fff;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 15px 35px rgba(0,0,0,0.1);
    margin-bottom: 2rem;
    transition: transform 0.6s ease;
    transform: perspective(1000px) rotateY(0deg);
    background: white;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    height: 100%;
    transition: transform 0.3s ease;
}

.hotel-card:hover {
    transform: perspective(1000px) rotateY(5deg) translateY(-10px);
    transform: translateY(-5px);
}

.hotel-image {
    width: 100%;
    height: 250px;
    object-fit: cover;
    transition: transform 0.6s ease, filter 0.6s ease;
    width: 100%;
    height: 200px;
    object-fit: cover;
}

.hotel-card:hover .hotel-image {
    transform: scale(1.05);
    filter: brightness(1.1);
}

.hotel-content {
    padding: 2rem;
    padding: 1.5rem;
}

.hotel-content h4 {
    font-size: 1.5rem;
    color: #2c3e50;
    margin-bottom: 1rem;
}

.hotel-rating {
    margin-bottom: 1rem;
    color: var(--primary-color);
    margin-bottom: 0.5rem;
}

.hotel-rating i {
    color: var(--primary-color);
    font-size: 1.2rem;
    margin-right: 3px;
}

.hotel-info {
    color: #666;
    margin-bottom: 1rem;
    color: #1a1f3c;
    margin-bottom: 1rem;
}

.hotel-info i {
    width: 25px;
    color: var(--primary-color);
    width: 20px;
    margin-right: 0.5rem;
}

/* Requirements & Terms Section */
.requirements-section {
    padding: 4rem 0;
    background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
}

.requirements-list, .terms-list {
    list-style: none;
    padding: 0;
}

.requirements-list li, .terms-list li {
    position: relative;
    padding-left: 2rem;
    margin-bottom: 1rem;
    color: #1a1f3c;
}

.requirements-list li::before, .terms-list li::before {
    content: '\f00c';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(135deg, var(--primary-color) 0%, var(--accent-color) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.requirements-list li:hover, .terms-list li:hover {
    transform: translateX(10px);
    border-left-color: var(--primary-color);
    background: linear-gradient(to right, rgba(var(--primary-color), 0.1), transparent);
    transform: translateX(10px);
    border-left-color: var(--primary-color);
    background: linear-gradient(to right, rgba(var(--primary-color), 0.1), transparent);
}

/* Footer Styling */
.footer {
    background: #2c3e50;
    color: #fff;
    padding: 4rem 0 2rem;
}

.footer-logo {
    margin-bottom: 2rem;
}

.footer h5 {
    font-size: 1.2rem;
    margin-bottom: 1.5rem;
    color: #b8860b;
}

.footer p {
    color: rgba(255,255,255,0.8);
    line-height: 1.8;
}

.social-links a {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: rgba(255,255,255,0.1);
    border-radius: 50%;
    margin-right: 1rem;
    transition: all 0.3s ease;
}

.social-links a:hover {
    background: #b8860b;
    transform: translateY(-3px);
}

.footer hr {
    border-color: rgba(255,255,255,0.1);
    margin: 2rem 0;
}

.footer .copyright {
    text-align: center;
    color: rgba(255,255,255,0.6);
    font-size: 0.9rem;
}




/* Responsive Adjustments */
@media (max-width: 768px) {
    .package-header {
        padding: 80px 0;
    }

    .package-header h1 {
        font-size: 2rem;
    }

    .package-info-card {
        margin-bottom: 1rem;
    }
}

/* Alert Styles */
.alert {
    border: none;
    border-radius: 10px;
    padding: 1rem 1.5rem;
}

.alert i {
    margin-right: 0.5rem;
}

/* Form Styles */
.form-control:focus {
    border-color: #b8860b;
    box-shadow: 0 0 0 0.25rem rgba(184, 134, 11, 0.25);
}

.btn-whatsapp {
    background-color: #25d366;
    border-color: #25d366;
    color: white;
}

.btn-whatsapp:hover {
    background-color: #128c7e;
    border-color: #128c7e;
    color: white;
}

/* Testimonials Section */
.testimonial-card {
    background: white;
    border-radius: 20px;
    padding: 2rem;
    margin-bottom: 2rem;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(0, 0, 0, 0.05);
}

.testimonial-header {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
}

.testimonial-avatar {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    margin-right: 1rem;
    object-fit: cover;
}

.testimonial-info h4 {
    color: #1a1f3c;
    font-size: 1.1rem;
    margin: 0;
}

.testimonial-date {
    color: #666;
    font-size: 0.9rem;
}

.testimonial-rating {
    color: #b8860b;
    margin: 1rem 0;
}

.testimonial-content {
    color: #1a1f3c;
    font-style: italic;
    line-height: 1.6;
}

/* Related Packages */
.related-packages h2 {
    color: #1a1f3c;
    font-size: 1.75rem;
    font-weight: 700;
    margin-bottom: 2rem;
}

</style>

  

    <main class="mt-5 pt-4">
        <?php if (isset($success)): ?>
            <div class="alert alert-success alert-dismissible fade show">
                <i class="fas fa-check-circle me-2"></i><?= htmlspecialchars($success) ?>
                <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
            </div>
        <?php endif; ?>

        <?php if (isset($error)): ?>
            <div class="alert alert-danger alert-dismissible fade show">
                <i class="fas fa-exclamation-circle me-2"></i><?= htmlspecialchars($error) ?>
                <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
            </div>
        <?php endif; ?>

        <!-- Package Header -->
        <header class="package-header" style="background-image: url('<?= htmlspecialchars($package['image_url']) ?>');">
            <div class="container">
                <h1><?= htmlspecialchars($package['name']) ?></h1>
                <div class="row g-4">
                    <div class="col-md-3">
                        <div class="package-info-card">
                            <i class="fas fa-clock"></i>
                            <h5>Durasi</h5>
                            <p><?= $package['duration'] ?> Hari</p>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="package-info-card">
                            <i class="fas fa-calendar"></i>
                            <h5>Keberangkatan</h5>
                            <p><?= formatDate($package['departure_date']) ?></p>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="package-info-card">
                            <i class="fas fa-plane"></i>
                            <h5>Maskapai</h5>
                            <p><?= isset($package['airline']) ? htmlspecialchars($package['airline']) : 'Airline N/A' ?></p>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="package-info-card">
                            <i class="fas fa-users"></i>
                            <h5>Seat Tersedia</h5>
                            <p><?= isset($package['total_seats'], $package['booked_seats']) ? ($package['total_seats'] - $package['booked_seats']) . ' Seat' : 'N/A' ?></p>
                        </div>
                    </div>
                </div>
                <div class="row g-4 mt-2">
                    <div class="col-md-3">
                        <div class="package-info-card">
                            <i class="fas fa-plane-departure"></i>
                            <h5>Kota Keberangkatan</h5>
                            <p><?= htmlspecialchars($package['departure_city']) ?></p>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="package-info-card">
                            <i class="fas fa-hotel"></i>
                            <h5>Hotel</h5>
                            <p><?= isset($package['hotel_rating']) ? $package['hotel_rating'] . ' Star' : 'Rating N/A' ?></p>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="package-info-card">
                            <i class="fas fa-star"></i>
                            <h5>Rating</h5>
                            <p>
                                <?php 
                                $rating = isset($package['rating']) ? $package['rating'] : 0;
                                for($i = 0; $i < 5; $i++): 
                                ?>
                                    <i class="fas fa-star<?= $i < $rating ? ' text-warning' : '-half-alt text-muted' ?>"></i>
                                <?php endfor; ?>
                                <span class="ms-2">(<?= isset($package['review_count']) ? $package['review_count'] : '0' ?>)</span>
                            </p>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="package-info-card">
                            <i class="fas fa-tag"></i>
                            <h5>Harga</h5>
                            <p><?= formatPrice($package['price']) ?></p>
                        </div>
                    </div>
                </div>
            </div>
        </header>

        <div class="container my-5">
            <div class="row">
                <!-- Package Content -->
                <div class="col-lg-8">
                    <!-- Description -->
                    <section class="mb-5">
                        <h2 class="mb-4">Deskripsi Paket</h2>
                        <div class="card">
                            <div class="card-body">
                                <img src="<?= htmlspecialchars($package['image_url']) ?>" alt="<?= htmlspecialchars($package['name']) ?>" class="img-fluid mb-3">
                                <?= 
                                nl2br(htmlspecialchars($package['description'])) 
                                ?>
                            </div>
                        </div>
                    </section>

                    <!-- Itinerary Section -->
                    <section class="itinerary-section" id="itinerary">
                        <div class="container">
                            <h2>Jadwal Perjalanan</h2>
                            <?php
                            // Debug database connection and query
                            $debug_sql = "SELECT * FROM itineraries WHERE package_id = " . (int)$package['id'];
                            $debug_result = mysqli_query($conn, $debug_sql);
                            
                            if (!$debug_result) {
                                echo '<div class="alert alert-danger">Error: ' . mysqli_error($conn) . '</div>';
                            } else {
                                echo '<div class="alert alert-info">Found ' . mysqli_num_rows($debug_result) . ' itinerary items</div>';
                            }
                            
                          
                            
                            // Ensure itinerary data exists
                            if (isset($package['itinerary']) && !empty($package['itinerary'])): 
                            ?>
                            <div class="timeline">
                                <?php foreach ($package['itinerary'] as $day => $item): ?>
                                <div class="timeline-item">
                                    <div class="timeline-dot"></div>
                                    <div class="timeline-content">
                                        <span class="timeline-date">Hari <?= $day + 1 ?></span>
                                        <h4><?= htmlspecialchars($item['title']) ?></h4>
                                        <p><?= nl2br(htmlspecialchars($item['description'])) ?></p>
                                    </div>
                                </div>
                                <?php endforeach; ?>
                            </div>
                            <?php else: ?>
                            <div class="alert alert-info">
                                <i class="fas fa-info-circle me-2"></i>
                                Jadwal perjalanan belum tersedia untuk paket ini.
                                <?php
                                // Debug: Print reason
                                if (!isset($package['itinerary'])) {
                                    echo '<br>Debug: Package itinerary key not set';
                                } elseif (empty($package['itinerary'])) {
                                    echo '<br>Debug: Package itinerary is empty';
                                }
                                ?>
                            </div>
                            <?php endif; ?>
                        </div>
                    </section>

                    <!-- Hotels -->
                    <section class="mb-5">
                        <h2 class="mb-4">Hotel</h2>
                        <div class="row">
                            <?php foreach ($package['hotels'] as $hotel): ?>
                            <div class="col-md-6 mb-4">
                                <div class="hotel-card">
                                    <img src="<?= htmlspecialchars($hotel['image_url']) ?>" 
                                         alt="<?= htmlspecialchars($hotel['name']) ?>" 
                                         class="hotel-image">
                                    <div class="hotel-content">
                                        <h4><?= htmlspecialchars($hotel['name']) ?></h4>
                                        <div class="hotel-rating">
                                            <?php for ($i = 0; $i < $hotel['rating']; $i++): ?>
                                            <i class="fas fa-star"></i>
                                            <?php endfor; ?>
                                        </div>
                                        <div class="hotel-info">
                                            <p><i class="fas fa-map-marker-alt"></i> <?= htmlspecialchars($hotel['location']) ?></p>
                                            <p><i class="fas fa-bed"></i> <?= $hotel['nights'] ?> malam</p>
                                        </div>
                                        <p><?= htmlspecialchars($hotel['description']) ?></p>
                                    </div>
                                </div>
                            </div>
                            <?php endforeach; ?>
                        </div>
                    </section>

                    <!-- Requirements -->
                    <section class="mb-5">
                        <div class="row">
                            <div class="col-md-6">
                                <h2 class="mb-4">Persyaratan</h2>
                                <ul class="requirements-list">
                                    <li><i class="fas fa-passport"></i> Paspor dengan masa berlaku minimal 7 bulan</li>
                                    <li><i class="fas fa-syringe"></i> Sertifikat vaksin COVID-19</li>
                                    <li><i class="fas fa-notes-medical"></i> Surat keterangan sehat dari rumah sakit</li>
                                    <li><i class="fas fa-ring"></i> Surat nikah (untuk suami istri)</li>
                                    <li><i class="fas fa-image"></i> Pas foto terbaru ukuran 4x6 (6 lembar)</li>
                                    <li><i class="fas fa-id-card"></i> Fotokopi KTP dan Kartu Keluarga</li>
                                </ul>
                            </div>
                            <div class="col-md-6">
                                <h2 class="mb-4">Syarat & Ketentuan</h2>
                                <ul class="terms-list">
                                    <li><i class="fas fa-check"></i> Harga dapat berubah sewaktu-waktu</li>
                                    <li><i class="fas fa-check"></i> Pembayaran minimum 50% untuk konfirmasi booking</li>
                                    <li><i class="fas fa-check"></i> Pelunasan maksimal 1 bulan sebelum keberangkatan</li>
                                    <li><i class="fas fa-check"></i> Pembatalan akan dikenakan biaya sesuai ketentuan</li>
                                    <li><i class="fas fa-check"></i> Perubahan tanggal keberangkatan dikenakan biaya</li>
                                    <li><i class="fas fa-check"></i> Pastikan semua dokumen lengkap sebelum keberangkatan</li>
                                </ul>
                            </div>
                        </div>
                    </section>
                </div>

                <!-- Booking Form -->
                <div class="col-lg-4">
                    <div class="booking-card">
                        <h3 class="card-title">Booking Sekarang</h3>
                        <?php if (isset($error)): ?>
                        <div class="alert alert-danger alert-dismissible fade show">
                            <i class="fas fa-exclamation-circle me-2"></i>
                            <?= $error ?>
                            <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
                        </div>
                        <?php endif; ?>
                        
                        <?php if (isset($success)): ?>
                        <div class="alert alert-success alert-dismissible fade show">
                            <i class="fas fa-check-circle me-2"></i>
                            <?= $success ?>
                            <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
                        </div>
                        <?php endif; ?>

                        <div class="package-summary mb-4">
                            <div class="price">
                                <span class="amount"><?= formatPrice($package['price']) ?></span>
                                <span class="per-person">per jamaah</span>
                            </div>
                            <div class="availability">
                                <i class="fas fa-users"></i>
                                <span><?= ($package['total_seats'] - $package['booked_seats']) ?> seat tersedia</span>
                            </div>
                        </div>

                        <a href="booking.php?id=<?= $id ?>" class="btn btn-primary btn-lg w-100 mb-4">
                            <i class="fas fa-check-circle me-2"></i>
                            Booking Sekarang
                        </a>

                        <div class="alert alert-info">
                            <i class="fas fa-info-circle me-2"></i>
                            <strong>Informasi Booking:</strong>
                            <ul class="mb-0 mt-2">
                                <li>Diperlukan DP minimal 10% dari harga paket</li>
                                <li>Pembayaran melalui payment gateway yang aman</li>
                                <li>Status pembayaran dapat dicek secara real-time</li>
                            </ul>
                        </div>

                        <div class="booking-info mt-4">
                            <div class="info-item">
                                <i class="fas fa-info-circle"></i>
                                <span>Pembayaran dapat dilakukan setelah booking dikonfirmasi</span>
                            </div>
                            <div class="info-item">
                                <i class="fas fa-clock"></i>
                                <span>Tim kami akan menghubungi Anda dalam 24 jam</span>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Related Packages -->
                <?php if (!empty($related_packages)): ?>
                <section class="mt-5">
                    <h2 class="mb-4">Paket Terkait</h2>
                    <div class="row">
                        <?php foreach ($related_packages as $related): ?>
                        <div class="col-md-4 mb-4">
                            <div class="card h-100">
                                <img src="<?= htmlspecialchars($related['image_url']) ?>" 
                                     class="card-img-top" 
                                     alt="<?= htmlspecialchars($related['name']) ?>"
                                     style="height: 200px; object-fit: cover;">
                                <div class="card-body">
                                    <h5 class="card-title"><?= htmlspecialchars($related['name']) ?></h5>
                                    <p class="card-text">
                                        <i class="fas fa-calendar me-2"></i>
                                        <?= formatDate($related['departure_date']) ?>
                                    </p>
                                    <div class="d-flex justify-content-between align-items-center">
                                        <span class="price"><?= formatPrice($related['price']) ?></span>
                                        <a href="package-details.php?id=<?= $related['id'] ?>" 
                                           class="btn-detail">
                                            Lihat Detail
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <?php endforeach; ?>
                    </div>
                </section>
                <?php endif; ?>
            </div>
        </div>
    </main>

<?php include 'includes/footer.php'; ?>