Administrator / test_1

  <?php

  use yii\data\Sort;
  use \yii\helpers\Html;

  use \yii\widgets\Pjax;

  
  $sort = new Sort([
      'attributes' => [

          'box_or' => ['label' => 'Наличие'],
          'delivery_or' => ['label' => 'Срок'],
          'price_or' => [

              'default' => SORT_DESC,

              'label' => 'Цена'],
          'box_cross' => ['label' => 'Наличие'],
          'delivery_cross' => ['label' => 'Срок'],
          'price_cross' => [

              'default' => SORT_DESC,

              '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;

  
  // определим направление сортировки, для отображения стрелочек
  // для оригинальной таблицы
  if( empty($sort_params_or['price']) ){
      $price_or_class = '';
  }else{
      $price_or_class = ($sort_params_or['price'] == 4)? 'arrow_up': 'arrow_downA';
  }
  if( empty($sort_params_or['delivery']) ){
      $delivery_or_class = '';
  }else{
      $delivery_or_class = ($sort_params_or['delivery'] == 4)? 'arrow_up': 'arrow_downA';
  }
  if( empty($sort_params_or['box']) ){
      $box_or_class = '';
  }else{
      $box_or_class = ($sort_params_or['box'] == 4)? 'arrow_up': 'arrow_downA';
  }
  // для кросс таблицы
  if( empty($sort_params_cross['price']) ){
      $price_cross_class = '';
  }else{
      $price_cross_class = ($sort_params_cross['price'] == 4)? 'arrow_up': 'arrow_downA';
  }
  if( empty($sort_params_cross['delivery']) ){
      $delivery_cross_class = '';
  }else{
      $delivery_cross_class = ($sort_params_cross['delivery'] == 4)? 'arrow_up': 'arrow_downA';
  }
  if( empty($sort_params_cross['box']) ){
      $box_cross_class = '';
  }else{
      $box_cross_class = ($sort_params_cross['box'] == 4)? 'arrow_up': 'arrow_downA';
  }
  

  ?>
  

  <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>

          <?php Pjax::begin(['id' => 'original']); ?>

          <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 <?= $box_or_class ?>"><?= $sort->link('box_or') ?></td>
                  <td class="right_small row_name link_sort <?= $delivery_or_class ?>"><?= $sort->link('delivery_or') ?></td>
                  <td class="right_medium row_name link_sort <?= $price_or_class ?>"><?= $sort->link('price_or') ?></td>

              </tr>

              <?php

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

              ?>

  
              </tbody></table>

          <?php Pjax::end();?>

  
      </div>

  
      <?php Pjax::begin(['id' => 'cross']); ?>

      <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 <?= $box_cross_class ?>"><?= $sort->link('box_cross') ?></td>
                  <td class="right_small row_name link_sort <?= $delivery_cross_class ?>"><?= $sort->link('delivery_cross') ?></td>
                  <td class="right_medium row_name link_sort <?= $price_cross_class ?>"><?= $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>

      <?php Pjax::end();?>

  </div>

  </div>

  <div class="modal fade" id="details_content_block" >

      <div class="modal-dialog table_details">

          <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>