
<?php
session_start();
include "ajax/konnection.php";
include "ajax/func.php";

if (!isset($_SESSION["user"])) {
  header("location: login");
  die();
}

$email  = $_SESSION["user"];
$bal = getBal($email);
$user = getUserDetails($email);
$verifs = 0;
$charges = getCharges();
$page  = "CAC-REG";
?>
<!DOCTYPE html>

<html lang="en" class="light-style layout-compact layout-navbar-fixed layout-menu-fixed     " dir="ltr" data-theme="theme-default" data-assets-path="/assets" data-base-url="/assets/" data-framework="html" data-template="vertical-menu-theme-default-light">


<meta http-equiv="content-type" content="text/html;charset=UTF-8" />

<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" />

  <title><?= $site_title;?> Dashboard</title>
  <meta name="description" content="" />
  <meta name="keywords" content="">
  <link rel="icon" type="image/x-icon" href="favicon.ico" />
  <link rel="preconnect" href="https://fonts.googleapis.com/">
  <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&amp;display=swap" rel="stylesheet">

  <link rel="stylesheet" href="assets/vendor/fonts/boxiconsc4a7.css?id=87122b3a3900320673311cebdeb618da" />
  <link rel="stylesheet" href="assets/vendor/fonts/fontawesome8a69.css?id=a2997cb6a1c98cc3c85f4c99cdea95b5" />
  <link rel="stylesheet" href="assets/vendor/fonts/flag-icons80a8.css?id=121bcc3078c6c2f608037fb9ca8bce8d" />
  <!-- Core CSS -->
  <link rel="stylesheet" href="assets/vendor/css/rtl/corea8ac.css?id=55b2a9dfaa009c41df62ca8d16e913a8" class="template-customizer-core-css" />
  <link rel="stylesheet" href="assets/vendor/css/rtl/theme-default4c4b.css?id=9182924a7b965439eca5e189ba43eba1" class="template-customizer-theme-css" />
  <link rel="stylesheet" href="assets/css/demob77a.css?id=69dfc5e48fce5a4ff55ff7b593cdf93d" />
  <!-- Vendors CSS -->
  <link rel="stylesheet" href="assets/vendor/libs/perfect-scrollbar/perfect-scrollbare482.css?id=73d641bb8db2475ecafc6c68461ed01b" />
  <link rel="stylesheet" href="assets/vendor/libs/typeahead-js/typeahead05d2.css?id=de339ead5e9c9e36f12e46cbef7aaffd" />

  <!-- Vendor Styles -->
  <link rel="stylesheet" href="assets/vendor/libs/apex-charts/apex-charts.css">

  <link rel="stylesheet" href="assets/vendor/libs/toastr/toastr.css" />
  <link rel="stylesheet" href="assets/vendor/libs/animate-css/animate.css" />

  <!-- Page Styles -->

  <!-- Include Scripts for customizer, helper, analytics, config -->
  <!-- $isFront is used to append the front layout scriptsIncludes only on the front layout otherwise the variable will be blank -->
  <!-- laravel style -->
  <script src="assets/vendor/js/helpers.js"></script>
  <!-- beautify ignore:start -->
  <!--! Template customizer & Theme config files MUST be included after core stylesheets and helpers.js in the <head> section -->
  <!--? Template customizer: To hide customizer set displayCustomizer value false in config.js.  -->
  <script src="assets/vendor/js/template-customizer.js"></script>

  <!--? Config:  Mandatory theme config file contain global vars & default theme options, Set your preferred theme option in this file.  -->
  <script src="assets/js/config.js"></script>

  <script>
    window.templateCustomizer = new TemplateCustomizer({
      cssPath: '',
      themesPath: '',
      defaultStyle: "light",
      defaultShowDropdownOnHover: "true", // true/false (for horizontal layout only)
      displayCustomizer: "true",
      lang: 'en',
      pathResolver: function(path) {
        var resolvedPaths = {
          // Core stylesheets
                      'core.css': '/assets/vendor/css/rtl/core.css?id=55b2a9dfaa009c41df62ca8d16e913a8',
            'core-dark.css': '/assets/vendor/css/rtl/core-dark.css?id=d98ae2a03b5b1b05651411ee58ef81a6',
          
          // Themes
                      'theme-default.css': '/assets/vendor/css/rtl/theme-default.css?id=9182924a7b965439eca5e189ba43eba1',
            'theme-default-dark.css':
            '/assets/vendor/css/rtl/theme-default-dark.css?id=ae30991ef3f62e7c03ca6f8930843e80',
                      'theme-bordered.css': '/assets/vendor/css/rtl/theme-bordered.css?id=a4f95a927b1e2bcdfd57a3bbfb2bd3d9',
            'theme-bordered-dark.css':
            '/assets/vendor/css/rtl/theme-bordered-dark.css?id=2a668deb480284f975db82d0a7277156',
                      'theme-semi-dark.css': '/assets/vendor/css/rtl/theme-semi-dark.css?id=9c02fb39c47f91b2d198f343fa8b4df7',
            'theme-semi-dark-dark.css':
            '/assets/vendor/css/rtl/theme-semi-dark-dark.css?id=c4b1950a14ffd431f752917b97a0ee51',
                  }
        return resolvedPaths[path] || path;
      },
      'controls': ["rtl","style","headerType","contentLayout","layoutCollapsed","layoutNavbarOptions","themes"],
    });
  </script>
</head>

<body>
  
   

  <!-- Layout Content -->
  <div class="layout-wrapper layout-content-navbar ">
  <div class="layout-container">

       <?php include "includes/aside.php"; ?>

    <!-- Layout page -->
    <div class="layout-page">

      
      

      <!-- BEGIN: Navbar-->
            <!-- Navbar -->
    <?php include "includes/navbar.php"; ?>
  <!-- / Navbar -->
            <!-- END: Navbar-->


      <!-- Content wrapper -->
      <div class="content-wrapper">

        <!-- Content -->
                  <div class="container-xxl flex-grow-1 container-p-y">
            <h5>Welcome to <?= $site_title;?>, <?php echo $user["firstName"]; ?>!</h5>
           <div class="col-12">
    <div class="card">
      <h6 class="card-header" >CAC REGISTRATION</h6>
      <div class="card-body">

        <form class="row g-3 fv-plugins-bootstrap5 fv-plugins-framework" novalidate="novalidate">

<div class="page-wrapper" id="main-wrapper" data-layout="vertical" data-navbarbg="skin6" data-sidebartype="full"
    data-sidebar-position="fixed" data-header-position="fixed">
    <div class="position-relative overflow-hidden min-vh-100 d-flex align-items-center justify-content-center">
        <div class="d-flex align-items-center justify-content-center w-100">
            <div class="row justify-content-center w-100">
                <div class="col-md-8 col-lg-6 col-xxl-6">
                    <div class="card mb-0">
                        <div class="card-body">
                            <p class="text-center pt-3 pb-3"><b>CAC Registration Work Submission</b></p>
                            <p class="text-center pt-3">Create email and password first before you fill this form.
                            </p>
                            <p class="text-center pt-3 pb-3"><b>NOTE:</b> This Service takes a total of two (2-4) weeks
                                to get CAC Certificate, 1 Week For TIN Certificate.
                                .</p>
                            <form action="/user/cac_registration.php" method="post"
                                role="form" enctype="multipart/form-data" style="display: block;">

                                <div class="mb-3">
                                    <label class="form-label">Email</label>
                                    <input type="email" name="email" value="" tabindex="1" class="form-control"
                                        placeholder="Your Email">
                                </div>

                                <div class="mb-3">
                                    <label class="form-label">Username</label>
                                    <input type="text" name="username" value="" tabindex="2" class="form-control"
                                        placeholder="Username">
                                </div>

                                <div class="mb-3">
                                    <label class="form-label">Password</label>
                                    <input type="text" name="password" value="" tabindex="3" class="form-control"
                                        placeholder="Password">
                                </div>

                                <div class="mb-3">
                                    <label class="form-label">Surname</label>
                                    <input type="text" name="surname" value="" tabindex="4" class="form-control"
                                        placeholder="Surname">
                                </div>

                                <div class="mb-3">
                                    <label class="form-label">First Name</label>
                                    <input type="text" name="firstName" value="" tabindex="5" class="form-control"
                                        placeholder="First Name">
                                </div>

                                <div class="mb-3">
                                    <label class="form-label">Other Name</label>
                                    <input type="text" name="otherName" value="" tabindex="6" class="form-control"
                                        placeholder="Other Name">
                                </div>

                                <div class="mb-3">
                                    <label class="form-label">Gender</label>
                                    <select name="gender" class="form-control" tabindex="7">
                                        <option value="male">Male</option>
                                        <option value="female">Female</option>
                                    </select>
                                </div>

                                <div class="mb-3">
                                    <label class="form-label">Mobile Number</label>
                                    <input type="tel" name="mobileNumber" value="" tabindex="8" class="form-control"
                                        placeholder="Mobile Number">
                                </div>

                                <div class="mb-3">
                                    <label class="form-label">Altername Mobile Number</label>
                                    <input type="tel" name="additionalNumber" value="" tabindex="19"
                                        class="form-control" placeholder="Additional Number">
                                </div>

                                <div class="mb-3">
                                    <label class="form-label">Date Of Birth (DD-MM-YYYY)</label>
                                    <input type="text" name="dateOfBirth" value="" tabindex="9" class="form-control">
                                </div>

                                <div class="mb-3">
                                    <label class="form-label">State of Birth</label>
                                    <input type="text" name="stateOfBirth" value="" tabindex="10" class="form-control"
                                        placeholder="State of Birth">
                                </div>

                                <div class="mb-3">
                                    <label class="form-label">Nationality</label>
                                    <input type="text" name="nationality" value="" tabindex="11" class="form-control"
                                        placeholder="Nationality">
                                </div>

                                <div class="mb-3">
                                    <label class="form-label">State of Origin</label>
                                    <input type="text" name="stateOfOrigin" value="" tabindex="12" class="form-control"
                                        placeholder="State of Origin">
                                </div>

                                <div class="mb-3">
                                    <label class="form-label">LGA</label>
                                    <input type="text" name="lga" value="" tabindex="13" class="form-control"
                                        placeholder="LGA">
                                </div>

                                <div class="mb-3">
                                    <label class="form-label">Town</label>
                                    <input type="text" name="town" value="" tabindex="14" class="form-control"
                                        placeholder="Town">
                                </div>

                                <div class="mb-3">
                                    <label class="form-label">NIN AND BVN (separate with comma or space)</label>
                                    <input type="text" name="nin" value="" tabindex="15" class="form-control"
                                        placeholder="NIN">
                                </div>

                                <div class="mb-3">
                                    <label class="form-label">Marital Status</label>
                                    <select name="maritalStatus" class="form-control" tabindex="16">
                                        <option value="single">Single</option>
                                        <option value="married">Married</option>
                                        <option value="divorced">Divorced</option>
                                        <option value="widowed">Widowed</option>
                                    </select>
                                </div>

                                <div class="mb-3">
                                    <label class="form-label">Occupation</label>
                                    <input type="text" name="occupation" value="" tabindex="17" class="form-control"
                                        placeholder="Occupation">
                                </div>

                                <div class="mb-3">
                                    <label class="form-label">Number of Children</label>
                                    <input type="number" name="numberOfChildren" value="" tabindex="18"
                                        class="form-control" placeholder="Number of Children">
                                </div>




                                <div class="mb-3">
                                    <label class="form-label">Hobbies</label>
                                    <input type="text" name="hobbies" value="" tabindex="21" class="form-control"
                                        placeholder="Hobbies">
                                </div>

                                <div class="mb-3">
                                    <label class="form-label">Languages Spoken</label>
                                    <input type="text" name="languagesSpoken" value="" tabindex="22"
                                        class="form-control" placeholder="Languages Spoken">
                                </div>

                                <div class="mb-3">
                                    <label class="form-label">Business Name Option 1</label>
                                    <input type="text" name="businessNameOption1" value="" tabindex="23"
                                        class="form-control" placeholder="Business Name Option 1">
                                </div>

                                <div class="mb-3">
                                    <label class="form-label">Business Name Option 2</label>
                                    <input type="text" name="businessNameOption2" value="" tabindex="24"
                                        class="form-control" placeholder="Business Name Option 2">
                                </div>

                                <div class="mb-3">
                                    <label class="form-label">Nature or Description of Business and Date of
                                        Commencement</label>
                                    <textarea name="businessDescription" class="form-control" tabindex="25"
                                        placeholder="Nature or Description of Business"></textarea>
                                </div>

                                <div class="mb-3">
                                    <label class="form-label">Your Business Email Address</label>
                                    <input type="email" name="businessEmailAddress" value="" tabindex="26"
                                        class="form-control" placeholder="Your Business Email Address">
                                </div>

                                <div class="mb-3">
                                    <label class="form-label">Your Business Full Address</label>
                                    <textarea name="businessFullAddress" class="form-control" tabindex="27"
                                        placeholder="Your Business Full Address"></textarea>
                                </div>

                                <div class="mb-3">
                                    <label class="form-label">Additional Information</label>
                                    <textarea name="additionalInformation" class="form-control" tabindex="28"
                                        placeholder="Additional Information"></textarea>
                                </div>


                                <!-- UPLOAD RESULT -->
                                <div class="mb-3">
                                    <label for="photo" class="form-label">Upload NIN Slip</label><br>
                                    <input type="file" class="form-control-file" name="nin_photo" id="photo">
                                </div>
                                <div class="mb-3">
                                    <label for="photo" class="form-label">Upload CAC Certificate
                                    </label>
                                    <input type="file" class="form-control-file" name="utility_photo" id="photo">
                                </div>
                                <div class="mb-3">
                                    <label for="photo" class="form-label">Upload Signature</label>
                                    <input type="file" class="form-control-file" name="signature_photo" id="photo">
                                </div>
                                <div class="mb-3">
                                    <label for="photo" class="form-label">Upload Cleared Passport Photograph</label>
                                    <input type="file" class="form-control-file" name="passport_photo" id="photo">
                                </div>


                                <div class="mb-3">
                                    <label for="choice" class="form-label">Choose A Type</label>
                                    <select class="form-control" name="choice" id="choice">
                                        <option value="business_name_cert">Company Certificate -
                                            ₦40000.00</option>
                                        <option value="tin_cert">Business Name Certificate - ₦22000.00
                                        <option value="tin_cert">TIN Certificate - ₦8000.00                                        </option>
                                        <option value="business_name_cert_and_tin_cert">Business Name & TIN Certificate
                                            - ₦28000.00                                        </option>

                                    </select>
                                </div>


                                <input type="submit" name="cac_reg_submit" tabindex="4"
                                    class="btn btn-primary w-100 py-8 fs-4 mb-4 rounded-2" value="Submit Work"
                                    >
                        </div>
                    </div>
                </div>
                </form>

            </div>
        </div>
    </div>
</div>

<!-- fotter starts -->
<div class="py-6 px-6 text-center">
    <p class="mb-0 fs-4">
         © <script>document.write(new Date().getFullYear())</script>
      , All Rights Reserved Developed By <a href="https://wa.me/2349064699773">M SHETTY</a>
    </div>
    </p>
</div>
</div>
</div>
<script src="https://quickverify.com.ng/assets/libs/jquery/dist/jquery.min.js"></script>
<script src="https://quickverify.com.ng/assets/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://cdn.datatables.net/1.13.1/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/1.13.1/js/dataTables.bootstrap.min.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/responsive/2.4.0/js/dataTables.responsive.min.js">
</script>
<script type="text/javascript" src="https://cdn.datatables.net/responsive/2.4.0/js/responsive.bootstrap.min.js">
</script>
<script src="https://quickverify.com.ng/assets/js/sidebarmenu.js"></script>
<script src="https://quickverify.com.ng/assets/js/app.min.js"></script>
<script src="https://quickverify.com.ng/assets/libs/simplebar/dist/simplebar.js"></script>
<script src="https://quickverify.com.ng/assets/js/dashboard.js"></script>

<script>
document.getElementById("copyButton").addEventListener("click", function() {
    // Get the text input field
    var referralLinkField = document.getElementById("referralLink");

    // Select the text in the input field
    referralLinkField.select();
    referralLinkField.setSelectionRange(0, 99999); // For mobile devices

    // Copy the selected text to the clipboard
    document.execCommand("copy");

    // Change the button text to indicate successful copy
    var copyButton = document.getElementById("copyButton");
    copyButton.textContent = "Copied!";

    // Reset the button text after a brief delay
    setTimeout(function() {
        copyButton.textContent = "Copy";
    }, 1500);
});
</script>
<script>
$(document).ready(function() {

    $('#employee_data').DataTable();

});
</script>
</body>

</html>