<?php
$jobSlug = basename($_SERVER['REQUEST_URI']); 
$jobTitle = ucwords(str_replace("-", " ", str_replace("-job", "", $jobSlug)));
$canonicalUrl = "https://www.creativedigitalinfotech.com/" . $jobSlug;
?>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Apply For <?= htmlspecialchars($jobTitle) ?> Job - Creative Digital Infotech</title>
<meta name="title" content="Apply For <?= htmlspecialchars($jobTitle) ?> Job - Creative Digital Infotech">
<meta name="description" content="Apply for the position of <?= htmlspecialchars($jobTitle) ?> at Creative Digital Infotech. Join our team and grow your career in the digital industry.">
<meta name="keywords" content="Apply for <?= htmlspecialchars($jobTitle) ?>, Creative Digital Infotech careers, job opportunities, <?= htmlspecialchars($jobTitle) ?> job, IT careers, digital jobs">
<meta name="author" content="Creative Digital Infotech">
<meta name="robots" content="index, follow">
<link rel="canonical" href="<?= $canonicalUrl ?>">

<meta property="og:title" content="Apply For <?= htmlspecialchars($jobTitle) ?> Job - Creative Digital Infotech">
<meta property="og:description" content="Explore job openings for <?= htmlspecialchars($jobTitle) ?> and career opportunities at Creative Digital Infotech. Join us today!">
<meta property="og:image" content="https://www.creativedigitalinfotech.com/images/job.jpg">
<meta property="og:url" content="<?= $canonicalUrl ?>">
<meta property="og:type" content="website">
<meta property="og:site_name" content="Creative Digital Infotech">

<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Apply For <?= htmlspecialchars($jobTitle) ?> Job - Creative Digital Infotech">
<meta name="twitter:description" content="Start your career with Creative Digital Infotech as <?= htmlspecialchars($jobTitle) ?>. Check out our latest job openings.">
<meta name="twitter:image" content="https://www.creativedigitalinfotech.com/images/job.jpg">
<meta name="twitter:site" content="@CreativeDigitalInfotech">

<script type="application/ld+json">
{
    "@context": "http://schema.org",
    "@type": "JobPosting",
    "title": "<?= addslashes($jobTitle) ?> at Creative Digital Infotech",
    "description": "Apply for the position of <?= addslashes($jobTitle) ?> at Creative Digital Infotech. Join our team and grow your career in the digital industry.",
    "hiringOrganization": {
        "@type": "Organization",
        "name": "Creative Digital Infotech",
        "url": "https://www.creativedigitalinfotech.com",
        "logo": "https://www.creativedigitalinfotech.com/images/logo.jpg"
    },
    "jobLocation": {
        "@type": "Place",
        "address": {
            "@type": "PostalAddress",
            "streetAddress": "3rd Floor, Shimla By Pass, Bharat Tower",
            "addressLocality": "Dehradun",
            "addressRegion": "Uttarakhand",
            "postalCode": "248001",
            "addressCountry": "IN"
        }
    },
    "employmentType": "Full-time",
    "datePosted": "2024-03-04",
    "validThrough": "2025-03-04",
    "baseSalary": {
        "@type": "MonetaryAmount",
        "currency": "INR",
        "value": {
            "@type": "QuantitativeValue",
            "value": "Competitive",
            "unitText": "MONTH"
        }
    }
}
</script>

    <?php include('include/header.php'); ?>
    <style>
       .job-form{
          box-shadow: 0 0 4px #d0d0d0;
          border: 2px solid #ffa500;
          border-radius: 10px;
          padding: 0;
          padding-bottom: 20px;
          overflow: hidden;
          background: #f8f8f8;
      }
      .job-form form{
          padding: 0 20px 0 20px;
          margin-bottom: 0;
      }
      .job-form input[type="radio"]{
          margin-top: 3px!important;
      }
      .job-form .form-check:last-child{
          margin-top: 10px;
      }
      .job-form .form-control{
          border: 1px solid #a2a2a2 !important;
          padding: 5px 10px 5px 10px;
          color: #5B5A5A;
          box-shadow: 0 2px 6px 0 #00000051;
          background-color: #fff;
          width: 100%;
          opacity: 1;
          height: 38px;
          border-radius: 8px;margin-bottom: 10px;
      }
      .job-form  label{
          margin-bottom: 1px;

      }
      .job-form .form-control:focus {
          box-shadow: none;
          border-color: transparent;
          box-shadow:  0 2px 6px 0 #20212451;
      }
      .job-form .form-select{
          height: 38px !important;
          text-align: left;
          padding: 8px;
      }
      .job-form textarea{
          text-align: left;
          padding: 10px;
      }
      .job-form .sec-title{
          margin-top: 30px;
      }
      .job-form .sec-title h2{
          font-size: 30px;
      }
      .job-form .form-check label{
          margin: 0;
          font-size: 12px;
      }
      .job-form .card-header {
          padding: .5rem 1rem;
          margin-bottom: 0;
          border-bottom: 1px solid rgba(0, 0, 0, .125);
          margin-bottom: 20px;
          background-color: #1f2732;
          h2{
             font-size: 25px;
             color: #fff;
         }
     }
     .job-form form .btn{
      padding: 13px 40px;
  }
  .job-form .form-control[type="file"] {
      height: 50px;
      padding: 8px;
  }
</style>
<?php
$jobSlug = basename($_SERVER['REQUEST_URI']); 
$jobTitle = ucwords(str_replace("-", " ", str_replace("-job", "", $jobSlug)));
$jobs = [
    "Digital Marketing Executive", 
    "Web Developer", 
    "Software Developer",
    "Android App Developer Native",
    "Sales & Marketing Executive",
    "Telecaller",
    "Business Development Manager",
    "SEO Executive",
    "Social Media Marketing Executive",
    "Web Designer"
];
?>
<section class="page_title ls s-py-50 corner-title ls invise overflow-visible">
    <div class="container">
        <div class="row">
            <div class="col-md-12 text-center">
                <h1>Apply For <?= htmlspecialchars($jobTitle) ?> Job</h1>
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="index">Home</a></li>
                    <li class="breadcrumb-item active">Apply For <?= htmlspecialchars($jobTitle) ?></li>
                </ol>
                <div class="divider-15 d-none d-xl-block"></div>
            </div>
        </div>
    </div>
</section>

<section class="ls s-pt-50 s-pb-50 s-pt-lg-50 s-pb-lg-100">
    <div class="container">
        <div class="row">
            <div class="col-lg-6">
                <div class="job-form">
                    <div class="card-header centered">
                        <h2>Applicant Information</h2>
                    </div>
                    <form method="post" action="apply-job.php" enctype="multipart/form-data" class="re_captcha_form">
                        <input type="text" name="website" style="display:none">
                        <div class="row align-items-center">
                            <div class="col-md-6">
                                <label for="name">Name</label>
                                <input type="text" name="name" id="name" class="form-control" required placeholder="Full Name">
                            </div>
                            <div class="col-md-6">
                                <label for="email">Email</label>
                                <input type="email" name="email" id="email" class="form-control" required placeholder="Email Address">
                            </div>
                            <div class="col-md-6 mt-md-4">
                                <label for="phone">Phone Number</label>
                                <input type="tel" required name="phone" id="phoneInput" class="form-control phoneInput mb-0" placeholder="Phone No. 10 Digits" pattern="[0-9]{10}" title="Enter a valid 10-digit phone number" maxlength="10">
                                <p class="mb-md-2 mb-0 number_indicator"><span class="charCount">10</span> of 10 Number Left</p>
                            </div>
                            <div class="col-md-6">
                                <label for="experience">Experience</label>
                                <input type="text" name="experience" id="experience" class="form-control" required placeholder="Years of Experience">
                            </div>
                            <div class="col-md-6">
                                <label for="address">Address</label>
                                <input type="text" name="address" id="address" class="form-control" required placeholder="Address">
                            </div>
                            <div class="col-md-6">
                                <label for="applying_for">Applying For</label>
                                <select name="applying_for" id="applying_for" class="form-control form-select" required>
                                    <?php 
                                    foreach ($jobs as $j) {
                                        $selected = ($j == $jobTitle) ? 'selected' : '';
                                        echo "<option value=\"" . htmlspecialchars($j) . "\" $selected>" . htmlspecialchars($j) . "</option>";
                                    }
                                    ?>
                                </select>
                            </div>
                            <div class="col-md-12">
                                <label for="resume">Upload Resume<span>(Optional)</span></label>
                                <input type="file" name="resume" id="resume" class="form-control" accept=".pdf, .doc, .docx">
                            </div>
                            <div class="re_captcha">
                                <div class="box-container">
                                    <input type="checkbox" class="recaptchaCheckbox">
                                    <p class="robot">I'm not a robot</p>
                                    <div class="mini-container">
                                        <div class="logo">
                                            <!-- SVG recaptcha here -->
                                        </div>
                                        <p class="logo-text-tos">Privacy - Terms</p>
                                    </div>
                                </div>
                            </div>
                            <div class="text-center mt-2 w-100">
                                <input type="submit" class="btn applyBtn" name="apply" disabled value="Submit">
                            </div>
                        </div>
                    </form>
                </div>
            </div>
            <div class="col-lg-6">
                <img src="images/job.jpg" class="h-100 w-100 booking_page_img" alt="Apply for <?= htmlspecialchars($jobTitle) ?>">
            </div>
        </div>
    </div>
</section>

<?php include('include/footer.php'); ?>