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

<head>
    <link rel="stylesheet" href="/public/css/bootstrap/bootstrap.min.css">
    <link rel="stylesheet" href="/public/css/site.css?ver=<?= time() ?>">

    <script src="/public/js/jquery/jquery.min.js"></script>
    <script src="/public/js/bootstrap/bootstrap.min.js"></script>
    <script src="/public/js/site.js?ver=<?= time() ?>"></script>

    <meta charset="utf-8" name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Rendelés</title>
</head>

<body>
    <?php if ($error != '') : ?>
        <div class="container index-container">
            <div class="alert alert-warning custom-alert" role="alert">
                <?= $error ?>
            </div>
        </div>
    <?php endif; ?>

    <div id="error-div">
        <div class="container index-container">
            <div id="error-msg" class="alert alert-warning custom-alert" role="alert">
            </div>
        </div>
    </div>

    <img src="<?= $logo ?>" alt="">

    <div class="container index-container">
        <img src="/public/img/resourcemanager/loading.gif" id="loading_gif" />

        <form id="order-form" action="<?= $product->barion_url ?>" method="post">
            <input type="hidden" id="product_id" name="product_id" value="<?= $product->id ?>">
            <input type="hidden" id="userID" name="userID" value="<?= $crmUser->nUserID ?>">
            <input type="hidden" id="barion_url" value="<?= $product->barion_url ?>">
            <input type="hidden" id="category" value="<?= $product->kategoria ?>">
            <input type="hidden" id="seq" value="<?= $product->seq ?>">
            <input type="hidden" id="price" value="<?= $product->price ?>">
            <input type="hidden" id="brut" value="<?= $brut ?>">
            <input type="hidden" id="vat" value="<?= $vat ?>">
            <input type="hidden" id="inst" name="inst" value="<?= $inst ?>">

            <?php if ($needCoupon): ?>
                <input type="hidden" id="al_coupon" name="al_coupon" value="">
            <?php endif; ?>

            <div class="row">
                <div class="col-md-8">
                    <?php if ($product->kategoria == 'upgrade') : ?>
                        <h3>Sorozatszám</h3>
                        <hr>

                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group col-md-12">
                                    <label for="name">Adja meg a <?= $currentVer->description ?> <?= $product->o_type == 4 ? ' vagy régebbi' : '' ?> sorozatszámát (16 számjegy) *</label>
                                    <input type="text" value="" class="form-control" id="serial" name="serial" required>
                                </div>
                            </div>
                        </div>
                        <hr>
                    <?php endif; ?>

                    <h3>Számlázási adatok</h3>
                    <hr>

                    <div class="form-group col-md-6">
                        <label for="name">Név / Cégnév *</label>
                        <input type="text" id="name" value="<?= $crmUser->name ?>" class="form-control" name="name" required <?= $readOnly ? 'readonly' : '' ?>>
                    </div>
                    <div class="form-group col-md-6">
                        <label for="email">E-mail cím *</label>
                        <input type="email" id="email" value="<?= $crmUser->email ?>" class="form-control" name="email" required <?= $readOnly ? 'readonly' : '' ?>>
                    </div>

                    <div class="form-group col-md-6">
                        <label for="postcode">Irányítószám *</label>
                        <input type="text" value="<?= $crmUser->zip ?>" maxlength="4" class="form-control" id="postcode" name="postcode" required <?= $readOnly ? 'readonly' : '' ?>>
                    </div>
                    <div class="form-group col-md-6">
                        <label for="city">Város *</label>
                        <input type="text" id="city" value="<?= $crmUser->city ?>" class="form-control" name="city" required <?= $readOnly ? 'readonly' : '' ?>>
                    </div>

                    <div class="form-group col-md-12">
                        <label for="address">Utca, házszám *</label>
                        <input type="text" id="address" value="<?= $crmUser->street ?>" class="form-control" name="address" required <?= $readOnly ? 'readonly' : '' ?>>
                    </div>

                    <div class="form-group col-md-12">
                        <label for="tax_number">Adószám</label> (A törvényi szabályozás értelmében 2020. július 1. után az adószám feltüntetése céges vevők esetében kötelező a számlán)
                        <input type="text" class="form-control" id="tax_number" name="tax_number" <?= $readOnly ? 'readonly' : '' ?>>
                    </div>

                    <?php if ($product->kategoria == 'upgrade') : ?>
                        <div class="form-group col-md-12">
                            <a id="requestModifyBtn" class="btn btn-info disabled" href="#" disabled>
                                Módosítás kérése
                            </a>
                        </div>

                        <div class="form-group col-md-12">
                            <label for="telephone">Telefonszám *</label>
                            <input type="text" id="telephone" value="" class="form-control" name="telephone" required>
                        </div>

                        <div class="form-group col-md-12">
                            <label for="contact">Kapcsolattartó (név) *</label>
                            <input id="contact" id="contact" type="text" value="" class="form-control" name="contact" required>
                        </div>
                    <?php endif; ?>

                    <?php if ($needCoupon): ?>
                        <div class="form-group col-md-12">
                            <label for="coupon">Kupon</label> (Csak egyösszegű fizetésre használható)
                            <input type="text" id="coupon" value="" class="form-control" name="coupon">
                        </div>
                    <?php endif; ?>

                    <p style="margin-left: 2%;">Válassza ki, hogyan szeretné kifizetni a rendelését</p>
                    <div class="payment-radio">
                        <label><input type="radio" name="payment-radio" value="bankcard" checked> Bankkártyával előre</label>
                    </div>

                    <div class="payment-radio">
                        <label><input type="radio" name="payment-radio" value="transfer"> Közvetlen banki átutalás</label>
                    </div>
                    <hr>

                    <div class="form-group col-md-12">
                        <label for="address">Megjegyzés</label> (nem kötelező)
                        <textarea id="notes" cols="100%" name="notes" class="form-control" tabindex="14"></textarea>
                    </div>
                </div>
                <div class="col-md-4 frame">
                    <div class="form-group col-md-12">
                        <label for="postcode">
                            <h3>A rendelés tartalma</h3>
                        </label>
                    </div>
                    <br>

                    <div class="form-group col-md-8">
                        <label for="postcode">Termék</label>
                    </div>
                    <div class="form-group col-md-4 right-div">
                        <label for="postcode">Részösszeg</label>
                    </div>

                    <div class="form-group col-md-12 hr-div">
                        <hr>
                    </div>

                    <div class="form-group col-md-8 upper-div">
                        <label for="item-name"><?= $product->termek ?></label>
                        <span id="prod-comment"><?= $product->comment ?></span>
                    </div>
                    <div class="form-group col-md-4 right-div upper-div">
                        <label id="item-price" for="item-price"><?= number_format($product->price, 0, ',', '.') ?> <span class="curr">Ft</span></label>
                    </div>

                    <div class="form-group col-md-12 hr-div">
                        <hr>
                    </div>

                    <?php if ($needCoupon): ?>
                        <div id="coupon-div">
                            <div class="form-group col-md-8 upper-div">
                                <label for="coupon-span">Kupon</label>
                            </div>
                            <div class="form-group col-md-4 right-div upper-div">
                                <label for="coupon-code">- <span id="coupon-price"></span> <span class="curr">Ft</span></label>
                            </div>

                            <div class="form-group col-md-12 hr-div">
                                <hr>
                            </div>
                        </div>
                    <?php endif; ?>

                    <div class="form-group col-md-8 upper-div">
                        <label for="item-name">Áfa</label> (27%)
                    </div>
                    <div class="form-group col-md-4 right-div upper-div">
                        <label id="vat-price" for="item-price"><?= number_format($vat, 0, ',', '.') ?> <span class="curr">Ft</span></label>
                    </div>

                    <div class="form-group col-md-12 hr-div">
                        <hr>
                    </div>

                    <div class="form-group col-md-8 upper-div">
                        <label for="item-name">Összeg</label>
                    </div>
                    <div class="form-group col-md-4 right-div upper-div">
                        <label id="brut-price" for="item-price"><?= number_format($brut, 0, ',', '.') ?> <span class="curr">Ft</span></label>
                    </div>

                    <div class="form-group col-md-12 hr-div">
                        <hr>
                    </div>

                    <div class="form-group col-md-12 upper-div">
                        <label for="payment_method">Pénznem*</label>
                        <select id="currency_code" name="currency_code" class="form-control" required="" tabindex="2">
                            <option value="Ft" selected>Ft</option>
                        </select>
                    </div>

                    <?php if ($product->cont_id == 2) : ?>
                        <div class="form-group col-md-12">
                            <label><input type="checkbox" id="instalments" name="instalments" required=""> Részlet: <?= $inst ?> havi</label>
                        </div>
                    <?php endif; ?>

                    <div class="form-group col-md-12">
                        <h4>Vásárlással kapcsolatos megerősítések</h4>
                    </div>

                    <div class="form-group col-md-12">
                        <label><input type="checkbox" id="contract" name="contract" required=""> Elolvastam és elfogadom az</label>
                        <a data-toggle="modal" data-target="#policy-dlg">Adatvédelmi nyilatkozatot</a>
                    </div>

                    <div class="form-group col-md-12">
                        <a data-toggle="modal" data-target="#agreement-dlg">
                            Elolvastam és elfogadom a Szoftverhasználati Megállapodás Feltételeit
                        </a>
                    </div>

                    <?php if ($product->kategoria == 'upgrade' && $product->seq == 2) : ?>
                        <div class="form-group col-md-12">
                            <a data-toggle="modal" data-target="#service-dlg">
                                Elolvastam és elfogadom a Szolgáltatási Szerződés Feltételeit
                            </a>
                        </div>
                    <?php endif; ?>

                    <div class="form-group col-md-12" style="text-align: center;">
                        <button type="button" id="pay-btn" name="pay-btn" class="btn btn-primary btn-lg">Megrendelés elküldése</button>
                    </div>
                    <div class="col-md-12">
                        A "Megrendelés elküldése" gomb megnyomásával elfogadom, hogy a kiválasztott szolgáltatás nyújtása a 45/2014. (II. 26.) Kormányrendelet 20.§ (2) bekezdésében meghatározott,14 napos határidő lejártát megelőzően megkezdődik. A szolgáltatás teljesítését követően a felmondási jog megszűnik.
                    </div>
                </div>

                <?php if ($product->kategoria == 'upgrade') : ?>
                    <div id="back-btn">
                        <a class="btn btn-info" href="https://www.archline.hu/vasarlas/frissites-karbantartas">Vissza a vásárlás oldalra</a>
                    </div>
                <?php endif; ?>
            </div>
        </form>
    </div>

    <!-- Agreement modal -->
    <div class="modal fade" id="agreement-dlg" tabindex="-1" role="dialog" aria-labelledby="modalLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                    <h4 class="modal-title" id="modalLabel">Szoftverhasználati Megállapodás Feltételei</h4>
                </div>
                <div class="modal-body" id="agreement">
                    <?= $license ?>
                </div>
                <div class="modal-footer">
                    <div class="form-group col-md-12" style="text-align: center;">
                        <button type="button" id="accept-btn" disabled class="btn btn-primary btn-lg" data-dismiss="modal">Elfogadom</button>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <?php if ($product->kategoria == 'upgrade' && $product->seq == 2) : ?>
        <!-- Service modal -->
        <div class="modal fade" id="service-dlg" tabindex="-1" role="dialog" aria-labelledby="modalLabel" aria-hidden="true">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                        <h4 class="modal-title" id="modalLabel">Szolgáltatási Szerződés Feltételei</h4>
                    </div>
                    <div class="modal-body" id="service">
                        <?= $service ?>
                    </div>
                    <div class="modal-footer">
                        <div class="form-group col-md-12" style="text-align: center;">
                            <button type="button" id="accept-service-btn" disabled class="btn btn-primary btn-lg" data-dismiss="modal">Elfogadom</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    <?php endif; ?>

    <!-- Policy modal -->
    <div class="modal fade" id="policy-dlg" tabindex="-1" role="dialog" aria-labelledby="modalLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                    <h4 class="modal-title" id="modalLabel">Adatvédelmi nyilatkozatot</h4>
                </div>
                <div class="modal-body">
                    <?= $policy ?>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Bezárás</button>
                </div>
            </div>
        </div>
    </div>
</body>

</html>