view

<?php

use yii\helpers\Html;
use yii\helpers\Url;
use yii\widgets\ActiveForm;

use app\modules\proposal\models\frontend\CalculateForm;
use app\modules\routes\models\RoutesCities;

/**
 * @var $model
 * @var $dimensions
 * @var $idForm
 */

$form = ActiveForm::begin([
    'id' => $idForm,
    'enableAjaxValidation' => true,
    'validationUrl' => Url::toRoute(['/proposal/default/ajax-validate']),
    //'action' => ['/proposal/default/calc-form'],
    'options' => [
        'class' => 'b-calc1 j-calcFORM',
        'data' => [
            'params' => 'calc-form'
        ]
    ]
]);

?>
<h3 id="calc1" class="b-calcHeader">Расчитайте стоимость онлайн!</h3>
<div class="b-calc1Body">
    <div class="b-calcColumn">
        <div class="b-calcColumnHeader">Откуда</div>
        <?= $form->field($model, 'from')->dropDownList(RoutesCities::getAutocompleteList(),[
            //'id' => $from_city,
            'class' => 'autocomplete b-calcInput city-from',
            'prompt'=> 'Выбрать...',
        ])->label(false) ?>
        <?= Html::hiddenInput('from[]','',['id' => 'from-city']) ?>
        <div class="b-calcColumnHeader">Информация о грузе</div>
        <?= $form->field($model, 'cargoData')->dropDownList(CalculateForm::getInfoCargo(), ['class' => 'b-calcInput cargo-data'])->label(false) ?>
    </div>
    <div class="b-calcColumn">
        <div class="b-calcColumnHeader">Куда</div>
        <?= $form->field($model, 'to')->dropDownList(RoutesCities::getAutocompleteList(),[
            //'id' => $to_city,
            'class' => 'autocomplete b-calcInput city-to',
            'prompt'=> 'Выбрать...',
        ])->label(false) ?>
        <?= Html::hiddenInput('from[]','',['id' => 'to-city']) ?>
        <!-- Для веса до 1кг и при полном незнании параметров груза -->
        <div class="b-defaultComment">
            <div class="b-calcColumnHeader">Комментарий</div>
            <?= $form->field($model, 'message', ['validateOnType' => true])->textInput([
                'class' => 'b-calcInput',
                'placeholder' => 'Опишите груз или особые условия доставки'])->label(false) ?>
        </div>

        <!-- масса-объем -->
        <div class="b-cargoMassBlock" style="display: none;">
            <div class="b-cargoMass">
                <div class="b-calcColumnHeader">Масса (кг)</div>
                <?= $form->field($model, 'mass', ['validateOnType' => true])->textInput([
                    "class" => "b-calcInput",
                    "placeholder" => "кг",
                    /*"pattern" => $model->pattern*/])->label(false) ?>
            </div>
            <div class="b-cargoMass">
                <div class="b-calcColumnHeader">Объем (м<sup>3</sup>)</div>
                <?= $form->field($model, 'capacity', ['validateOnType' => true])->textInput([
                    'class' => 'b-calcInput cargo-volume',
                    'placeholder' => 'm3',
                    //'pattern' => $model->pattern,
                    ])->label(false) ?>
            </div>
        </div>
        <?php
         //print_r($geometry); exit();
        ?>
        <!-- габаритики -->
        <div class="b-cargoSizes" style="display: none;">
            <?php
               foreach($dimensions as $key => $dimension){
            ?>
                   <div class="b-cargoSize">
                       <div class="b-calcColumnHeader">Длина (см)</div>
                       <?= $form->field($dimension, "[$key]length")->textInput([
                            'class' => 'b-calcInput',
                            'placeholder' => 'см',
                            'pattern' => $model->pattern,
                            ])->label(false) ?>
                   </div>
                   <div class="b-cargoSize">
                       <div class="b-calcColumnHeader">Ширина (см)</div>
                       <?= $form->field($dimension, "[$key]width")->textInput([
                    'class' => 'b-calcInput',
                    'placeholder' => 'см',
                    'pattern' => $model->pattern,
                    ])->label(false) ?>
                   </div>
                   <div class="b-cargoSize">
                       <div class="b-calcColumnHeader">Высота (см)</div>
                       <?= $form->field($dimension, "[$key]height")->textInput([
                    'class' => 'b-calcInput',
                    'placeholder' => 'см',
                    'pattern' => $model->pattern,
                    ])->label(false) ?>
                   </div>
                   <div class="b-cargoSize">
                       <div class="b-calcColumnHeader">Масса (кг)</div>
                       <?= $form->field($dimension, "[$key]mass")->textInput([
                    'class' => 'b-calcInput',
                    'placeholder' => 'кг',
                    'pattern' => $model->pattern,
                    ])->label(false) ?>
                   </div>
                   <div class="b-cargoSize">
                       <div class="b-calcColumnHeader">Кол-во (шт)</div>
                       <div class="b-numberInput">
                       <div class="b-numberInput__plus"></div>
                       <div class="b-numberInput__minus"></div>
                       <?= $form->field($dimension, "[$key]qty")->textInput([
                        'class' => 'b-calcInput j-numMask',
                        'placeholder' => 'шт',
                        'pattern' => '^[ 0-9]+$',
                        ])->label(false) ?>
                       </div>
                   </div>
            <?php
               }
            ?>
            <div class="b-cargoSize">
                <?php
                echo Html::button('- Удалить', ['class' => 'j-addFields b-removeFields', 'style' => 'display:none;']);
                echo Html::button('+ Ещё груз', ['class' => 'j-addFields b-addFields'])
                ?>
            </div>
        </div>
        <!-- габариты -->
    </div>
    <?= Html::submitButton('Получить расчёт', ['class' => 'b-btn b-calcBtn rising-popup', 'style' => 'margin-top:20px;']) ?>
    <div title="Поменять местами" class="b-calcChange j-calcChange"></div>
</div>
<?php
ActiveForm::end();
?>