<?php
// *************************************************************************
// *                                                                       *
// * DEPRIXA PRO -  Integrated Web Shipping System                         *
// * Copyright (c) JAOMWEB. All Rights Reserved                            *
// *                                                                       *
// *************************************************************************
// *                                                                       *
// * Email: support@jaom.info                                              *
// * Website: http://www.jaom.info                                         *
// *                                                                       *
// *************************************************************************
// *                                                                       *
// * This software is furnished under a license and may be used and copied *
// * only  in  accordance  with  the  terms  of such  license and with the *
// * inclusion of the above copyright notice.                              *
// * If you Purchased from Codecanyon, Please read the full License from   *
// * here- http://codecanyon.net/licenses/standard                         *
// *                                                                       *
// *************************************************************************

require_once('helpers/querys.php');

$userData = $user->cdp_getUserData();

if (isset($_GET['id_order'])) {
    $data = cdp_getCourierPrint($_GET['id_order']);
}


if (!isset($_GET['id_order']) or $data['rowCount'] != 1) {
    cdp_redirect_to("courier_list.php");
}

$row_order = $data['data'];

$userData = $user->cdp_getUserData();

$track_order = $row_order->order_prefix . $row_order->order_no;


$payrow = $core->cdp_getPayment();

?>



<!DOCTYPE html>
<html dir="ltr" lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- Tell the browser to be responsive to screen width -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="keywords" content="Courier DEPRIXA-Integral Web System" />
    <meta name="author" content="Jaomweb">
    <title>Pay shipping | <?php echo $core->site_name ?></title>

    <!-- Favicon icon -->
    <link rel="icon" type="image/png" sizes="16x16" href="assets/<?php echo $core->favicon ?>">

    <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900" rel="stylesheet">
    <title></title>
    <!-- Custom CSS -->

    <link href="assets/css/style.min.css" rel="stylesheet">
    <link href="assets/stripe_styles.css" rel="stylesheet">

    <link href="assets/css/front.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="assets/js/jquery.js"></script>
    <script type="text/javascript" src="assets/js/jquery-ui.js"></script>
    <script src="assets/js/jquery.ui.touch-punch.js"></script>
    <script src="assets/js/jquery.wysiwyg.js"></script>
    <script src="assets/js/global.js"></script>
    <script src="assets/js/custom.js"></script>
    <link href="assets/customClassPagination.css" rel="stylesheet">



    <style>

    </style>
</head>

<body>

    <script src="https://js.stripe.com/v3/"></script>
    <script src="https://polyfill.io/v3/polyfill.min.js?version=3.52.1&features=fetch"></script>

    <script src="https://www.paypal.com/sdk/js?client-id=<?php echo $core->paypal_client_id; ?>&currency=USD&disable-funding=credit,card"></script>

    <script src="https://js.paystack.co/v1/inline.js"></script>


    <div id="main-wrapper">
        <!-- ============================================================== -->
        <!-- Preloader - style you can find in spinners.css -->
        <!-- ============================================================== -->

        <?php include 'views/inc/preloader.php'; ?>

        <!-- ============================================================== -->
        <!-- Preloader - style you can find in spinners.css -->
        <!-- ============================================================== -->

        <?php include 'views/inc/topbar.php'; ?>

        <!-- End Topbar header -->


        <!-- Left Sidebar - style you can find in sidebar.scss  -->

        <?php include 'views/inc/left_sidebar.php'; ?>


        <!-- End Left Sidebar - style you can find in sidebar.scss  -->

        <!-- Page wrapper  -->

        <div class="page-wrapper">

            <!-- ============================================================== -->
            <!-- Container fluid  -->
            <!-- ============================================================== -->
            <div class="container-fluid">

                <div class="row">
                    <div class="col-lg-12">
                        <div class="card">
                            <div class="card-body">

                                <!-- For demo purpose -->
                                <div class="row mb-4">
                                    <div class="col-lg-12 mx-auto text-center">
                                        <h3 class="display-7"><b class="text-danger">INVOICE</b> <span>#<?php echo $row_order->order_prefix . $row_order->order_no; ?></span></h3>
                                    </div>

                                    <div class="col-lg-12 mx-auto text-center mt-4">

                                        <h3><span>total amount to pay: <b><?php echo  number_format($row_order->total_order, 2, '.', ''); ?> <?php echo $core->currency; ?> </b></span></h3>

                                    </div>
                                </div> <!-- End -->

                                <div class="row">
                                    <div class="col-lg-12 mx-auto">
                                        <div id="resultados_ajax"></div>
                                        <div class="card ">
                                            <div class="card-header">
                                                <div class="shadow-sm pt-3 pl-3 pr-3 pb-1" style="background-color: #3e5569 !important;">

                                                    <ul role="tablist" class="nav bg-light nav-pills rounded nav-fill mb-3">

                                                        <?php
                                                        if ($core->active_stripe == 1) {
                                                        ?>
                                                            <li class="nav-item">
                                                                <a data-toggle="pill" href="#stripe" class="nav-link active">
                                                                    <i class="fa fa-cc-stripe mr-2"></i>
                                                                    Stripe
                                                                </a>
                                                            </li>

                                                        <?php
                                                        }
                                                        ?>

                                                        <?php
                                                        if ($core->active_paypal == 1) {
                                                        ?>
                                                            <li class="nav-item">
                                                                <a data-toggle="pill" href="#paypal" class="nav-link">
                                                                    <i class="fab fa-paypal mr-2"></i>
                                                                    PayPal
                                                                </a>
                                                            </li>

                                                        <?php
                                                        }
                                                        ?>


                                                        <?php
                                                        if ($core->active_paystack == 1) {
                                                        ?>

                                                            <li class="nav-item">
                                                                <a data-toggle="pill" href="#paystack" class="nav-link">
                                                                    <i class="fas fa-credit-card mr-2"></i>
                                                                    Paystack
                                                                </a>
                                                            </li>

                                                        <?php
                                                        }
                                                        ?>


                                                        <?php
                                                        if ($core->active_attach_proof == 1) {
                                                        ?>

                                                            <li class="nav-item">
                                                                <a data-toggle="pill" href="#attach" class="nav-link">
                                                                    <i class="fa fa-paperclip mr-2"></i>
                                                                    Attach proof of payment
                                                                </a>
                                                            </li>

                                                        <?php
                                                        }
                                                        ?>
                                                    </ul>
                                                </div> <!-- End -->
                                                <!-- Credit card form content -->
                                                <div class="tab-content bg-white">



                                                    <!-- STRIPE TAB-PANE -->
                                                    <?php
                                                    if ($core->active_stripe == 1) {
                                                    ?>
                                                        <div id="stripe" class="tab-pane fade show active  pt-3">

                                                            <form id="payment-form" style="padding: 40px">
                                                                <div>
                                                                    <label>Card Owner</label>
                                                                    <input class="form-control" type="text" name="name_property_card_stripe" id="name_property_card_stripe" required>
                                                                </div>

                                                                <input type="hidden" name="order_id" id="order_id" value="<?php echo $_GET['id_order']; ?>">

                                                                <input type="hidden" name="track_order" id="track_order" value="<?php echo $track_order; ?>">

                                                                <div>
                                                                    <label>Email</label>
                                                                    <input class="form-control" type="email" name="email_property_card_stripe" id="email_property_card_stripe" required>
                                                                </div>
                                                                <div id="card-element" style="margin-top: 20px; margin-bottom: 30px">
                                                                    <!--Stripe.js injects the Card Element-->
                                                                </div>

                                                                <button id="submit">
                                                                    <div class="spinner hidden" id="spinner"></div>
                                                                    <span id="button-text">Pay now</span>
                                                                </button>
                                                                <p id="card-error-custom" class="text-danger" role="alert"></p>

                                                            </form>


                                                        </div>
                                                        <!-- END STRIPE TAB-PANE -->
                                                    <?php
                                                    }
                                                    ?>

                                                    <?php
                                                    if ($core->active_paypal == 1) {
                                                    ?>

                                                        <!-- PAYPAL TAB-PANE -->
                                                        <div id="paypal" class="tab-pane fade  pt-3">

                                                            <p class="text-center text-info"> <b>To complete the transaction, we will send you to PayPal's secure servers.</b></p>
                                                            <div id="paypal-button-container" class=" text-center col-md-12"></div>

                                                        </div> <!-- END  PAYPAL TAB-PANE -->

                                                    <?php
                                                    }
                                                    ?>

                                                    <?php
                                                    if ($core->active_paystack == 1) {
                                                    ?>

                                                        <!-- PAYSTACK TAB-PANE -->
                                                        <div id="paystack" class="tab-pane fade pt-3">

                                                            <form id="paymentForm" style="padding: 40px">
                                                                <div class="form-group">
                                                                    <label for="email">Email Address</label>
                                                                    <input type="email" id="email-address" required />
                                                                </div>

                                                                <div class="form-group">
                                                                    <label for="first-name">First Name</label>
                                                                    <input type="text" id="first-name" required />
                                                                </div>
                                                                <div class="form-group">
                                                                    <label for="last-name">Last Name</label>
                                                                    <input type="text" id="last-name" required />
                                                                </div>
                                                                <div class="form-submit">
                                                                    <button type="submit">Pay now</button>
                                                                </div>
                                                            </form>


                                                        </div>
                                                        <!-- END PAYSTACK TAB-PANE -->

                                                    <?php
                                                    }
                                                    ?>


                                                    <?php
                                                    if ($core->active_attach_proof == 1) {
                                                    ?>

                                                        <!-- ATTACH TAB-PANE -->
                                                        <div id="attach" class="tab-pane fade  pt-3">

                                                            <form style="padding: 40px" class="form-horizontal" method="post" id="add_charges" name="add_charges">

                                                                <p class=""> <b>Note: If you use this payment method, you must wait for confirmation of payment from our administration team, once confirmed, a notification will be sent to you.</b></p>
                                                                <div class="row">

                                                                    <div class="form-group col-md-12">
                                                                        <label for="inputEmail3" class="control-label col-form-label"><?php echo $lang['left243'] ?></label>
                                                                        <div class="input-group mb-3">
                                                                            <select class="custom-select col-12" id="mode_pay" name="mode_pay" required="">
                                                                                <option value=""><?php echo $lang['left243'] ?></option>
                                                                                <?php foreach ($payrow as $row) : ?>
                                                                                    <option value="<?php echo $row->id; ?>"><?php echo $row->met_payment; ?></option>
                                                                                <?php endforeach; ?>
                                                                            </select>
                                                                        </div>
                                                                    </div>

                                                                </div>

                                                                <div class="row mb-3">

                                                                    <div class="col-md-3">

                                                                        <div>
                                                                            <label class="control-label" id="selectItem"> Attach files</label>
                                                                        </div>

                                                                        <input class="custom-file-input" id="filesMultiple" name="filesMultiple" type="file" style="display: none;" onchange="cdp_validateZiseFiles();" />


                                                                        <button type="button" id="openMultiFile" class="btn btn-info  pull-left "> <i class='fa fa-paperclip' id="openMultiFile" style="font-size:18px; cursor:pointer;"></i> Attach proof of payment</button>

                                                                        <div id="clean_files" class="row hide">
                                                                            <button type="button" id="clean_file_button" class="  mt-3 btn btn-danger ml-3"> <i class='fa fa-trash' style="font-size:18px; cursor:pointer;"></i> Cancel attachments </button>

                                                                        </div>

                                                                    </div>


                                                                </div>


                                                                <div class="row">
                                                                    <div class="form-group col-sm-12">
                                                                        <label for="notes" class="control-label">notes</label>

                                                                        <textarea class="form-control" id="notes" name="notes" rows="2"></textarea>
                                                                    </div>
                                                                </div>

                                                                <div class="modal-footer">

                                                                    <button type="submit" class="btn btn-success" id="save_form2">Save</button>
                                                                </div>
                                                            </form>


                                                        </div> <!-- END  ATTACH TAB-PANE -->
                                                    <?php
                                                    }
                                                    ?>


                                                </div> <!-- End -->


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

                                </div>
                            </div>


                        </div>
                    </div>



                </div>



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


    <input id="active_paypal" name="active_paypal" type="hidden" value="<?php echo $core->active_paypal; ?>" />
    <input id="active_stripe" name="active_stripe" type="hidden" value="<?php echo $core->active_stripe; ?>" />
    <input id="active_paystack" name="active_paystack" type="hidden" value="<?php echo $core->active_paystack; ?>" />


    <input id="order_total_order" name="order_total_order" type="hidden" value="<?php echo  number_format($row_order->total_order, 2, '.', ''); ?>" />
    <input id="track_order" name="track_order" type="hidden" value="<?php echo $track_order; ?>" />
    <input id="order_id" name="order_id" type="hidden" value="<?php echo $row_order->order_id; ?>" />

    <input id="order_sender_id" name="order_sender_id" type="hidden" value="<?php echo  $row_order->sender_id; ?>" />
    <input id="public_key_stripe" name="public_key_stripe" type="hidden" value="<?php echo $core->public_key_stripe; ?>" />
    <input id="public_key_paystack" name="public_key_paystack" type="hidden" value="<?php echo $core->public_key_paystack; ?>" />




    <!-- ============================================================== -->
    <!-- All Jquery -->
    <!-- ============================================================== -->
    <!-- Bootstrap tether Core JavaScript -->
    <script src="assets/custom_dependencies/jquery-3.6.0.min.js"></script>
    <script src="assets/libs/popper.js/dist/umd/popper.min.js"></script>
    <script src="assets/custom_dependencies/bootstrap.min.js"></script>
    <!-- apps -->
    <script src="assets/js/app.min.js"></script>
    <script src="assets/js/app-style-switcher.js"></script>
    <!-- slimscrollbar scrollbar JavaScript -->
    <script src="assets/libs/perfect-scrollbar/dist/perfect-scrollbar.jquery.min.js"></script>
    <script src="assets/js/sparkline/sparkline.js"></script>
    <!--Wave Effects -->
    <script src="assets/js/waves.js"></script>
    <!--Menu sidebar -->
    <script src="assets/js/sidebarmenu.js"></script>
    <!--Custom JavaScript -->
    <script src="assets/js/custom.min.js"></script>

    <script src="dataJs/courier_add_payment_gateways.js"></script>