FM / order

/var/www/vhosts/nabawater/backend/views/order/

/var/www/vhosts/nabawater/backend/views/order

Name	Size	Mode	Actions
accept-index.php	43867	0644	edit dl rm
create.php	771	0644	edit dl rm
deliver-index.php	43853	0644	edit dl rm
delivery-boy.php	1504	0644	edit dl rm
failure-index.php	50334	0644	edit dl rm
index.php	55988	0755	edit dl rm
mail.php	15501	0644	edit dl rm
prepare-index.php	43852	0644	edit dl rm
quick-view.php	23377	0755	edit dl rm
reject-index.php	43853	0644	edit dl rm
vendor_index.php	29087	0644	edit dl rm
_cart.php	1734	0644	edit dl rm
_form.php	21697	0644	edit dl rm
_search.php	4433	0644	edit dl rm
_search_custom.php	2566	0644	edit dl rm

Edit: /var/www/vhosts/nabawater/backend/views/order/_form.php (21697B)

<?php

use backend\components\CActiveForm;
use yii\helpers\Html;
use common\helpers\UploadHelper;
use yii\helpers\Url;

/* @var $this \yii\web\View  */
/* @var $model \backend\models\Order */
/* @var $modelUser \backend\models\User */
/* @var $modelUserAddress \backend\models\UserAddress */
/* @var $modelUserAddressLang \backend\models\UserAddressLang */
/* @var $modelCity \backend\models\City */
/* @var $modelArea \backend\models\Area */
/* @var $modelVendor \backend\models\Vendor */

<div class="card-body">
    <h4 class="card-title"><?= $this->title; ?></h4>
    <hr>
    <?php $form = CActiveForm::begin(['id' => 'order-form'])->setModel($model); ?> 
    <div class="row">
        <div class="col-md-6">
            <div class="card">
                <div class="card-body">
                    <h5 class="card-title text-center">Personal Details</h5>
                    <hr>
                    <div class="col-md-12">
                        <?= $form->field($modelUser, 'user_detail')->dropDownList($modelUser->getOrderUserData(), ['prompt' => 'Select Customer', 'class' => 'select2 form-control']); ?>
                    </div>
                    <div class="col-md-12">
                        <?= $form->field($model, 'customer_first_name')->textInput(); ?>
                    </div>
                    <div class="col-md-12">
                        <?= $form->field($model, 'customer_last_name')->textInput(); ?>
                    </div>
                    <div class="col-md-12">
                        <?= $form->field($model, 'customer_email')->textInput(); ?>
                    </div>
                    <div class="col-md-12">
                        <?= $form->field($model, 'customer_mobile_number')->textInput(); ?>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-6">
            <div class="card">
                <div class="card-body">
                    <h5 class="card-title text-center">Contact Information</h5>
                    <hr>
                    <div class="col-md-12">
                        <?= $form->field($modelUserAddress, 'user_address_detail')->dropDownList($modelUserAddress->getOrderUserAddressData(), ['prompt' => 'Select Customer', 'class' => 'select2 form-control']); ?>
                    </div>
                    <div class="col-md-12">
                        <?= $form->field($modelUserAddressLang, 'street_name')->textInput(); ?>
                    </div>
                    <div class="col-md-12">
                        <?= $form->field($modelUserAddressLang, 'area')->textInput(); ?>
                    </div>
                    <div class="col-md-12">
                        <?= $form->field($modelUserAddressLang, 'city')->textInput(); ?>
                    </div>
                    <div class="col-md-12">
                        <?= $form->field($modelUserAddress, 'latitude')->hiddenInput(); ?>
                    </div>
                    <div class="col-md-12">
                        <?= $form->field($modelUserAddress, 'longitude')->hiddenInput(); ?>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-6">
            <div class="card">
                <div class="card-body">
                    <h5 class="card-title text-center">Order Details</h5>
                    <hr>
                    <div class="row">
                        <div class="col-md-6">
                            <?= $form->field($model, 'vendor_id')->dropDownList($modelVendor->getVendorData(), ['prompt' => yii::t('backend','Select Vendor'), 'class' => 'select2 form-control']); ?>
                        </div>
                        <div class="col-md-6">
                            <?= $form->field($model, 'branch_id')->dropDownList($modelBranch->getBranchData(), ['prompt' => yii::t('backend','Select Branch'), 'class' => 'select2 form-control']); ?>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-6">
                            <?= $form->field($model, 'order_type')->dropDownList($model->getOrderType(), ['prompt' => yii::t('backend','Select Order Type'), 'class' => 'select2 form-control']); ?>
                        </div>
                        <div class="col-md-6">
                            <?= $form->field($model, 'delivery_option')->dropDownList($model->getDeliveryType(), ['prompt' => yii::t('backend','Select Delivery Type'), 'class' => 'select2 form-control']); ?>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-6">
                            <?= $form->field($model, 'order_date_time')->textInput(['class' => 'bootstrapMaterialDatePicker form-control']) ?>
                        </div>
                        <div class="col-md-6">
                            <?= $form->field($model, 'pickup_delivery_date_time')->textInput(['class' => 'clockpicker form-control']) ?>
                        </div>
                    </div>
                    <div class = card> 
                        <div class = card-body id ="item_list">
                        </div>
                        <span style="color:red;" class="item-error"></span>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-6">
            <div class="card">
                <div class="card-body">
                    <h5 class="card-title text-center"><?= yii::t('backend','Delivery Location') ?>
                        <span class="mytooltip tooltip-effect-3">
                            <span class="fa fa-exclamation-circle"></span>
                            <span class="tooltip-content tooltip-text">
                               <?= yii::t('backend','Drag and Drop the marker for a new location to place order for customer or else default customer location will be considered to process the order.') ?>
                            </span>
                        </span>
                    </h5>
                    <hr>
                    <div id ="map" style="width:100%;height:420px;"></div>
                    <div class = "card"> 
                        <div class = "card-body">
                            <table class = "table color-table info-table table-bordered" id ="cart_box">
                                <thead>
                                    <th><?= yii::t('backend','Item Name') ?></th>
                                    <th><?= yii::t('backend','Quantity') ?></th>
                                    <th><?= yii::t('backend','Sub total') ?></th>
                                </thead>
                                <tbody id="cart_value">
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
                <div class= "col-md-12 text-center ">
                    <?= Html::input('hidden', 'item_detail', '', ['id' => 'item-detail']) ?>
                    <?= Html::submitButton(yii::t('backend','Create'), ['class' => 'btn btn-success', 'id' => 'Create-button']) ?>
                    <?= Html::a(yii::t('backend','Cancel'), ['index'], ['class' => 'btn btn-secondary']); ?>
                </div>
            </div>
        </div>
    </div>
</div>
<?php CActiveForm::end(); ?>
<div id="ingredient_list" class ="modal fade bs-example-modal-lg" role="dialog">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title"> Item Ingredients</h4>
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                </div>
                <div class="modal-body">
                </div>
                <div class="modal-footer">
                    <?= Html::button('Add to Cart', ['class' => 'btn btn-success', 'id' => 'ingredient-form-btn']) ?>
                    <button type="button" class="btn btn-danger waves-effect text-left" data-dismiss="modal">Close</button>
                </div>
            <?= Html::endForm() ?>
        </div>
    </div>
</div>
<?php 
    $this->registerJsFile("https://maps.googleapis.com/maps/api/js?key=".Configuration::get(Configuration::MAP_KEY)."&callback=initMap");
?>
<script type="text/javascript">
runOnLoad(function() {
    
    $('.select2').select2({
       allowClear:true 
    });
    
    $('.bootstrapMaterialDatePicker').bootstrapMaterialDatePicker({
        format: 'YYYY-MM-DD HH:mm:ss',
        clearButton: true
    });
    
    $('#order-branch_id').attr("disabled", "disabled" );
    $('#cart_box').hide();
    $('#order-pickup_delivery_date_time').attr('disabled', true);
    
    $('#order-order_type').on('change', function() {
       var order_type = $(this).val();
       if (order_type == 1) {
            $('#order-pickup_delivery_date_time').attr('disabled', true);
            $('#order-pickup_delivery_date_time').val('');
       } else {
            $('#order-pickup_delivery_date_time').attr('disabled', false);
       }
    });
    
    $('#user-user_detail').on('change', function() {
        var customer_id = $(this).val();
        if  (customer_id === '') {
            $('#order-form')[0].reset();
        } else {
            Core.ajax({
                type: 'POST',
                url: '<?= Url::to(['user/get-customer-details']) ?>',
                data: {customer_id:customer_id},
                done: function (json) {
                    if (json.status ===1) {
                        $('#order-customer_first_name').val(json.model.first_name);
                        $('#order-customer_last_name').val(json.model.last_name);
                        $('#order-customer_email').val(json.model.email);
                        $('#order-customer_mobile_number').val(json.model.mobile_number);
                    }
                }
            });
            
        }     
    });
    
    $('#useraddress-user_address_detail').on('change', function() {
        var customer_address_id = $(this).val();
        if  (customer_address_id === '') {
            $('#order-form')[0].reset();
        } else {
            Core.ajax({
                type: 'POST',
                url: '<?= Url::to(['user/get-customer-address-details']) ?>',
                data: { customer_address_id:customer_address_id },
                done: function (json) {
                    if (json.status === 1) {
                        $('#useraddresslang-address').val(json.model.address);
                        $('#useraddresslang-area').val(json.model.area);
                        $('#useraddresslang-state').val(json.model.state);
                        $('#useraddress-latitude').val(json.model.latitude);
                        $('#useraddress-longitude').val(json.model.longitude);
                    }
                }
            });
        }     
    });
    
    $('#order-branch_id').on('change', function() {
        var branch_id = $('#order-branch_id').val();
        if (branch_id === '') {
            $('#item_list').hide();
        } else {
            $('#item_list').show();
            timeSlotCheck(branch_id);
            Core.ajax({
                type: 'POST',
                url: '<?= Url::to(['item/get-branch-items']) ?>',
                data: { branch_id: branch_id },
                done: function (json) {
                    if(json.status === 1) {
                        $('#item_list').html('\
                                <table class = "table table-bordered color-table info-table">\n\
                                    <thead>\n\
                                        <th>List of Items</th>\n\
                                        <th></th>\n\
                                    </thead>'
                                        + json.table_body +
                                '</table>');
                    } else {
                        $('#item_list').html('<p>No items Found</p>');
                    }
                }
            });
        }  
    }); 
    
    $('#order-vendor_id').on('change', function(){
        var vendor_id = $(this).val();
        if (vendor_id === '') {
            $('#order-branch_id').attr("disabled", "disabled" );
        } else {
            $('#order-branch_id').attr("disabled", false );
            Core.ajax({
                type: "POST",
                url: '<?= Url::to(['branch/get-branch']) ?>',
                data: {id : vendor_id },
                done: function(data) {
                    $('#order-branch_id').html(data);
                }
            });
        }
    });
     
    $('#ingredient-form-btn').on('click', function (e) {
        var exist_item = $('#item-detail').val();
        var halt = true;
        $("table#item_ingredient td.group_data").each(function() {
            var maximum = '';
            var minimum = '';
            minimum =  $(this).find('input.minimum').val();
            maximum =  $(this).find('input.maximum').val();
            if ($(this).find('.custom-control-input:checked').length < minimum) {
                $(this).find('.ingredientError').html('Add minimum no of ingredients');
                halt = false;
            } else if ($(this).find('.custom-control-input:checked').length > maximum) {
                $(this).find('.ingredientError').html('Reduce the no of ingredients');
                halt = false;
            } else {
                $(this).find('.ingredientError').html('');
            }
        });
        
        if (!halt) {
            return false;
        } else {
            Core.ajax ({
                type: 'POST',
                url: '<?= Url::to(['add-item-to-cart'])?>',
                data: $('#ingredient-form').serialize()
                        +'&exist_item='+exist_item 
                        +'&order_type='+$('#order-order_type').val()
                        +'&branch_id=' +$('#order-branch_id').val()
                        +'&lat=' +$('#useraddress-latitude').val()
                        +'&lng=' +$('#useraddress-longitude').val(),
                done: function(json) {
                    if (json.status === 1) {
                        $('#cart_box').show();
                        $('.bootstrap-touchspin').TouchSpin();
                        $('#cart_value').html(json.data);
                    }

$('#ingredient_list').modal('hide');
                }
            });
        }
    });
    
    $('#order-form').unbind('submit').submit (function(e) {
        var tbody = $("#cart_box tbody");
        if (tbody.children().length == 0) {
            $('.item-error').html('Please Add Items');
            e.preventDefault();
        } else {
            e.preventDefault();
            Core.ajax({
                url: '<?= Url::to(['save']); ?>',
                data: $(this).serialize(),
                done: function (json) {
                    if (parseInt(json.status) === 1) {
                        window.location.replace(['index']);
                        Core.success(json.msg);
                    } else {
                        Core.error(json.msg);
                    }
                }
            });
        }
    });
    
    $('#order-pickup_delivery_date_time').on('change', function() {
        var pickup_date_time = $(this).val();
        var branch_id = $('#order-branch_id').val();
        var order_date_time = $('#order-order_date_time').val();
        Core.ajax({
            url: '<?= Url::to(['pickup-date-time-check']) ?>',
            data: {
                date_time: pickup_date_time, 
                branch_id: branch_id,
                order_date_time: order_date_time
            },
            done: function (json) {
                if (json.status === 1) {
                    $('#Create-button').prop('disabled', false);
                    return true;
                } else {
                    $('#Create-button').prop('disabled', true);
                    Core.error(json.msg);
                }
            } 
        });
    });
    
    $('.clockpicker').clockpicker({
        format: 'HH:mm',
        donetext: 'Done'
    });
});

google.maps.event.addListener(marker, 'dragend', function (event) {
            var latlng = this.getPosition();
            geocodeLatLng(geocoder, map, infowindow, latlng, marker);
        });
    }
    
    function moveMarker() {
        document.getElementById('form').reset();
        marker.setPosition({lat: 11.000896, lng: 76.948025});
        map.setCenter({lat: 11.000896, lng: 76.948025});
        infowindow.close();
    }
     
    function geocodeLatLng(geocoder, map, infowindow, latlng, marker) {
        var coord = {lat: latlng.lat(), lng: latlng.lng()};
        document.getElementById("useraddress-latitude").value = latlng.lat();
        document.getElementById("useraddress-longitude").value = latlng.lng();
        document.getElementById("useraddresslang-address").value = '';
        lat_update = latlng.lat();
        lng_update = latlng.lng();
        var map_pos = JSON.stringify(map.center);
        var marker_pos = JSON.stringify(marker.position);
        if (marker_pos === map_pos){
             marker.position = {lat: lat_update, lng: lng_update}
        }
         
        geocoder.geocode({'location': coord}, function (results, status) {
            if (status == google.maps.GeocoderStatus.OK) {
                if (results[0]) {
                    marker.position = coord;
                    marker.map = map;
                    marker.draggable = true;
                    infowindow.setContent(results[0].formatted_address);
                }
                
                infowindow.open(map, marker);
                    var i = 0; 
                    var result = results[0].address_components;
                    for (i; i < (result).length; i++) {
                        var type = result[i].types;
                        if (type == 'street_number') {
                            document.getElementById("useraddresslang-address").value = result[i].long_name;
                        } else if (type == 'route') {
                            document.getElementById("useraddresslang-address").value += ',' +result[i].long_name;
                        } else if (type == 'locality,political') {
                            document.getElementById("useraddresslang-area").value = result[i].long_name;
                        } else if (type == 'administrative_area_level_1,political') {
                            document.getElementById("useraddresslang-state").value = result[i].long_name;
                        }
                    }
            }
        });
    }
    
</script>

title; ?>

'order-form'])->setModel($model); ?>

Personal Details

field($modelUser, 'user_detail')->dropDownList($modelUser->getOrderUserData(), ['prompt' => 'Select Customer', 'class' => 'select2 form-control']); ?>

field($model, 'customer_first_name')->textInput(); ?>

field($model, 'customer_last_name')->textInput(); ?>

field($model, 'customer_email')->textInput(); ?>

field($model, 'customer_mobile_number')->textInput(); ?>

Contact Information

field($modelUserAddress, 'user_address_detail')->dropDownList($modelUserAddress->getOrderUserAddressData(), ['prompt' => 'Select Customer', 'class' => 'select2 form-control']); ?>

field($modelUserAddressLang, 'street_name')->textInput(); ?>

field($modelUserAddressLang, 'area')->textInput(); ?>

field($modelUserAddressLang, 'city')->textInput(); ?>

field($modelUserAddress, 'latitude')->hiddenInput(); ?>

field($modelUserAddress, 'longitude')->hiddenInput(); ?>

Order Details

field($model, 'vendor_id')->dropDownList($modelVendor->getVendorData(), ['prompt' => yii::t('backend','Select Vendor'), 'class' => 'select2 form-control']); ?>

field($model, 'branch_id')->dropDownList($modelBranch->getBranchData(), ['prompt' => yii::t('backend','Select Branch'), 'class' => 'select2 form-control']); ?>

field($model, 'order_type')->dropDownList($model->getOrderType(), ['prompt' => yii::t('backend','Select Order Type'), 'class' => 'select2 form-control']); ?>

field($model, 'delivery_option')->dropDownList($model->getDeliveryType(), ['prompt' => yii::t('backend','Select Delivery Type'), 'class' => 'select2 form-control']); ?>

field($model, 'order_date_time')->textInput(['class' => 'bootstrapMaterialDatePicker form-control']) ?>

field($model, 'pickup_delivery_date_time')->textInput(['class' => 'clockpicker form-control']) ?>

'item-detail']) ?> 'btn btn-success', 'id' => 'Create-button']) ?> 'btn btn-secondary']); ?>

registerJsFile("https://maps.googleapis.com/maps/api/js?key=".Configuration::get(Configuration::MAP_KEY)."&callback=initMap"); ?>