Untitled

mail@pastecode.io avatarunknown
plain_text
a month ago
51 kB
2
Indexable
Never
<?php

use yii\helpers\Url;
use common\models\ProductType;
use frontend\widgets\Partner;

/* @var $this yii\web\View */
$this->title = 'YouSave.pl: Porównywarka finansowa. Z nami zaoszczędzisz czas i pieniądze.';
$this->registerMetaTag(['name' => 'Description','content' => 'Porównywarka finansowa YouSave.pl – Kredyty, lokaty, konta']);
?>

<script type="text/javascript" id="hs-script-loader" async defer src="//js.hs-scripts.com/6318103.js"></script>

<script>
    var regExtHipo = new RegExp("[0-9]+");
    function hipoBox(){
            var _val = regExtHipo.exec($('#slider-range-hipoteczne-okr-value').val());
                _val = parseInt(_val);
                console.log(_val);                
                if(_val === 1){                          
                    $("#slider-range-hipoteczne-okr-value").val(_val+" rok");
                }
                else if(_val <= 4){
                    $("#slider-range-hipoteczne-okr-value").val(_val+" lata");
                }
                else{
                    $("#slider-range-hipoteczne-okr-value").val(_val+" lat");
                }

    }
    jQuery(document).ready(function ($) {
        $('#slider-range1').noUiSlider({
            start: [5000],
            step: 1000,
            format: wNumb({
                mark: ',',
                decimals: 0,
                postfix: ' zł',
                thousand: ' '
            }),
            range: {
                'min': [1000],
                'max': [200000]
            }
        });
        $('#slider-range1').Link('lower').to($('#slider-range1-value'));
        $('#slider-range2').noUiSlider({
            start: [36],
            step: 1,
            format: wNumb({
                mark: ',',
                decimals: 0,
                postfix: ' mies.'
            }),
            range: {
                'min': [1],
                'max': [60]
            }

        });
        var a = $('#slider-range2').Link('lower').to($('#slider-range2-value'));

        $('#slider-range3').noUiSlider({
            start: [0],
            step: 500,
            format: wNumb({
                mark: ',',
                decimals: 0,
                postfix: ' zł',
                thousand: ' '
            }),
            range: {
                'min': [1],
                'max': [20000]
            }


        });
        $('#slider-range3').Link('lower').to($('#slider-range3-value'));

        $('#slider-range4').noUiSlider({
            start: [1],
            step: 1,
            format: wNumb({
                mark: ',',
                decimals: 0,
                postfix: ' %'
            }),
            range: {
                'min': [1],
                'max': [10]
            }


        });
        $('#slider-range4').Link('lower').to($('#slider-range4-value'));

        $('#slider-range5').noUiSlider({
            start: [1],
            step: 1,
            format: wNumb({
                mark: ',',
                decimals: 0,
                postfix: ' mies.'
            }),
            range: {
                'min': [1],
                'max': [12]
            }


        });
        $('#slider-range5').Link('lower').to($('#slider-range5-value'));

        $('#slider-range6').noUiSlider({
            start: [0],
            step: 500,
            format: wNumb({
                mark: ',',
                decimals: 0,
                postfix: ' zł',
                thousand: ' '
            }),
            range: {
                'min': [1],
                'max': [30000]
            }


        });
        $('#slider-range6').Link('lower').to($('#slider-range6-value'));



        $('#slider-range-sam').noUiSlider({
            start: [5000],
            step: 1000,
            format: wNumb({
                mark: ',',
                decimals: 0,
                postfix: ' zł',
                thousand: ' '
            }),
            range: {
                'min': [1000],
                'max': [500000]
            }
        });
        $('#slider-range-sam').Link('lower').to($('#slider-range-sam-value'));

        $('#slider-range-sam-okr').noUiSlider({
            start: [72],
            step: 1,
            format: wNumb({
                mark: ',',
                decimals: 0,
                postfix: ' mies.'
            }),
            range: {
                'min': [1],
                'max': [120]
            }

        });
        var b = $('#slider-range-sam-okr').Link('lower').to($('#slider-range-sam-okr-value'));


        $('#slider-range-dla-firm').noUiSlider({
            start: [50000],
            step: 1000,
            format: wNumb({
                mark: ',',
                decimals: 0,
                postfix: ' zł',
                thousand: ' '
            }),
            range: {
                'min': [1000],
                'max': [2000000]
            }
        });
        $('#slider-range-dla-firm').Link('lower').to($('#slider-range-dla-firm-value'));

        $('#slider-range-dla-firm-okr').noUiSlider({
            start: [12],
            step: 1,
            format: wNumb({
                mark: ',',
                decimals: 0,
                postfix: ' mies.'
            }),
            range: {
                'min': [1],
                'max': [120]
            }

        });
        var c = $('#slider-range-dla-firm-okr').Link('lower').to($('#slider-range-dla-firm-okr-value'));





        $('#slider-range-hipoteczne').noUiSlider({
            start: [300000],
            step: 1000,
            format: wNumb({
                mark: ',',
                decimals: 0,
                postfix: ' zł',
                thousand: ' '
            }),
            range: {
                'min': [1000],
                'max': [1000000]
            }
        });
        $('#slider-range-hipoteczne').Link('lower').to($('#slider-range-hipoteczne-value'));

        $('#slider-range-hipoteczne-okr').noUiSlider({
            start: [30],
            step: 1,
            format: wNumb({
                mark: ',',
                decimals: 0,
                postfix: ' lat'
            }),
            range: {
                'min': [1],
                'max': [50]
            }

        });
        
        var d = $('#slider-range-hipoteczne-okr').Link('lower').to($('#slider-range-hipoteczne-okr-value'));
        $('#slider-range-hipoteczne-okr-value').click();
        $('#slider-range-hipoteczne-okr-value').on('change',function(){
            hipoBox();
        });
        $('#slider-range-hipoteczne-okr').on('click',function(){
            hipoBox();
        });
        $('#slider-range-hipoteczne-okr').on('slide',function(){
            hipoBox();
        });
        



        $('#slider-range-sz-poz').noUiSlider({
            start: [2500],
            step: 500,
            format: wNumb({
                mark: ',',
                decimals: 0,
                postfix: ' zł',
                thousand: ' '
            }),
            range: {
                'min': [1000],
                'max': [5000]
            }
        });
        $('#slider-range-sz-poz').Link('lower').to($('#slider-range-sz-poz-value'));

        $('#slider-range-sz-poz-okr').noUiSlider({
            start: [6],
            step: 1,
            format: wNumb({
                mark: ',',
                decimals: 0,
                postfix: ' mies.'
            }),
            range: {
                'min': [1],
                'max': [24]
            }

        });
        var e = $('#slider-range-sz-poz-okr').Link('lower').to($('#slider-range-sz-poz-okr-value'));





        $('#slider-range-conta-o').noUiSlider({
            start: [1000],
            step: 1000,
            format: wNumb({
                mark: ',',
                decimals: 0,
                postfix: ' zł',
                thousand: ' '
            }),
            range: {
                'min': [1000],
                'max': [30000]
            }
        });
        $('#slider-range-conta-o').Link('lower').to($('#slider-range-conta-o-value'));

        $('#slider-range-conta-o-okr').noUiSlider({
            start: [1],
            step: 1,
            format: wNumb({
                mark: ',',
                decimals: 0,
                postfix: ' mies.'
            }),
            range: {
                'min': [1],
                'max': [100]
            }

        });
        var f = $('#slider-range-conta-o-okr').Link('lower').to($('#slider-range-conta-o-okr-value'));




        $('#slider-range-lok-bankowe').noUiSlider({
            start: [5000],
            step: 1000,
            format: wNumb({
                mark: ',',
                decimals: 0,
                postfix: ' zł',
                thousand: ' '
            }),
            range: {
                'min': [1000],
                'max': [100000]
            }
        });
        $('#slider-range-lok-bankowe').Link('lower').to($('#slider-range-lok-bankowe-value'));

        $('#slider-range-lok-bankowe-okr').noUiSlider({
            start: [3],
            step: 1,
            format: wNumb({
                mark: ',',
                decimals: 0,
                postfix: ' mies.'
            }),
            range: {
                'min': [1],
                'max': [24]
            }

        });
        var g = $('#slider-range-lok-bankowe-okr').Link('lower').to($('#slider-range-lok-bankowe-okr-value'));

        //KREDYTY GOTÓWKOWE
        $('#amount-minus').click(function () {
            var range1 = $('#slider-range1-value').val();
            range1Split = range1.split('zł');
            console.log(range1Split);
            range1Value = parseInt(range1Split[0]) * 1000;
            $('#slider-range1').val(range1Value - 1000);
            $('#slider_val_1').val($('#slider-range1').val());
        });
        $('#amount-plus').click(function () {

            var range1 = $('#slider-range1-value').val();
            console.log(range1);
            range1Split = range1.split('zł');
            range1Value = parseInt(range1Split[0]) * 1000;
            $('#slider-range1').val(range1Value + 1000);
            $('#slider_val_1').val($('#slider-range1').val());
        });

        $('#period-minus').click(function () {
            var range2 = $('#slider-range2').val();
            range2Split = range2.split('mies.');
            range2Value = parseInt(range2Split[0]);
            $('#slider-range2').val(range2Value - 1);
            $('#slider_val_2').val($('#slider-range2').val());
        });
        $('#period-plus').click(function () {
            var range2 = $('#slider-range2').val();
            range2Split = range2.split('mies.');
            range2Value = parseInt(range2Split[0]);
            $('#slider-range2').val(range2Value + 1);
            $('#slider_val_2').val($('#slider-range2').val());
        });

        //KREDYTY SAMOCHODOWE
        $('#amount-minus-car').click(function () {
            var range1 = $('#slider-range-sam').val();
            range1Split = range1.split('zł');
            range1Value = parseInt(range1Split[0]) * 1000;
            $('#slider-range-sam').val(range1Value - 1000);
            $('#slider_val_1').val($('#slider-range-sam').val());
        });
        $('#amount-plus-car').click(function () {
            var range1 = $('#slider-range-sam').val();
            range1Split = range1.split('zł');
            range1Value = parseInt(range1Split[0]) * 1000;
            $('#slider-range-sam').val(range1Value + 1000);
            $('#slider_val_1').val($('#slider-range-sam').val());
        });

        $('#period-minus-car').click(function () {
            var range2 = $('#slider-range-sam-okr').val();
            range2Split = range2.split('mies.');
            range2Value = parseInt(range2Split[0]);
            $('#slider-range-sam-okr').val(range2Value - 1);
            $('#slider_val_2').val($('#slider-range-sam-okr').val());
        });
        $('#period-plus-car').click(function () {
            var range2 = $('#slider-range-sam-okr').val();
            range2Split = range2.split('mies.');
            range2Value = parseInt(range2Split[0]);
            $('#slider-range-sam-okr').val(range2Value + 1);
            $('#slider_val_2').val($('#slider-range-sam-okr').val());
        });

        //KREDYTY HIPOTECZNE
        $('#amount-minus-hipo').click(function () {
            var range1 = $('#slider-range-hipoteczne').val();
            range1Split = range1.split('zł');
            range1Value = parseInt(range1Split[0]) * 1000;
            $('#slider-range-hipoteczne').val(range1Value - 1000);
            $('#slider_val_1').val($('#slider-range-hipoteczne').val());
            $('#slider-range-hipoteczne-okr').change();
        });
        $('#amount-plus-hipo').click(function () {
            var range1 = $('#slider-range-hipoteczne').val();
            range1Split = range1.split('zł');
            range1Value = parseInt(range1Split[0]) * 1000;
            $('#slider-range-hipoteczne').val(range1Value + 1000);
            $('#slider_val_1').val($('#slider-range-hipoteczne').val());
            $('#slider-range-hipoteczne-okr').change();
        });

        $('#period-minus-hipo').click(function () {
            var range2 = $('#slider-range-hipoteczne-okr').val();
            range2Split = range2.split('mies.');
            range2Value = parseInt(range2Split[0]);
            $('#slider-range-hipoteczne-okr').val(range2Value - 1);            
            $('#slider_val_2').val($('#slider-range-hipoteczne-okr').val());
            hipoBox();
        });
        $('#period-plus-hipo').click(function () {
            var range2 = $('#slider-range-hipoteczne-okr').val();
            range2Split = range2.split('mies.');
            range2Value = parseInt(range2Split[0]);
            $('#slider-range-hipoteczne-okr').val(range2Value + 1);            
            $('#slider_val_2').val($('#slider-range-hipoteczne-okr').val());
            hipoBox();
        });

        //KREDYTY DLA FIRM
        $('#amount-minus-company').click(function () {
            var range1 = $('#slider-range-dla-firm').val();
            range1Split = range1.split('zł');
            range1Value = parseInt(range1Split[0]) * 1000;
            $('#slider-range-dla-firm').val(range1Value - 1000);
            $('#slider_val_1').val($('#slider-range-dla-firm').val());
        });
        $('#amount-plus-company').click(function () {
            var range1 = $('#slider-range-dla-firm').val();
            range1Split = range1.split('zł');
            range1Value = parseInt(range1Split[0]) * 1000;
            $('#slider-range-dla-firm').val(range1Value + 1000);
            $('#slider_val_1').val($('#slider-range-dla-firm').val());
        });

        $('#period-minus-company').click(function () {
            var range2 = $('#slider-range-dla-firm-okr').val();
            range2Split = range2.split('mies.');
            range2Value = parseInt(range2Split[0]);
            $('#slider-range-dla-firm-okr').val(range2Value - 1);
            $('#slider_val_2').val($('#slider-range-dla-firm-okr').val());
        });
        $('#period-plus-company').click(function () {
            var range2 = $('#slider-range-dla-firm-okr').val();
            range2Split = range2.split('mies.');
            range2Value = parseInt(range2Split[0]);
            $('#slider-range-dla-firm-okr').val(range2Value + 1);
            $('#slider_val_2').val($('#slider-range-dla-firm-okr').val());
        });

        //SZYBKIE POŻYCZKI
        $('#amount-minus-sz-poz').click(function () {
            var range1 = $('#slider-range-sz-poz').val();
            range1Split = range1.split('zł');
            range1Value = parseInt(range1Split[0]) * 1000;
            $('#slider-range-sz-poz').val(range1Value - 1000);
            $('#slider_val_1').val($('#slider-range-sz-poz').val());
        });
        $('#amount-plus-sz-poz').click(function () {
            var range1 = $('#slider-range-sz-poz').val();
            range1Split = range1.split('zł');
            range1Value = parseInt(range1Split[0]) * 1000;
            $('#slider-range-sz-poz').val(range1Value + 1000);
            $('#slider_val_1').val($('#slider-range-sz-poz').val());
        });

        $('#period-minus-sz-poz').click(function () {
            var range2 = $('#slider-range-sz-poz-okr').val();
            range2Split = range2.split('mies.');
            range2Value = parseInt(range2Split[0]);
            $('#slider-range-sz-poz-okr').val(range2Value - 1);
            $('#slider_val_2').val($('#slider-range-sz-poz-okr').val());
        });
        $('#period-plus-sz-poz').click(function () {
            var range2 = $('#slider-range-sz-poz-okr').val();
            range2Split = range2.split('mies.');
            range2Value = parseInt(range2Split[0]);
            $('#slider-range-sz-poz-okr').val(range2Value + 1);
            $('#slider_val_2').val($('#slider-range-sz-poz-okr').val());
        });

        //KONTA OSZCZĘDNOŚCIOWE
        $('#amount-minus-conta-o').click(function () {
            var range1 = $('#slider-range-conta-o').val();
            range1Split = range1.split('zł');
            range1Value = parseInt(range1Split[0]) * 1000;
            $('#slider-range-conta-o').val(range1Value - 1000);
            $('#slider_val_1').val($('#slider-range-conta-o').val());
        });
        $('#amount-plus-conta-o').click(function () {
            var range1 = $('#slider-range-conta-o').val();
            range1Split = range1.split('zł');
            range1Value = parseInt(range1Split[0]) * 1000;
            $('#slider-range-conta-o').val(range1Value + 1000);
            $('#slider_val_1').val($('#slider-range-conta-o').val());
        });

        $('#period-minus-conta-o').click(function () {
            var range2 = $('#slider-range-conta-o-okr').val();
            range2Split = range2.split('mies.');
            range2Value = parseInt(range2Split[0]);
            $('#slider-range-conta-o-okr').val(range2Value - 1);
            $('#slider_val_2').val($('#slider-range-conta-o-okr').val());
        });
        $('#period-plus-conta-o').click(function () {
            var range2 = $('#slider-range-conta-o-okr').val();
            range2Split = range2.split('mies.');
            range2Value = parseInt(range2Split[0]);
            $('#slider-range-conta-o-okr').val(range2Value + 1);
            $('#slider_val_2').val($('#slider-range-conta-o-okr').val());

        });
        //LOKATY BANKOWE
        $('#amount-minus-lok-bankowe').click(function () {
            var range1 = $('#slider-range-lok-bankowe').val();
            range1Split = range1.split('zł');
            range1Value = parseInt(range1Split[0]) * 1000;
            $('#slider-range-lok-bankowe').val(range1Value - 1000);
            $('#slider_val_1').val($('#slider-range-lok-bankowe').val());
        });
        $('#amount-plus-lok-bankowe').click(function () {
            var range1 = $('#slider-range-lok-bankowe').val();
            range1Split = range1.split('zł');
            range1Value = parseInt(range1Split[0]) * 1000;
            $('#slider-range-lok-bankowe').val(range1Value + 1000);
            $('#slider_val_1').val($('#slider-range-lok-bankowe').val());
        });

        $('#period-minus-lok-bankowe').click(function () {
            var range2 = $('#slider-range-lok-bankowe-okr').val();
            range2Split = range2.split('mies.');
            range2Value = parseInt(range2Split[0]);
            $('#slider-range-lok-bankowe-okr').val(range2Value - 1);
            $('#slider_val_2').val($('#slider-range-lok-bankowe-okr').val());
        });
        $('#period-plus-lok-bankowe').click(function () {
            var range2 = $('#slider-range-lok-bankowe-okr').val();
            range2Split = range2.split('mies.');
            range2Value = parseInt(range2Split[0]);
            $('#slider-range-lok-bankowe-okr').val(range2Value + 1);
            $('#slider_val_2').val($('#slider-range-lok-bankowe-okr').val());
        });
    });
</script>

<div class="containter" role="document"> 
    <section id="top">
        <div class="row">
            <div class="col-lg-7 col-md-7 hidden-sm hidden-xs">
                <h4>
                    Porównywarka finansowa <span class="primary-color">YouSave.pl</span> - z nami zaoszczędzisz czas i pieniądze!
                </h4>
            </div>
            <div class="col-lg-5 col-md-5 hidden-sm hidden-xs">
                <div class="logos">
                    <img src="../assets/img/nr1.png" alt="">
                    <img src="../assets/img/rzetelna.png" alt="" style="display: none">
                </div>
            </div>
        </div>
        <script type="text/javascript">
            var baseUrl = 'http://<?= $_SERVER['HTTP_HOST'] ?>/';
        </script>
        <div class="row">
            <div class="col-lg-7 col-md-7 col-sm-12 col-xs-12" id="filterPage">
                <div class="chooseProduct">
                    <div class="contentProduct">
                        <div class="row">
                            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                                <h5 class="orange-box">Wybierz produkt do porównania:</h5>
                            </div>
                        </div>                            
                        <div class="row">
                            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                                <form name="jump" action="" id="sgform" method="post">
                                    <!-- <a class="trigger" href="#">Kredyty gotówkowe</a> -->
                                    <input name="rodzajkonta" type="hidden" id="konto" value="<?= Url::to(['credit/product-type', 'name' => ProductType::CASH_CREDIT]) ?>">

                                    <select id="konto-main" class="form-control trigger selectpicker" name="rodzajkonta">
                                        <option class="normal-color" value="<?= Url::to(['credit/product-type', 'name' => ProductType::CASH_CREDIT]) ?>">Kredyty gotówkowe</option>
                                        <option value="<?= Url::to(['credit/product-type', 'name' => ProductType::CAR_CREDIT]) ?>">Kredyty samochodowe</option>
                                        <option value="<?= Url::to(['credit/product-type', 'name' => ProductType::HIPO_CREDIT]) ?>">Kredyty hipoteczne</option>
                                        <option value="<?= Url::to(['credit/product-type', 'name' => ProductType::FIRM_CREDIT]) ?>">Kredyty dla firm</option>
                                        <option value="<?= Url::to(['loan/product-type', 'name' => ProductType::FAST_CREDIT]) ?>">Szybkie pożyczki</option>
                                        <option value="<?= Url::to(['account/product-type', 'name' => ProductType::BANK_ACCOUNT]) ?>">Konta bankowe</option>
                                        <option value="<?= Url::to(['account/product-type', 'name' => ProductType::SAVE_ACCOUNT]) ?>">Konta oszczędnościowe</option>
                                        <option value="<?= Url::to(['account/product-type', 'name' => ProductType::ACCOUNT_COMPANY]) ?>">Konta firmowe</option>
                                        <option value="<?= Url::to(['investment/product-type', 'name' => ProductType::INVESTMENT_BANK]) ?>">Lokaty bankowe</option>
                                    </select>

                                    <!--<a class="trigger" href="#">Kredyty gotówkowe</a>-->

                                    <input type="hidden" name="<?= Yii::$app->request->csrfParam; ?>" value="<?= Yii::$app->request->csrfToken; ?>" />
                                    <!-- Kredyty goówkowe-->
                                    <input type="hidden" name="params[amount]" id="slider_val_1" value="5000"/>
                                    <input type="hidden" name="params[period]" id="slider_val_2" value="36"/>
                                    <input type="hidden" name="params[age]" id="slider_val_age" value="2015"/>
                                    <input type="hidden" name="params[newauto]" id="slider_val_new" value="0"/>
                                    <input type="hidden" name="params[bezprowizji]" id="slider_val_bezprowizji" value="0"/>
                                    <input type="hidden" name="params[konto]" id="slider_val_konto" value="0"/>
                                    <input type="hidden" name="params[bankomat]" id="slider_val_bankomat" value="0"/>
                                    <input type="hidden" name="params[karta]" id="slider_val_karta" value="0"/>
                                    <input type="hidden" name="params[young]" id="slider_val_young" value="0"/>
                                    <!-- Kredyty goówkowe-->
                                    <!-- Reszta -->
                                    <input type="hidden" name="params[bezkonta]" id="slider_val_bezkonta" value="0"/>
                                    <input type="hidden" name="params[oddzial]" id="slider_val_oddzial" value="0"/>
                                    <input type="hidden" name="params[internet]" id="slider_val_internet" value="0"/>
                                    <input type="hidden" name="params[telefon]" id="slider_val_telefon" value="0"/>
                                    <input type="hidden" name="sendFromBox"  value="1"/>
                                </form>
                            </div>
                        </div>

                        <div id="fliterPage">
                            <?php include('aside.php'); ?>




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


            <div class="col-lg-5 col-md-5 col-sm-12 col-xs-12">
                <?= frontend\widgets\Banners::widget() ?>
            </div>
        </div>
    </section>
    <section class="row">
        <div class="col-lg-12">
            <h4 class="head">
                <a href="<?= Url::to(['actual/all']) ?>" class="grey">
                    Artykuły
                </a>
            </h4>
        </div>
        <div id="articles" class="col-lg-12">
            <ul id="tabs" class="nav nav-tabs">
                <?php foreach ($types as $k => $type): ?>
                    <?php
                    $active = '';
                    if (isset($type->Id) && $type->Id == 0) {
                        $active = 'active';
                    }
                    $showLoadMore = 0;
                    if ($tab_count[$type->Id] > count($tab[$type->Id])) {
                        $showLoadMore = 1;
                    }
                    ?>
                    <li class="<?= $active ?>" oncontextmenu="return false;">
                        <a href="#<?= 'article' . $type->Id ?>" data-category="<?= $type->Id ?>" data-actual-page="<?= count($tab[$type->Id]) ?>"  
                           data-toggle="tab" data-number-of-items="<?= $tab_count[$type->Id] ?>" data-show-load-more="<?= $showLoadMore ?>" onclick="setTimeout(resetArticlePage, 100)">
                               <?= $type->Name ?>
                        </a>
                    </li>
                <?php endforeach; ?> 
            </ul>
        </div>
        <div id="articles" class="col-lg-12">

            <div id="my-tab-content" class="tab-content">

                <?php foreach ($types as $type): ?>
                    <?php echo $this->render('partial/article_list', ['article' => $article, 'type' => $type, 'tab' => $tab]); ?>

                <?php endforeach; ?> 
            </div></div>
        <div class="col-sm-12 col-md-12 col-lg-12 loadmore">
            <div data-page="1"  id="loadMoreArt"  onclick="loadMoreArticles()" class="button expand bg-none">Wczytaj więcej</div>
        </div>  
    </section>    
    <section class="row">
        <div class="col-lg-12">
            <h4 class="head">
                <a href="#" class="grey">
                    Polecane
                </a>
            </h4>
        </div>
        <div id="articles" class="col-lg-12">
            <ul id="tabs1" class="nav nav-tabs" style="border-bottom-color: rgb(248, 102, 21);">
                <?php foreach ($recommeded_type as $index => $rt): ?>
                    <?php
                    $active = '';
                    if (isset($rt->Id) && $index == 0) {
                        $active = 'active';
                    }
                    ?>
                    <li class="<?= $active ?>"><a href="#<?= 'rec' . $rt->Id ?>" data-toggle="tab"><?= $rt->Name ?></a></li>                  
                <?php endforeach; ?>
            </ul>
            <div id="my-tab-content" class="tab-content">
                <?php foreach ($recommeded_type as $index => $rec): ?>
                    <?php
                    $active = '';
                    if (isset($rec->Id) && $index == 0) {
                        $active = 'active';
                    }
                    ?>
                    <div class="tab-pane <?= $active ?>" id="<?= 'rec' . $rec->Id ?>">
                        <div class="row">
                            <?php for ($i = 0; $i < count($recommended); $i++): ?>
                                <?php if (isset($recommended[$rec->Id][$i])): ?>
                                    <div class="col-lg-6">                                        
                                        <article class="box" style="position:relative">
                                            <a href="<?php echo \frontend\productstructure\ProductStructure::getLink($recommended[$rec->Id][$i]) ?>" target="_blan"k class="target"></a>
                                            <header>
                                                <h3><a href="<?php echo \frontend\productstructure\ProductStructure::getLink($recommended[$rec->Id][$i]) ?>" class="short"><?= $recommended[$rec->Id][$i]->Name; ?></a></h3>
                                                <img class="bank-logo" src="<?php echo common\models\Bank::getImagePathUsingId($recommended[$rec->Id][$i]->Rel_Bank) ?>" alt="">
                                            </header>
                                            <div class="content">
                                                <ul class="list">
                                                    <?php if (!empty($recommended[$rec->Id][$i]->Value1)): ?>
                                                        <li><?= $recommended[$rec->Id][$i]->Value1 ?></li>
                                                    <?php endif; ?>
                                                    <?php if (!empty($recommended[$rec->Id][$i]->Value2)): ?>
                                                        <li><?= $recommended[$rec->Id][$i]->Value2 ?></li>
                                                    <?php endif; ?>
                                                    <?php if (!empty($recommended[$rec->Id][$i]->Value3)): ?>
                                                        <li><?= $recommended[$rec->Id][$i]->Value3 ?></li>
                                                    <?php endif; ?>

                                                </ul>
                                                <img class="polecamy" src="<?php echo common\models\Recommended::getProductRecommendedLogo($recommended[$rec->Id][$i]->Promoted) ?>" alt="">
                                            </div>
                                        </article>                                        
                                    </div>  
                                <?php endif; ?>
                            <?php endfor; ?>
                        </div>
                    </div>
                <?php endforeach; ?>
            </div>
        </div>
		<div class="col-lg-12">
		  <div style="font-size: 12px; margin: 10px 0;">
Przykład reprezentatywny dla kredytu z ubezpieczeniem na życie: całkowita kwota kredytu: 23 126 zł (bez kredytowanych kosztów), Rzeczywista Roczna Stopa Oprocentowania: 17,24%, oprocentowanie stałe: 4,90%, całkowita kwota do zapłaty: 33 558,80 zł, całkowity koszt kredytu: 10 432,80 zł (w tym: prowizja: 3 483,19 zł, odsetki: 3 787,95 zł, koszt ubezpieczenia: 3 161,66 zł), 59 równych miesięcznych rat w wysokości / po: 568,79 zł. Przykład reprezentatywny dla kredytu bez ubezpieczenia na życie: całkowita kwota kredytu: 23 126 zł (bez kredytowanych kosztów), Rzeczywista Roczna Stopa Oprocentowania: 13,85%, oprocentowanie stałe: 6,90%, całkowita kwota do zapłaty: 31 453,41 zł, całkowity koszt kredytu: 8 327,41 zł (w tym: prowizja: 3 486,20 zł, odsetki: 4 841,21 zł, koszt ubezpieczenia: 0 zł), 59 równych miesięcznych rat w wysokości / po: 533,11 zł. Ostateczne warunki kredytowania zależą od wiarygodności kredytowej klienta, daty wypłaty kredytu oraz daty płatności pierwszej raty. Warunki oferty: wg stanu na 25.06.2016 r. Przedstawione symulacje nie są ofertą w rozumieniu Kodeksu Cywilnego. Przyznanie kredytu uzależnione jest każdorazowo od pozytywnej oceny zdolności kredytowej wnioskującego. Partnerzy z którymi współpracujemy oferują pożyczki z okresem spłaty od 3 do 120 miesięcy. Maksymalne RRSO wynosi 17.28 %.<br><br>

Jeśli pożyczkobiorca ma problemy ze spłatą pożyczki w terminie, otrzyma wezwanie do zapłaty. Wezwanie może otrzymać na piśmie bądź w formie wiadomości e-mail. Za wezwania oraz monity naliczane są opłaty, które mogę być różne z każdym kolejnym wezwaniem. Każdy dzień opóźnienia w spłacie pożyczki, generuje odsetki od jej kwoty. Jeśli klient nie opłaci pożyczki, opłat dodatkowych, wezwań i odsetek, następne konsekwencje to: przekazanie sprawy klienta do windykatora bądź postępowanie sądowe wobec pożyczkobiorcy. Jeśli klient nie spłaci pożyczki w terminie, pożyczkodawca może podjąć działania, celem odzyskania udzielonych środków.<br><br>

Szybkie pożyczki gotówkowe udzielane są na podstawie Kodeksu cywilnego (ustawa z dnia 23 kwietnia 1964 r. Kodeks cywilny, Dz. U. nr 16 poz. 93, z późn. zm.). Część firm pożyczkowych posiada formularze informacyjne, dotyczące kredytu konsumenckiego (Ustawa o kredycie konsumenckim Dz. U. z 2011 nr 126 poz. 715).
		  </div>
		</div>
	</section>

    <!-- <div class="row">
        <div class="col-lg-12">
            <h4 class="head">Kalkulator od odsetek z lokaty</h4>
        </div>
    </div>
    <div class="row calculators">
        <div class="col-lg-10 col-md-10 col-sm-12 col-xs-12">
            <div class="row">
                <div class="col-lg-5 col-md-12 col-sm-12 col-xs-12">
                    <h5 class="orange-box od">Kwota lokaty:</h5>
                    <div class="row">
                        <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1">
                            <a href="#" class="minus-slider-second">Minus</a>
                        </div>
                        <div class="col-lg-7 col-md-7 col-sm-7 col-xs-9">
                            <div id="slider-range3" class="sliders-main copy-left"></div>
                        </div>
                        <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1">
                            <a href="#" class="plus-slider-second">Plus</a>
                        </div>
                        <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
                            <input type="text" id="slider-range3-value" class="slider-value-main-page">
                        </div>
                    </div>
                </div>
                <div class="col-lg-5 col-lg-offset-1 col-md-12 col-sm-12 col-xs-12">
                    <h5 class="orange-box od">Oprocentowanie:</h5>
                    <div class="row">
                        <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1">
                            <a href="#" class="minus-slider-second">Minus</a>
                        </div>
                        <div class="col-lg-7 col-md-7 col-sm-7 col-xs-9">
                            <div id="slider-range4" class="sliders-main copy-left"></div>
                        </div>
                        <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1">
                            <a href="#" class="plus-slider-second">Plus</a>
                        </div>
                        <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
                            <input type="text" id="slider-range4-value" class="slider-value-main-page">
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-5 col-md-12 col-sm-12 col-xs-12">
                    <h5 class="orange-box od">Okres lokaty:</h5>
                    <div class="row">
                        <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1">
                            <a href="#" class="minus-slider-second">Minus</a>
                        </div>
                        <div class="col-lg-7 col-md-7 col-sm-7 col-xs-9">
                            <div id="slider-range5" class="sliders-main copy-left"></div>
                        </div>
                        <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1">
                            <a href="#" class="plus-slider-second">Plus</a>
                        </div>
                        <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
                            <input type="text" id="slider-range5-value" class="slider-value-main-page">
                        </div>
                    </div>
                </div>
                <div class="col-lg-5 col-lg-offset-1 col-md-12 col-sm-12 col-xs-12">
                    <h5 class="orange-box od">Kapitalizacja:</h5>
                    <div class="row">
                        <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1">
                            <a href="#" class="minus-slider-second">Minus</a>
                        </div>
                        <div class="col-lg-7 col-md-7 col-sm-7 col-xs-9">
                            <div id="slider-range6" class="sliders-main copy-left"></div>
                        </div>
                        <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1">
                            <a href="#" class="plus-slider-second">Plus</a>
                        </div>
                        <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
                            <input type="text" id="slider-range6-value" class="slider-value-main-page">
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-lg-2 col-md-2 col-sm-12 col-xs-12">
            <a href="#" onclick="$('#sgform').attr('action', $('input[name=rodzajkonta]').val());
                    $('#sgform').submit();" data-page="2" class="button green kalk">Oblicz</a>
        </div>
    </div> -->

    <!-- <section id="calcs" class="row">
        <div class="col-lg-12">
            <h4 class="head">Pozostałe kalkulatory</h4>

        </div>
        <div class="col-md-12 col-lg-4">
            <div class="box text-center">
                <img src="../assets/img/calc1.png" alt="">
                <h4>Kalkulator odsetek z lokaty</h4>
                <p>Kalkulator pozwala obliczyć odsetki z lokaty oraz efektywnie wylicza jej oprocentowanie. Dzięki niemu możesz sprawdzić jaka będzie kapitalizacja na zakończenie okresu trwania lokaty i ile dokładnie możesz zarobić na lokacie.</p>
                <a href="<?= Url::to(['investment/product-type', 'name' => ProductType::INVESTMENT_BANK]) ?>" class="button small expand">oblicz zdolność</a>
            </div> 
        </div>
        <div class="col-md-12 col-lg-4 middle">
            <div class="box text-center">
                <img src="../assets/img/calc2.png" alt="">
                <h4>Kalkulator RRSO</h4>
                <p>Kalkulator pozwala obliczyć rzeczywistą roczną stopę oprocentowania (RRSO). Wskaźnik ten uwzględnia oprocentowanie kredytu oraz dodatkowe koszty takie jak prowizje, ubezpieczenia oraz inne opłaty bankowe.</p>
                <a href="<?= Url::to(['credit/product-type', 'name' => ProductType::FIRM_CREDIT]) ?>" class="button small expand">oblicz zdolność</a>
            </div> 
        </div>
        <div class="col-md-12 col-lg-4">
            <div class="box text-center">
                <img src="../assets/img/calc3.png" alt="">
                <h4>Kalkulator zdolności kredytowej</h4>
                <p>Kalkulator pozwala ocenić zdolność kredytową. Dzięki niemu obliczysz maksymalną kwotę kredytu o jaką możesz ubiegać się w banku. Znając swoją zdolność kredytową, łatwiej znajdziesz odpowiednią ofertę kredytu.</p>
                <a href="<?= Url::to(['credit/product-type', 'name' => ProductType::CASH_CREDIT]) ?>" class="button small expand">oblicz zdolność</a>
            </div> 
        </div>
        <div class="col-sm-12 col-md-12 col-lg-12" >
            <a href="#" class="button expand bg-none">Więcej kalkulatorów</a>
        </div>
    </section> -->
</div>

<script type="text/javascript">
    jQuery(document).ready(function ($) {


        $('aside.gotowkowe').css('display', 'block');
        $("aside:not('.gotowkowe')").css('display', 'none');

        $("#konto-main").change(function () {

            var selectV = $("#konto-main").val();
            console.log(selectV);
            if (selectV == '<?= Url::to(['credit/product-type', 'name' => ProductType::CASH_CREDIT]) ?>') {
                $('aside.gotowkowe').css('display', 'block');
                $("aside:not('.gotowkowe')").css('display', 'none');
            }
            else if (selectV == '<?= Url::to(['credit/product-type', 'name' => ProductType::CAR_CREDIT]) ?>') {
                $('aside.samochodowe').css('display', 'block');
                $("aside:not('.samochodowe')").css('display', 'none');
                $('#slider_val_1').val($('#slider-range-sam').val());
                $('#slider_val_2').val($('#slider-range-sam-okr').val());
            }

            else if (selectV == '<?= Url::to(['credit/product-type', 'name' => ProductType::FIRM_CREDIT]) ?>') {
                $('aside.dla-firm').css('display', 'block');
                $("aside:not('.dla-firm')").css('display', 'none');
                $('#slider_val_1').val($('#slider-range-dla-firm').val());
                $('#slider_val_2').val($('#slider-range-dla-firm-okr').val());
            }

            else if (selectV == '<?= Url::to(['credit/product-type', 'name' => ProductType::HIPO_CREDIT]) ?>') {
                $('aside.hipoteczne').css('display', 'block');
                $("aside:not('.hipoteczne')").css('display', 'none');
                $('#slider_val_1').val($('#slider-range-hipoteczne').val());
                $('#slider_val_2').val($('#slider-range-hipoteczne-okr').val());
            }
            else if (selectV == '<?= Url::to(['loan/product-type', 'name' => ProductType::FAST_CREDIT]) ?>') {
                $('aside.sz-poz').css('display', 'block');
                $("aside:not('.sz-poz')").css('display', 'none');
                $('#slider_val_1').val($('#slider-range-sz-poz').val());
                $('#slider_val_2').val($('#slider-range-sz-poz-okr').val());
            }
            else if (selectV == '<?= Url::to(['account/product-type', 'name' => ProductType::BANK_ACCOUNT]) ?>') {
                $('aside.konta').css('display', 'block');
                $("aside:not('.konta')").css('display', 'none');
            }
            else if (selectV == '<?= Url::to(['account/product-type', 'name' => ProductType::SAVE_ACCOUNT]) ?>') {
                $('aside.conta-o').css('display', 'block');
                $("aside:not('.conta-o')").css('display', 'none');
                $('#slider_val_1').val($('#slider-range-conta-o').val());
                $('#slider_val_2').val($('#slider-range-conta-o-okr').val());
            }
            else if (selectV == '<?= Url::to(['account/product-type', 'name' => ProductType::ACCOUNT_COMPANY]) ?>') {
                $('aside.conta-f').css('display', 'block');
                $("aside:not('.conta-f')").css('display', 'none');
            }
            else if (selectV == '<?= Url::to(['investment/product-type', 'name' => ProductType::INVESTMENT_BANK]) ?>') {
                $('aside.lok-bankowe').css('display', 'block');
                $("aside:not('.lok-bankowe')").css('display', 'none');
                $('#slider_val_1').val($('#slider-range-lok-bankowe').val());
                $('#slider_val_2').val($('#slider-range-lok-bankowe-okr').val());
            }
        });


    });



</script>
<script>

//Doładowywanie artykułów na stronie głównej

    var tab_count = '<?php echo json_encode($tab_count) ?>';
    var category_count = JSON.parse(tab_count);
    var active_category = $("#tabs li.active a").data("category");

    function resetArticlePage() {

        active_category = $("#tabs li.active a").data("category");
        if ($("#tabs li.active a").data("number-of-items") < 6) {
            $("#tabs li.active a").data("show-load-more", 0);
        }
        if ($("#tabs li.active a").data("show-load-more") === 1) {
            $('#loadMoreArt').show();
        } else {
            $('#loadMoreArt').hide();
        }
        $('#loadMoreArt').data("page", 1);

    }

    function loadMoreArticles() {
        active_category = $("#tabs li.active a").data("category");

        //dane paginacj o show more w postach
        var paginData = {
            page: 1,
            category: 1
        }

        paginData.category = active_category;

        var base_url = '<?= yii\helpers\Url::to(['article/get-article']) ?>';
        //base_url += '&page=' + paginData.page + '&category' + paginData.catrgory;

        page_number = $('#loadMoreArt').data("page"),
                unlocked = true,
                jsonAPI = base_url;

        paginData.page = page_number;


        if (unlocked) {
            unlocked = false;
            paginData.count = 6;
            $.getJSON(jsonAPI, paginData)

                    .done(function (data) {
                        var selector = '#article' + $("#tabs li.active a").data("category");
                        console.log(page_number);
                        console.log(data.pages);
                        if (page_number <= data.pages) {
                            if (page_number === 1) {
                                $("#tabs li.active a").data("number-of-items", $("#tabs li.active a").data("number-of-items") - $("#tabs li.active a").data("actual-page"));
                                console.log('dzioło=1');
                                console.log($("#tabs li.active a").data("number-of-items"));
                            } else {
                                $("#tabs li.active a").data("number-of-items", $("#tabs li.active a").data("number-of-items") - 6);
                                console.log('else');
                                console.log($("#tabs li.active a").data("number-of-items"));
                            }
                            page_number++;

                            $(selector).html(data.content);
                            $('#loadMoreArt').data("page", page_number);

                        }

                        if (data.pages === page_number) {
                            $('#loadMoreArt').hide();
                            return;
                        }
                        unlocked = true;

                    });
        }
    }
</script>
<script>
    jQuery(document).ready(function ($) {
        // creating a container variable to hold the 'UL' element. It uses method chaining.
        var container = $('div.slider')
                .css('overflow', 'hidden')
                .children('ul');

        // creating pagination variable which holds the 'UL' element.
        var pagicontainer = $('div.pagi-container').children('ul');

        /* 
         On the event of mouse-hover, 
         i) Change the visibility of Button Controls.
         ii) SET/RESET the "intv" variable to switch between AutoSlider and Stop mode.
         */
        $('.gallery').hover(function (e) {
            $('.slider-nav').toggle();
            return e.type == 'mouseenter' ? clearInterval(intv) : autoSlider();
        });

        // Creating the 'slider' instance which will set initial parameters for the Slider.
        var sliderobj = new slider(container, pagicontainer, $('.slider-nav'));
        /*
         This will trigger the 'setCurrentPos' and 'transition' methods on click of any button
         "data-dir" attribute associated with the button will determine the direction of sliding.
         */
        sliderobj.nav.find('button').on('click', function () {
            sliderobj.setCurrentPos($(this).data('dir'));
            sliderobj.transition();
        });

        /*
         This will trigger the 'setCurrentPos' and 'transition' methods on click of any Pagination icons.
         "data-pgno" attribute associated with the Pagination icons will determine the value of current variable.
         */
        sliderobj.pagicontainer.find('li a').on('click', function () {
            sliderobj.setCurrentPos($(this).data('pgno'));
            sliderobj.transition();
        });

        autoSlider(); // Calling autoSlider() method on Page Load.

        /* 
         This function will initialize the interval variable which will cause execution of the inner function after every 3 seconds automatically.
         */
        function autoSlider()
        {
            return intv = setInterval(function () {
                sliderobj.setCurrentPos('next');
                sliderobj.transition();
            }, 10000);
        }

    });

</script>