<?php

/* @var $this yii\web\View */
use yii\widgets\ListView;
use yii\widgets\ActiveForm;
use yii\helpers\Html;
use yii\helpers\ArrayHelper;

$this->title = Yii::t('app','UUB');
$this->registerJs(<<<JS
    $('#index-form *').on('change', function(){
       $('#index-form').submit(); 
    });
JS

);

if(!$searchModel->isClear()) {
    $this->registerJs(<<<JS
  
        $('html, body').animate({
            scrollTop: $("#index-form").offset().top
        }, 0);
   
JS
    );
}

?>
<main class="site-content">
    <!-- Jumbotron -->
    <section class="jumbotron">
        <div class="overlay"></div>
        <div class="container jumbotron-content text-center text-lg-left">
            <div class="row justify-content-between">
                <div class="col-lg-8">
                    <p class="jumbotron-title">Електронний торговий <br>майданчик</p>
                    <!-- <p class="jumbotron-subtitle">Демонстраційна версія</p> -->
                </div>
            </div>
        </div>
    </section>

    <!-- Publications -->
    <section class="publications">
        <div class="container">
            <div class="row">
                <div class="col-12 publications-search publications-overlapped">

                    <?php $form = ActiveForm::begin([
                        'method' => 'get',
                        'action' => ['/'],
                        'id' => 'index-form'
                    ])?>

                    <div class="input-group mb-2">
                        <?= Html::activeInput('text', $searchModel, 'main_search',
                            ['class' => 'form-control', 'placeholder'=>'Назва або ідентифікатор аукціону'])?>
                        <?= Html::submitButton(Html::img('/images/icon-search.png'), ['class' => 'btn btn-primary'])?>
                    </div>
                    <input class="link-secondary p-0" data-toggle="collapse" data-target="#expandedSearch" type="button" value="Розширений пошук">
                    <img src="/images/icon-plus.png" alt="">
                    <div class="collapse <?= $searchModel->isClear() ? '' : 'show'?>" id="expandedSearch">
                        <div class="row ">

                            <div class="form-group col-md-6 col-lg-3 mb-0">
                                <label for="search-filter-admin">Організатор торгів</label>
                                <?= Html::activeInput('text', $searchModel, 'org_name',
                                    ['class' => 'form-control', 'placeholder'=>'Організатор', 'id' =>'search-filter-region'])?>
                            </div>

                            <div class="form-group col-md-6 col-lg-3 mb-0">
                                <label for="search-filter-id">Категорія</label>
                                <?=Html::activeDropDownList($searchModel, 'category',
                                    ArrayHelper::merge(['' => Yii::t('app','Choose')], ArrayHelper::map(\app\models\Category::find()->all(), 'id', 'name')),
                                    [
                                        'class' => 'form-control',
                                        'id' => 'search-filter-category'
                                    ]) ?>
                            </div>

                            <div class="form-group col-md-6 col-lg-3 mb-0">
                                <label for="search-filter-status">Стан торгів</label>
                                <?=Html::activeDropDownList($searchModel, 'status',
                                    [
                                        '' => Yii::t('app','Choose'),
                                        '0' => Yii::t('app','pMakeBidding ID'),
                                        '1' => Yii::t('app','pWaitAuction ID'),
                                        '2' => Yii::t('app','pMakeAuction ID'),
                                        '3' => Yii::t('app','pMakeFinal ID'),
                                        '4' =>  Yii::t('app','pEndTorg ID')
                                    ],
                                    [
                                        'class' => 'form-control',
                                        'id' => 'search-filter-status'
                                    ]) ?>
                            </div>
                            <div class="form-group col-md-6 col-lg-3 mb-0">
                                <label for="search-filter-type">Тип аукціону</label>
                                <?=Html::activeDropDownList($searchModel, 'type',
                                    [
                                        '' => Yii::t('app','Choose'),
                                        '1' => 'Аукціон на підвищення',
                                        '2' => 'Голландський аукціон'
                                    ],
                                    [
                                        'class' => 'form-control',
                                        'id' => 'search-filter-type'
                                    ]) ?>
                            </div>
                        </div>

                        <div class="row no-gutters">
                            <div class="col mt-3">
                                <a class="link-secondary" href="/" id="reset-btn" name="search-clear">Очистити фільтр</a>
                            </div>
                        </div>
                    </div>
                    <?php ActiveForm::end();?>
                </div>

                <!-- start items -->
            </div>
            <section class="content bordered">
                <?= ListView::widget([
                    'dataProvider'=>$dataProvider ,
                    'itemView' => '_forms/_auctions',
                    'layout' => "{items}",
                ]) ?>
                <a href="/publishing" class="btn btn-primary btn-block mt-4">Дивитись всі публікації</a>

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

    <section class="how-it-works">
        <div class="container">
            <h2 class="how-it-works-title text-center text-sm-left">Як це працює</h2>
            <div class="row no-gutters">
                <div class="col-lg-8">
                    <div class="how-it-works-list row no-gutters font-weight-bold">
                        <div class="col-12 how-it-works-list-item">
                            <div class="row">
                                <div class="col-md-3 how-it-works-list-title">
                                    <p><span style="color:#5c6bc0">1. </span>Оголошення</p>
                                </div>
                                <div class="col-md-9 how-it-works-list-description">
                                    <p>Замовник публікує оголошення, яке містить опис активу (майна), початкову ціну, умови участі, розмір гарантійного внеску та іншу інформацію.</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-12 how-it-works-list-item">
                            <div class="row">
                                <div class="col-md-3 how-it-works-list-title">
                                    <p><span style="color:#5c6bc0">2. </span>Реєстрація</p>
                                </div>
                                <div class="col-md-9 how-it-works-list-description">
                                    <p>Умовою участі в електронних торгах є проходження процедури ідентифікації. Зареєстрований користувач отримує доступ до особистого кабінету та балансу.</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-12 how-it-works-list-item">
                            <div class="row">
                                <div class="col-md-3 how-it-works-list-title">
                                    <p><span style="color:#5c6bc0">3. </span>Заява</p>
                                </div>
                                <div class="col-md-9 how-it-works-list-description">
                                    <p>Заява містить закриту цінову пропозицію (не менше початкової ціни лота). Подання заяви передбачає автоматичне списання (блокування) суми гарантійного внеску з балансу користувача.</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-12 how-it-works-list-item">
                            <div class="row">
                                <div class="col-md-3 how-it-works-list-title">
                                    <p><span style="color:#5c6bc0">4. </span>Аукціон</p>
                                </div>
                                <div class="col-md-9 how-it-works-list-description">
                                    <p>Відбувається за умови участі 2 і більше учасників. Проводиться у формі анонімних торгів — доступні лише порядкові номери учасників та їх кількість.</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-12 how-it-works-list-item">
                            <div class="row">
                                <div class="col-md-3 how-it-works-list-title">
                                    <p><span style="color:#5c6bc0">5. </span>Кваліфікація</p>
                                </div>
                                <div class="col-md-9 how-it-works-list-description">
                                    <p>Переможцем аукціону визнається учасник, що подав найвищу цінову пропозицію. У разі невиконання переможцем умов продажу — він дискваліфікується.</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-12 how-it-works-list-item">
                            <div class="row">
                                <div class="col-md-3 how-it-works-list-title">
                                    <p><span style="color:#5c6bc0">6. </span>Договор</p>
                                </div>
                                <div class="col-md-9 how-it-works-list-description">
                                    <p>Договір укладається за межами майданчика протягом 20 робочих днів з дня формування протоколу торгів. Переможець сплачує <a class="link-primary" href="#">винагороду</a> організатору з суми гарантійного внеску.</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <aside class="d-none d-lg-block col-lg-4">
                    <div class="register-block text-center text-lg-left">
                        <h3>Учасникам</h3>
                        <p class="mb-4">Купуйте майно банків вигідно.<br> Доступ до всіх аукціонів</p>
                        <a href="#" class="btn btn-warning btn-block">Реєстрація учасника</a>
                        <h3>Замовникам</h3>
                        <p class="mb-4">Продавайте швидко.<br> Не втрачайте вартість активів</p>
                        <a href="#" class="btn btn-primary btn-block">Реєстрація замовника</a>
                    </div>
                </aside>
            </div>
        </div>
        <div class="register-block d-lg-none text-center">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-12 col-sm-8 col-md-6">
                        <h3>Учасникам</h3>
                        <p class="mb-4">Купуйте майно банків вигідно.<br> Доступ до всіх аукціонів</p>
                        <a href="#" class="btn btn-warning btn-lg btn-block">Реєстрація учасника</a>
                        <h3>Замовникам</h3>
                        <p class="mb-4">Продавайте швидко.<br> Не втрачайте вартість активів</p>
                        <a href="#" class="btn btn-primary btn-lg btn-block">Реєстрація замовника</a>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="statistics">
        <div class="container">
            <div class="row justify-content-around">
                <div class="col-md-4 col-lg-3">
                    <p class="text-center text-md-left"><span class="statistics-numbers">100</span> млн. грн.<br> щоденна втрата вартості непроданих активів
                    </p>
                </div>
                <div class="col-md-4 col-lg-3">
                    <p class="text-center text-md-left"><span class="statistics-numbers">100</span> млрд. грн.<br> оціночна вартість<br>майна банків
                    </p>
                </div>
                <div class="col-md-4 col-lg-3">
                    <p class="text-center text-md-left"><span class="statistics-numbers">65</span> банків<br> в стадії ліквідації
                    </p>
                </div>
            </div>
        </div>
    </section>

    <section class="latest-news">
        <div class="container">
            <div class="row no-gutters">
                <div class="col-sm-8 latest-news-title">
                    <h2 class="text-left mb-0">Останні новини</h2>
                </div>
                <div class="col-sm-4 text-sm-right mt-2">
                    <a href="#" class="btn btn-outline-primary mb-3 d-none d-sm-inline-block">Всі новини</a>
                </div>
            </div>
            <div class="row no-gutters">
                <div class="col-lg-6 mb-4">
                    <div class="row no-gutters">
                        <div class="col-lg-4 latest-news-thumbnail">
                            <img src="images/news1-img.jpg" alt="">
                        </div>
                        <div class="col-lg-8 latest-news-excerpt mt-2 mt-lg-0 pl-lg-3 pr-lg-3">
                            <h4><a href="#" class="link-primary-light">В Україні 7 банків залишилися у зоні ризику</a></h4>
                            <p class="mb-0">Dreamcatcher chia before they sold out jianbing fanny pack poutine. Church-key man braid keytar, messenger bag live-edge listicle scenester schlitz cliche leggings tumeric.</p>
                            <p class="text-right"><a href="#" class="btn btn-overlap-reverse">Детальніше</a></p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6 mb-4">
                    <div class="row no-gutters">
                        <div class="col-lg-4 latest-news-thumbnail">
                            <img src="images/news2-img.jpg" alt="">
                        </div>
                        <div class="col-lg-8 latest-news-excerpt mt-2 mt-lg-0 pl-lg-3 pr-lg-3">
                            <h4><a href="#" class="link-primary-light">Мінфін обіцяє більше не капіталізувати державні банки</a></h4>
                            <p class="mb-0">Dreamcatcher chia before they sold out jianbing fanny pack poutine. Church-key man braid keytar, messenger bag live-edge listicle scenester schlitz cliche leggings tumeric.</p>
                            <p class="text-right"><a href="#" class="btn btn-overlap-reverse">Детальніше</a></p>
                        </div>
                    </div>
                </div>
            </div>
            <p class="d-sm-none text-center">
                <a href="#" class="btn btn-outline-primary btn-lg btn-block mb-4">Всі новини</a>
            </p>
        </div>
    </section>

    <section class="about-us">
        <div class="container">
            <h2 class="about-us-title mb-4">Про нас</h2>
            <div class="row align-items-center no-gutters">
                <div class="col-lg-8 order-2 order-sm-1">
                    <p class="pr-4 mb-4">Перерозподіл бюджету, не змінюючи концепції, викладеної вище, свідомо концентрує споживчий медіамікс, розширюючи частку ринку. Суспільство споживання регулярно індукує емпіричний виставковий стенд. Стратегічне планування відштовхує суспільний
                        медійний канал. Виробництво спотворює комплексний рекламний блок. Медіамікс відштовхує бюджет на розміщення. Правда, фахівці відзначають, що портрет споживача синхронізує колективний поведінковий таргетинг.</p>
                    <a href="#" class="btn btn-outline-primary mb-3">Детальніше</a>
                </div>
                <div class="col-lg-4 order-1 order-sm-2">
                    <img class="img-fluid mb-3" src="images/about-img.jpg" alt="">
                </div>
            </div>
        </div>
    </section>
</main>
