Administrator / test_1

<?php
use yii\data\Sort;
use \yii\helpers\Html;

$sort = new Sort([
    'attributes' => [
        'box_or' => ['label' => 'Наличие'],
        'delivery_or' => ['label' => 'Срок'],
        'price_or' => [
            'label' => 'Цена'],
        'box_cross' => ['label' => 'Наличие'],
        'delivery_cross' => ['label' => 'Срок'],
        'price_cross' => [
            'label' => 'Цена'],
    ],
]);
$this->registerCssFile('/css/BC2_catalog_zapchasti.css');
$this->registerJsFile('/js/jquery.tablesorter.min.js');
$this->registerJsFile('/js/goods.js');
$this->params['breadcrumbs'][] = $this->title;
\yii\widgets\Pjax::begin();
?>

<div class='vin table '>
    <a href="" class='navigation'>Италавто</a>
    <img src="/images/arrow_dots.png">
    <a href="" class='navigation'>Расходные материалы</a>
    <img src="/images/arrow_dots.png">
    <a href="" class='navigation'>Электрооборудование</a>
    <img src="/images/arrow_dots.png">
    <a href="" class='navigation'>Акамуляторы(АКБ)</a>
    <img src="/images/arrow_dots.png">
    <span>Аккумулятор<span class='detail_name'> <?= "{$detailsModel->name}: {$detailsModel->brand}"?></span></span>

        <p class="vin_article"><?= "{$detailsModel->name}: {$detailsModel->brand}"?></p>
    <div class="tovar_card">
        <div class="search_span zapchasti">

            <img src="/images/car1.png" id="zapchasti_car">
            <p>Укажите свой автомобиль
                и мы предложим вам
                еще Аккумуляторы (АКБ)</p>
            <div class="selectize_item2">


                <select class="area">
                    <option value="" disabled="" selected="">Марка</option>
                    <option value="2">Выбери меня!</option>
                    <option value="3">Выбери меня!</option>
                    <option value="5">Меня!</option>
                    <option value="4">Меня</option>
                </select>

            </div>
            <button class="purple">Есть еще?</button>
        </div>
        <div class='note'>
            <span id="modal_close_tip"><img src="/images/close_form.png"></span>
            <p>
                У нас есть еще<br>
                45 Аккумуляторы (АКБ)<br>
                Возможно что-то вам<br>
                подойдет
            </p>
        </div>

        <table class='detail'>
            <tr>
                <td>
                    <?php
//                    <img src="/images/acamulator_big.png">
//                    <img src="/images/small_plus.png">
                        ?>
                </td>


                <td>

                    <p class='bold_line'><?= "{$detailsModel->name}: {$detailsModel->brand}"?></p>
                    <p class="thin_line"><?= "{$detailsModel->description}"?></p>

                </td>
            </tr>
            <tr class="galery">
                <?php
                // <td><img src="/images/acamulator_small_gallery.png"><img src="/images/acamulator_small_gallery.png"></td>
                ?>

            </tr>
        </table>
        <img src="/images/arrow_rounded.png" class='arrow_rounded'>
    </div>


</div>
<div class="vin href">
    <p class="button_grey" id="button_grey_card">Скрыть карточку товара</p>
</div>
<div class="vin tables">

    <div class="first_section">
        <p class="bold_line"><?= "{$detailsModel->description} {$detailsModel->brand} {$detailsModel->name}"?></p>
        <p class="currency  opposite" id="grivna">UAH</p>
        <p class="currency active_button_purple1" id="dollars">USD</p>
        <p class="currency opposite" id="euro">EUR</p>
        <table class="tovar_table" cellspacing="0" cellpadding="0" border="0">
            <tbody><tr class="name">
                <td class="small_width row_name">Фирма</td>
                <td class="medium_width row_name">Номер детали</td>
                <td class="large_width row_name">Описание</td>
                <td class="row_select1 row_name"></td>
                <td class="right_large row_name link_sort arrow_up"><?= $sort->link('box_or') ?></td>
                <td class="right_small row_name link_sort arrow_up"><?= $sort->link('delivery_or') ?></td>
                <td class="right_medium row_name link_sort arrow_up"><?= $sort->link('price_or') ?></td>

            </tr>
            <?php
                echo \yii\widgets\ListView::widget([
                    'dataProvider' => $goods_data_provider,
                    'itemView' => 'one_item',
                    'summary' => '',
                    'layout' => "{items}"
                ]);
            ?>

            </tbody></table>


    </div>
    <div class="second_section">
        <p class="bold_line">Замены искомого производителя</p>
        <p </p>
        <table class="tovar_table" cellspacing="0" cellpadding="0" border="0">
            <tbody>
            <tr class="name">
                <td class="small_width row_name">Фирма</td>
                <td class="medium_width row_name">Номер детали</td>
                <td class="large_width row_name">Описание</td>
                <td class="row_select1 row_name"></td>
                <td class="right_large row_name link_sort arrow_up"><?= $sort->link('box_cross') ?></td>
                <td class="right_small row_name link_sort arrow_up"><?= $sort->link('delivery_cross') ?></td>
                <td class="right_medium row_name link_sort arrow_up"><?= $sort->link('price_cross') ?></td>

            </tr>
            <?php
                echo \yii\widgets\ListView::widget([
                    'dataProvider' => $crosses_data_provider,
                    'itemView' => 'one_item',
                    'summary' => '',
                    'layout' => "{items}"
                ]);
            ?>

            </tbody></table>
        <div class="yellow_stock">
            <img src="/images/yellow_squere.jpg"><p>В наличии на центральном складе ItalAuto, в Киеве</p>
        </div>
    </div>
</div>

</div>

<script type="text/javascript">
    function changeText() {
        e = document.getElementById('button_grey_card');
        e.innerHTML = e.innerHTML == "Скрыть карточку товара" ? "Открыть карточку товара" : "Скрыть карточку товара";
    }
  $('#button_grey_card').click(function(){
      changeText();
      $(this).toggleClass('change_b');
      $('.tovar_card').toggleClass('tovar_card_visible');
      $('.table').toggleClass('table_height');
  });
  $('.link_sort').click(function(){

    $(this).find('.desc').toggleClass('arrow_downA');

  })
</script>

<?php
\yii\widgets\Pjax::end();
?>

<div class="modal fade" id="details_content_block" >
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            </div>
            <div id="details_content">

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