FM / vendor

/var/www/vhosts/nabawater/backend/views/vendor/

/var/www/vhosts/nabawater/backend/views/vendor

Name	Size	Mode	Actions
create.php	1492	0664	edit dl rm
index.php	6041	0664	edit dl rm
update.php	1632	0664	edit dl rm
view.php	3054	0664	edit dl rm
_form.php	20152	0664	edit dl rm

Edit: /var/www/vhosts/nabawater/backend/views/vendor/_form.php (20152B)

<?php

use backend\components\CActiveForm;
use yii\helpers\Html;
use common\helpers\UploadHelper;
use backend\assets\AppAsset;
use common\helpers\Com;
use yii\helpers\Url;
use backend\models\Configuration;
use backend\models\Order;
use yii\widgets\ActiveForm;

/* @var $this \yii\web\View  */
/* @var $model \backend\models\Vendor */
/* @var $modelLang \backend\models\VendorLang */
/* @var $modelUploadForm \backend\models\VendorUploadForm */
/* @var $modelVendorCuisine \backend\models\VendorCuisine */
/* @var $modelVendorTypeDetail \backend\models\VendorTypeDetail */

$lat  = Com::APP_LATITUDE;
$long = Com::APP_LONGITUDE;
if($model->payment_option != null){
    $model->payment_option = explode(",", $model->payment_option);
}
$form = CActiveForm::begin(['enableClientValidation' => true])->setModel($model);

$modelVendorCuisine->cuisine_id = (!empty($modelVendorCuisineData['cuisine_id'])) ? explode(',', $modelVendorCuisineData['cuisine_id']) : '';
$modelVendorTypeDetail->vendor_type_id = (!empty($modelVendorTypeDetailData['vendor_type_id'])) ? explode(',', $modelVendorTypeDetailData['vendor_type_id']) : '';
$modelVendorCategory->category_id = (!empty($modelVendorCategoryData['category_id'])) ? explode(',', $modelVendorCategoryData['category_id']) : '';
?>
<style type="text/css">
    #map{
        display: block;
    }
</style>

<h4 class="card-title"><?= $this->title; ?></h4>
<hr>
<div class="ui-tabs">
    <ul class = "nav nav-tabs" role="tablist">
        <?php 
            $i = 1; 
            foreach ($appLanguages as $langCode => $langName):
                $isActive = Com::isSiteLang($langCode);
        ?>
                <li class="nav-item">
                    <a href="#<?= $langCode; ?>" data-toggle="tab" role="tab" id="li_<?= $i ?>" class="<?= $isActive? 'nav-link active': 'nav-link' ?>"><?= $langName ?></a>
                </li>
        <?php
            $i++;
            endforeach ; ?>
    </ul>
    <div class="tab-content tabcontent-border">
        <?php foreach ($appLanguages as $langCode => $langName):
                $isActive = Com::isSiteLang($langCode);
        ?>  
                <div id="<?= $langCode ?>" role="tabpanel" class="tab-pane <?= $isActive? 'active': '' ?>">
                    <div class="p-lg-2">
                        <?php
                            if (!$model->getIsNewRecord()) {
                                $uploadHelper = UploadHelper::getInstance();
                                $url = isset($modelLang->vendor_image_path[$langCode]) ? $uploadHelper->get($modelLang->vendor_image_path[$langCode], false) : $uploadHelper->get(false, false);
                                echo Html::img($url,
                                    $options = ['alt' => 'Vendor Image', 'style' => 'width:100px;height:100px', 'class' => 'img-responsive img-thumbnail']);
                            } ?>
                    </div>
                    <div class="row p-lg-2">
                        <div class="col-md-6">
                            <?= $form->field($modelUploadForm, 'vendor_image_path', ['lang' => $langCode])->fileInput(['class' => 'form-control'])->label('Vendor Image'); ?>
                        </div>
                        <div class=" col-md-6">
                            <?= $form->field($modelLang, 'vendor_name', ['lang' => $langCode])->textInput(); ?>
                        </div>
                    </div>
                    <div class=" col-md-12" >
                        <?= $form->field($modelLang, 'vendor_description', ['lang' => $langCode])->textarea(); ?>
                    </div>
                </div>
        <?php endforeach; ?>
    </div>
</div>
<div class="col-md-6 p-lg-2">
   <?= $form->field($model, 'is_featured')->hiddenInput(['value' => 0]); ?>
</div>
<div class ="row p-lg-2">
    <div class="col-md-6">
        <?= $form->field($model, 'first_name')->textInput(); ?>
    </div>
    <div class="col-md-6">
        <?= $form->field($model, 'last_name')->textInput(); ?>
    </div>
</div>
<div class="row p-lg-2">
    <div class="col-md-6">
        <?= $form->field($model, 'vendor_email')->textInput(); ?>
    </div>
    <div class="col-md-6">
        <?= $form->field($model, 'vendor_address')->textInput(['placeholder' => 'Search Location', 'autocomplete' => 'off']); ?>

</div>
</div>
<div class ="row p-lg-2">
    <?php if ($model->isNewRecord) { ?>
            <div class="col-md-6">
                <?= $form->field($model, 'password')->passwordInput(); ?>
            </div>
    <div class="col-md-6">
        <?= $form->field($model, 'confirm_password')->passwordInput(); ?>
    </div>
    <?php } ?>
</div>
<div class="row p-lg-2">
    <div class="col-md-6">
        <?= $form->field($model, 'vendor_latitude')->textInput(['readonly' => true]); ?>
    </div>
    <div class="col-md-6">
        <?= $form->field($model, 'vendor_longitude')->textInput(['readonly' => true]); ?>
    </div>
</div>
<div class="row p-lg-2">
    <div class="col-md-6">
        <?= $form->field($model, 'city_id')->dropDownList((new \backend\models\Area)->getCityData(), ['prompt' => Yii::t('backend', 'Select City'), 'class' => 'form-control']); ?>
    </div>
    <div class="col-md-6">
        <?= $form->field($model, 'area_id')->dropDownList((new \backend\models\Area)->getAreaData($model->city_id), ['prompt' => Yii::t('backend', 'Select Area'), 'class' => 'form-control']); ?>
    </div>
</div>
<?php /*
<div class="row p-lg-2">
    <div class="col-md-6">
        <?= $form->field($modelVendorCuisine, 'cuisine_id')->dropDownList($modelCuisine->getCuisineData(), ['prompt' => 'Please select a restaurant', 'multiple' => true, 'class' => 'select2 multiple form-control']); ?>
    </div>
    <div class="col-md-6">
        <?= $form->field($modelVendorCategory, 'category_id')->dropDownList($modelCategory->getShopCategoryData(), ['prompt' => 'Please select a restaurant', 'multiple' => true, 'class' => 'select2 multiple form-control']); ?>
    </div>
</div>
*/ ?>
<div class ="row p-lg-2">
      <div class="col-md-6">
        <?= $form->field($modelVendorTypeDetail, 'vendor_type_id')->dropDownList($modelVendorType->getVendorTypeData(), ['prompt' => 'Please select a restaurant', 'multiple' => true, 'class' => 'select2 multiple form-control']); ?>
    </div>
    <div class="col-md-6">
        <?= $form->field($model, 'commision_type')->radioList($model->getCommisionType()); ?>
    </div>
</div>
<div class ="row p-lg-2">
    <div id="commision_value" class="col-md-6" style="display: <?php echo ( $model->commision_type === $model::COMMISSION_TYPE_PERCENT || $model->getIsNewRecord()) ? 'none' : 'block'; ?>;">
        <?= $form->field($model, 'commission')->textInput(); ?>
    </div>
    <div id="commision_percent" class="col-md-6" style="display: <?php echo ( $model->commision_type === $model::COMMISSION_TYPE_VALUE || $model->getIsNewRecord()) ? 'none' : 'block'; ?>;">
        <?= $form->field($model, 'commision_percent')->textInput(); ?>
    </div>
</div>
<div class ="row p-lg-2">
    <div class="col-md-6">
        <?= $form->field($model, 'vendor_contact_number')->textInput(); ?>
    </div>
    <div class="col-md-6">
        <?= $form->field($model, 'user_name')->textInput(); ?>
    </div>
</div>

<div class="row p-lg-2">
    <div class="col-md-6">
         <?= $form->field($model, 'sort_no')->textInput(); ?>
    </div>
    <div class="col-md-6">
        <?= $form->field($model, 'delivery_minutes')->textInput(); ?>
    </div>
</div>
<div class="row p-lg-2">
    <div class="col-md-6">
        <?= $form->field($model, 'order_type')->radioList($model::getOrderType()); ?>
    </div>
    <div class="col-md-6">
        <?= $form->field($model, 'vendor_type')->radioList($model::getVendorType())->label('Food Type'); ?>
    </div>
</div>

<div class="row p-lg-2">
    <div class="col-md-6">
        <?= $form->field($model, 'minimum_cart_value')->textInput(); ?>
    </div>
    <div class="col-md-6">
        <?= $form->field($model, 'cgst')->textInput(); ?>
    </div>
</div>
<div class="row p-lg-2">
    <div class="col-md-6">
        <?= $form->field($model, 'sgst')->hiddenInput(['value' => 0]); ?>
    </div>
    <div class="col-md-6">
        <?= $form->field($model, 'igst')->hiddenInput(['value' => 0]); ?>
    </div>
</div>
<div class="row p-lg-2">
    <div class="col-md-6">
        <?= $form->field($model, 'vendor_policy')->textarea(); ?>
    </div>
    <div class="col-md-6">
        <?= $form->field($model, 'vendor_status')->radioList([$model::ACTIVE => yii::t('backend','Active'), $model::INACTIVE =>yii::t('backend','Inactive')]); ?>
    </div>
</div>
<div class="row p-lg-2">
    <div class="col-md-6">
        <?= $form->field($model, 'fb_link')->textInput(); ?>
    </div>
    <div class="col-md-6">
        <?= $form->field($model, 'twitter_link')->textInput(); ?>
    </div>
</div>
<div class="row p-lg-2">
    <div class="col-md-6">
        <?= $form->field($model, 'instagram_link')->textInput(); ?>
    </div>
    <div class="col-md-6">
        <?= $form->field($model, 'personal_link')->textInput(); ?>
    </div>
</div>
<div class="row p-lg-2">
    <div class="col-md-6">
         <?= $form->field($model, 'payment_option')->dropDownList(Order::getPaymentOptionList(true), ['prompt' => 'Please select a restaurant', 'multiple' => true, 'class' => 'select2 multiple form-control']); ?>
   
        
    </div>
</div>
<div class= "col-md-12 text-center">
    <?= Html::submitButton($model->getIsNewRecord() ? yii::t('backend','Create') :  yii::t('backend','Update'),
        ['class' => 'btn btn-success']) ?>
    <?= Html::a(yii::t('backend','Cancel'), ['index'], ['class' => 'btn btn-secondary']); ?>
</div>
<?php CActiveForm::end(); 
    $this->registerJsFile(
        sprintf(
            'https://maps.googleapis.com/maps/api/js?key=%s&libraries=places',
            Configuration::get(Configuration::MAP_KEY)
        )
    )
?>

$('#vendor-city_id').on('change',function(){
       
        var city = $(this).val();
           Core.ajax({
                   type: "POST",
                   url: "<?= Url::to(['/area/get-area']) ?>",
                   data: {"city": city},
                    done: function(data) {
                        $('#vendor-area_id').html(data);
                    } 
            })   
    });

})   
</script>

/* Window onload function */
window.onload = function() {
    <?php if(!$model->isNewRecord && !count(Yii::$app->request->post())) {  ?>

var latlng = new google.maps.LatLng(<?= $model->vendor_latitude; ?>, <?= $model->vendor_longitude; ?>);
            load_map_fun(latlng,13);

<?php  } else if(count(Yii::$app->request->post()) && Yii::$app->request->post()['Vendor']['vendor_latitude'] && Yii::$app->request->post()['Vendor']['vendor_longitude']) { ?>

var latlng = new google.maps.LatLng(<?= Yii::$app->request->post()['Vendor']['vendor_latitude'] ?>,<?= Yii::$app->request->post()['Vendor']['vendor_longitude'] ?>);
            load_map_fun(latlng,12);

<?php } else { ?>

var latlng = new google.maps.LatLng(<?= $lat; ?>, <?= $long; ?>);
                load_map_fun(latlng,10);

<?php  } ?>
                  
    $('input:radio[name="Vendor[commision_type]"]').on('change', function() {
        if($('input:radio[name="Vendor[commision_type]"]:checked').val() == 1) {
            $('#commision_value').css('display', 'block');         
            $('#commision_percent').css('display', 'none');
        } else {
            $('#commision_percent').css('display', 'block');         
            $('#commision_value').css('display', 'none');
        }            
    });            
                  
}; 
    
    /* Map load function */
    function load_map_fun(latlng,zoom) {
        var input = document.getElementById('vendor-vendor_address');
        var searchBox = new google.maps.places.SearchBox(input);
        infowindow = new google.maps.InfoWindow;

google.maps.event.addListener(searchBox, 'places_changed', function () {
            searchBox.set('map', null);
            var places = searchBox.getPlaces();
            addMarker(places);
        });
        var geocoder = new google.maps.Geocoder;

var myOptions = {
                zoom: zoom,
                center: latlng,
                mapTypeControl: true,
                navigationControl: true,
                mapTypeId: google.maps.MapTypeId.ROADMAP
            }
            map = new google.maps.Map(document.getElementById("map"), myOptions);
            marker = new google.maps.Marker({
                position: latlng,
                map: map,
                draggable:true,
            });

google.maps.event.addListener(map, 'click', function(event) {
              if (event.latLng) {
                   if (marker) {
                        marker.setMap(null);
                        marker = null;
                     }
                      marker = new google.maps.Marker({
                          position: new google.maps.LatLng(event.latLng.lat(), event.latLng.lng()),
                          map: map,
                          draggable:true,
                        });

document.getElementById('vendor-vendor_latitude').value = event.latLng.lat();
                document.getElementById('vendor-vendor_longitude').value = event.latLng.lng();
              }
            });

google.maps.event.addListener(marker, 'dragend', function (event) {
                document.getElementById("vendor-vendor_latitude").value = this.getPosition().lat();
                document.getElementById("vendor-vendor_longitude").value = this.getPosition().lng();
                geocodeLatLng(geocoder, map, infowindow, latlng, marker);

});
            
            google.maps.event.addListener(marker, 'change', function (event) {
                document.getElementById("vendor-vendor_latitude").value = this.getPosition().lat();
                document.getElementById("vendor-vendor_longitude").value = this.getPosition().lng();
                geocodeLatLng(geocoder, map, infowindow, latlng, marker);

});
            
            google.maps.event.addListener(marker, 'click', function(event) {
              if (event.latLng) {
                document.getElementById('vendor-vendor_latitude').value = event.latLng.lat();
                document.getElementById('vendor-vendor_longitude').value = event.latLng.lng();
                geocodeLatLng(geocoder, map, infowindow, latlng, marker);

}
            });
            
            google.maps.event.addListener(map, 'dblclick', function(event) {
              if (event.latLng) {
                document.getElementById('vendor-vendor_latitude').value = event.latLng.lat();
                document.getElementById('vendor-vendor_longitude').value = event.latLng.lng();
                geocodeLatLng(geocoder, map, infowindow, latlng, marker);

}
            });
                        
            google.maps.event.addListener(map, 'mousedown', function(event) {
              if (event.latLng) {
                document.getElementById('vendor-vendor_latitude').value = event.latLng.lat();
                document.getElementById('vendor-vendor_longitude').value = event.latLng.lng();
                geocodeLatLng(geocoder, map, infowindow, latlng, marker);

}
            });

function addMarker(places) {
            var bounds = new google.maps.LatLngBounds();
            var i, place;
            for (i = 0; place = places[i]; i++) {
                (function (place) {
                    try {
                        marker.setMap(null);
                    } catch (e) {

}
                    marker = new google.maps.Marker({
                        map: map,
                        title: place.name,
                        position: place.geometry.location,
                        draggable: true
                    });

infowindow.setContent(place.formatted_address);
                    infowindow.open(map, marker);

var i = 0;
                    var data = place.address_components;

document.getElementById('vendor-vendor_latitude').value = place.geometry.location.lat();
                        document.getElementById('vendor-vendor_longitude').value = place.geometry.location.lng();

marker.bindTo('map', searchBox, 'map');
                    google.maps.event.addListener(marker, 'map_changed', function () {
                        if (!this.getMap()) {
                            this.unbindAll();
                        }
                    });

bounds.extend(place.geometry.location);
                }(place));
            }

map.fitBounds(bounds);
            searchBox.set('map', map);
            map.setZoom(Math.min(map.getZoom(), 8));

google.maps.event.addListener(marker, 'dragend', function (event) {
               // alert();
                var latlng = this.getPosition();
                geocodeLatLng(geocoder, map, infowindow, latlng, marker);
            });
        }
    }

cmd: