
<!DOCTYPE html>
<html lang="en">
<?php require_once('../include/head.php'); ?>

<body class="dark-theme">
<?php require_once('../include/notify.php'); ?>

<script>
    var notify = {
        timeout: "5000",
    }
</script>
<!--Full Layout-->
<div class="panel-layout">
    <!--Header-->
    <?php require_once('../include/header.php'); ?>

    <!--/Header-->

    <!--Side Nav-->
   <?php require_once('../include/sidebar.php'); ?>

    <!--/Side Nav-->

    <div class="page-container">
        <div class="main-content">
            <div class="section-gap">
                <div class="container-fluid">
                                            
                        <div class="row">
       <?php require_once('../include/kyc.php'); ?>

    </div>
                                        <!--Page Content-->
                        <div class="row justify-content-center">
        <div class="col-xl-8 col-lg-12 col-md-12 col-sm-12 col-12">
            <div class="site-card">
                <div class="site-card-header">
                    <h3 class="title">KYC</h3>
                </div>
<?php if($infos['kyc'] >=2){ ?>
    <div class="site-card-body">
                                            <div class="site-badge success"> Your Kyc Is Verified </div>
                                    </div>
<?php }elseif($infos['kyc'] ==1){ ?>
<div class="site-card-body">
                                            <div class="site-badge warnning"> Your Kyc Is Pending </div><br> Your KYC is still pending and you will get a confirmtion e-mail  once it has been verified 
                                    </div>

<?php }else{ ?>
                <div class="site-card-body">
                                            <form action="../php/kyc.php" method="post" enctype="multipart/form-data">
                            <input type="hidden" name="_token" value="cfRxVXSax9pzqAosqkiln0xZ60bTioNWaFHM0QlE">                            <div class="col-xl-12 col-md-12">
                                <div class="progress-steps-form">
                                    <label for="exampleFormControlInput1"
                                           class="form-label">Verification Type</label>
                                    <div class="input-group">
                                        <select name="kyc_id" id="kycTypeSelect" class="site-nice-select" required>
                                            <option selected disabled>----</option>
                                                                                            <option value="1">National ID Verification</option>
                                                                                            <option value="2">Aadhaar ID Verification</option>
                                                                                            <option value="3">Driver ID Verification</option>
                                            
                                        </select>
                                    </div>
                                    
                                     <label for="exampleFormControlInput1"
                                           class="form-label">Front of ID</label>
                                    <div class="input-group">
                                        <input type="file" name="kyc_file_front" id="kycTypeFile" class="form-control files" required>
                                  
                                    </div>
                                    
                                    
                                     <label for="exampleFormControlInput1"
                                           class="form-label">Back of ID</label>
                                    <div class="input-group">
                                        <input type="file" name="kyc_file_back" id="kycTypeFile" class="form-control files" required>
                                  
                                    </div>
                                    
                                </div>

                            </div>

                            <div class="col-xl-12 col-md-12">
                                <div class="row kycData">
                                </div>
                            </div>

                            <button type="submit" class="site-btn blue-btn mt-3">Submit Now</button>
                        </form>
                                    </div>
                                    
    <?php } ?>
                                
            </div>
        </div>
    </div>
                    <!--Page Content-->
                </div>
            </div>
        </div>
    </div>


    <!-- Automatic Popup -->
    
    <!-- /Automatic Popup End -->
</div>
<!--/Full Layout-->

<script src="/assets2/global/js/jquery.min.js"></script>
<script src="/assets2/global/js/jquery-migrate.js"></script>

<script src="/assets2/frontend/js/bootstrap.bundle.min.js"></script>
<script src="/assets2/frontend/js/scrollUp.min.js"></script>

<script src="/assets2/frontend/js/owl.carousel.min.js"></script>
<script src="/assets2/global/js/waypoints.min.js"></script>
<script src="/assets2/frontend/js/jquery.counterup.min.js"></script>
<script src="/assets2/frontend/js/jquery.nice-select.min.js"></script>
<script src="/assets2/frontend/js/lucide.min.js"></script>
<script src="/assets2/frontend/js/magnific-popup.min.js"></script>
<script src="/assets2/frontend/js/aos.js"></script>
<script src="/assets2/global/js/datatables.min.js" type="text/javascript" charset="utf8"></script>
<script src="/assets2/frontend/js/main.js?var=5"></script>
<script src="/assets2/frontend/js/cookie.js"></script>
<script src="/assets2/global/js/custom.js?var=5"></script>


    <script>
        (function ($) {
            'use strict';
            // To top
            $.scrollUp({
                scrollText: '<i class="fas fa-caret-up"></i>',
                easingType: 'linear',
                scrollSpeed: 500,
                animation: 'fade'
            });
        })(jQuery);
    </script>

<script type="text/javascript" src="assets/vendor/mckenziearts/laravel-notify/js/notify.js"></script>    <script>
        // $("#kycTypeSelect").on('change',function (e) {
        //     "use strict"
        //     e.preventDefault();

        //     $('.kycData').empty();

        //     var id = $(this).val();

        //     var url = '../php/:id';
        //     url = url.replace(':id', id);
        //     $.get(url, function (data) {

        //         console.log(data);
        //         $('.kycData').append(data)
        //         imagePreview()

        //     });


        // });
    </script>
    <script>
        // Color Switcher
        $(".color-switcher").on('click', function () {
            "use strict"
            $("body").toggleClass("dark-theme");
            var url = 'https://app.hyiprio.xyz/theme-mode';
            $.get(url)
        });
    </script>







</body>
</html>

