var beansUrlParameter = function(sParam) {
  var sPageURL = window.location.search.substring(1),
      sURLVariables = sPageURL.split('&'),
      sParameterName,
      i;
  for (i = 0; i < sURLVariables.length; i++) {
    sParameterName = sURLVariables[i].split('=');
    if (sParameterName[0] === sParam) {
        return sParameterName[1] === undefined ? true : decodeURIComponent(sParameterName[1]);
    }
  }
}

var getBaseConfig = function(urlFromRequest) {
  return {
    address: '',
    useGroundElevation: false,
    elevation: 0,
    canonicalUrl: urlFromRequest
  };
}

var convertUnitsArr2 = function(address, unitsArr, hideMarkers) {
  var convertedArr = [];
  for (var i = 0; i < unitsArr.length; i++) {
    var bedText = unitsArr[i].bed ? (unitsArr[i].bed + ' Bed') : 'Studio';
    var td = new Date().toISOString().substring(0, 10);
    var as = (unitsArr[i].availability ? ('on ' + unitsArr[i].availability) : 'Now');
    if (unitsArr[i].availability && unitsArr[i].availability <= td) {
      as = 'Now';
    }
    var onPreviewData;
    if (unitsArr.floorplanImg) {
      onPreviewData = [
        {
          value: bedText + ' / ' + unitsArr[i].bath + ' Bath / ' + (unitsArr[i].sqft ? unitsArr[i].sqft.toLocaleString() : '0') + ' sq. ft.'
        },
        {
          value: 'img:' + unitsArr[i].floorplanImg
        },
        {
          value: '$' + (unitsArr[i].rent ? unitsArr[i].rent.toLocaleString() : '0') + '/ mo'
        },
        {
          value: 'Available ' + as
        }
      ];
    } else {
      onPreviewData = [
        {
          value: bedText + ' / ' + unitsArr[i].bath + ' Bath / ' + (unitsArr[i].sqft ? unitsArr[i].sqft.toLocaleString() : '0') + ' sq. ft.'
        },
        {
          value: '$' + (unitsArr[i].rent ? unitsArr[i].rent.toLocaleString() : '0') + '/ mo'
        },
        {
          value: 'Available ' + as
        }
      ];
    }
    convertedArr.push({
      address: address,
      unit: unitsArr[i].unit,
      options: {
        markers: {
          display: hideMarkers ? false : true
        },
        poi: [
          {
            name: "ALL",
            display: false
          },
          {
            name: "CLUBHOUSE",
            display: true
          },
          {
            name: "SWIMMINGPOOL",
            display: true
          },
          {
            name: "OFFICE",
            display: true
          },
          {
            name: "GYM",
            display: true
          },
          {
            name: "MAILROOM",
            display: true
          },
          {
            name: "LAUNDRY",
            display: true
          },
          {
            name: "PLAYGROUND",
            display: true
          }
        ],
        onPreviewData: onPreviewData,
        onClickData: {
          name: unitsArr[i].unit ? unitsArr[i].unit.replaceAll('||', ' - ') : '',
          bed: unitsArr[i].bed,
          bath: unitsArr[i].bath,
          sqft: unitsArr[i].sqft,
          rent: unitsArr[i].rent,
          floorplanImg: unitsArr[i].floorplanImg,
          availability: unitsArr[i].availability,
          link: unitsArr[i].link ? unitsArr[i].link.replaceAll('&amp;', '&') : ''
        }
      }
    });
  }
  return convertedArr;
}

var convertUnitsArr = function(config, unitsArr, hideMarkers, skipSort) {
  var addressAndUnitWithOptions;
  if (unitsArr.length === 0) {
    unitsArr.push({
      unit: ''
    });
    addressAndUnitWithOptions = convertUnitsArr2(config.address, unitsArr, hideMarkers);
    addressAndUnitWithOptions[0].isPlaceHolder = true;
  } else {
    if (!skipSort) {
      unitsArr.sort((a, b) => {
        var aa = a.unit ? a.unit : '';
        var bb = b.unit ? b.unit : '';
        return aa.localeCompare(bb);
      });
    }
    addressAndUnitWithOptions = convertUnitsArr2(config.address, unitsArr, hideMarkers);
  }

  if (config.unitShapeConfig) {
    for (var i = 0; i < addressAndUnitWithOptions.length; i++) {
      addressAndUnitWithOptions[i].options.unitShape = config.unitShapeConfig(addressAndUnitWithOptions[i]);
    }
  }

  if (config.poi) {
    for (var i = 0; i < addressAndUnitWithOptions.length; i++) {
      for (var j = 0; j < config.poi.length; j++) {
        addressAndUnitWithOptions[i].options.poi.push(config.poi[j]);
      }
    }
  }

  return addressAndUnitWithOptions;
}

var commonImmersives = [
  {
    url: "https://gis-server.beans.ai/arcgis/rest/services/Hosted/Immersive_Layers/FeatureServer/0",
    elevationInfo: {
      mode: "absolute-height",
      offset: 0.5,
    },
    renderer: {
      type: "unique-value",
      field: "type",
      uniqueValueInfos: [
        {
          value: "Apricot",
          symbol: {
            type: "web-style",
            name: "Prunus",
            styleName: "EsriRealisticTreesStyle"
          }
        },
        {
          value: "Mountain Mahogany",
          symbol: {
            type: "web-style",
            name: "Cercocarpus",
            styleName: "EsriRealisticTreesStyle"
          }
        },
        {
          value: "Rose",
          symbol: {
            type: "web-style",
            name: "Rosa",
            styleName: "EsriRealisticTreesStyle"
          }
        }
      ]
    },
    isFeature: true
  },
  {
    url: "https://gis-server.beans.ai/arcgis/rest/services/Hosted/Immersive_Layers/FeatureServer/1",
    elevationInfo: {
      mode: "absolute-height",
      offset: 0.5,
    },
    renderer: {
      type: "unique-value",
      field: "type",
      uniqueValueInfos: [
        {
          value: "Walkway",
          symbol: {
            type: "simple-line",
            width: 4,
            color: "#fcf5de"
          }
        },
        {
          value: "Road",
          symbol: {
            type: "simple-line",
            width: 16,
            color: "#eeeeee"
          }
        }
      ]
    },
    isFeature: true
  },
  {
    url: "https://gis-server.beans.ai/arcgis/rest/services/Hosted/Immersive_Layers/FeatureServer/2",
    elevationInfo: {
      mode: "absolute-height",
      offset: 0.5,
    },
    renderer: {
      type: "unique-value",
      field: "type",
      uniqueValueInfos: [
        {
          value: "Lawn",
          symbol: {
            type: "simple-fill",
            outline: {
              width: 0
            },
            color: "#b2c388"
          }
        }
      ]
    },
    isFeature: true
  },
  {
    url: "https://gis-server.beans.ai/arcgis/rest/services/Hosted/Immersive_Layers/FeatureServer/2",
    elevationInfo: {
      mode: "absolute-height",
      offset: 1.0,
    },
    renderer: {
      type: "unique-value",
      field: "type",
      uniqueValueInfos: [
        {
          value: "Water",
          symbol: {
            type: "simple-fill",
            outline: {
              width: 0
            },
            color: "#a5c2d1"
          }
        }
      ]
    },
    isFeature: true
  },
];

var getDisplayOptions = function(
  config,
  unitShape_, // Default shape
  selectedUnitShape_, // Selected shape
  selectableUnitShape_, // Selectable shape
  hoverUnitShape_
) {
  return {
    propertyAddress: config.address,

    offsetGroundElevation: config.elevation,
    useGroundElevation: config.useGroundElevation,

    showUnitList: true,
    showUnitShape: true,

    showDirections: false,
    showPath: false,

    camera: config.camera,
    mobileCamera: config.mobileCamera,
    renameAmenities: config.renameAmenities ? config.renameAmenities : null,

    shadowModeUnitShape: config.shadowModeUnitShape ? config.shadowModeUnitShape : {
      fillColor: '#ffffff',
      fillOpacity: 1.0,
    },
    neighborModeUnitShape: config.neighborModeUnitShape ? config.neighborModeUnitShape : {
      fillColor: '#D8D7D4',
      fillOpacity: 1.0,
    },
    unitShape: config.unitShape ? config.unitShape : {
      fillColor: '#DDE3E0',
      fillOpacity: 1.0,
      strokeWeight: 1.0,
      strokeOpacity: 0.5,
      strokeColor: '#000000',
      ...unitShape_
    },
    selectedUnitShape: config.selectedUnitShape ? config.selectedUnitShape : {
      fillColor: '#A6671D',
      fillOpacity: 1.0,
      strokeWeight: 1.0,
      strokeOpacity: 1.0,
      strokeColor: '#ffffff',
      ...selectedUnitShape_
    },
    selectableUnitShape: config.selectableUnitShape ? config.selectableUnitShape : {
      fillColor: '#24453E',
      fillOpacity: 1.0,
      strokeWeight: 1.0,
      strokeOpacity: 1.0,
      strokeColor: '#ffffff',
      ...selectableUnitShape_
    },
    satelliteModeUnitShape: config.satelliteModeUnitShape ? config.satelliteModeUnitShape : {
      fillColor: '#ffffff',
      fillOpacity: 1.0,
    },
    neighborShape: config.neighborShape,
    immersiveModeUnitShape: config.immersiveModeUnitShape,
    poiShape: config.poiShape,

    hoverUnitShape: hoverUnitShape_ ? hoverUnitShape_ : null,
    // mobileUnitShape: {
    //   fillColor: '#ffffff',
    //   fillOpacity: 0.2,
    //   strokeWeight: 0.5,
    //   strokeOpacity: 0.2,
    //   strokeColor: '#000000',
    // }
  };
}

var BeansWeigand = function() {
};

BeansWeigand.prototype.getConfigFromUrl = function(urlFromRequest) {
  var canonicalUrl = urlFromRequest ? urlFromRequest : window.location.hostname;
  if (beansUrlParameter('canonicalUrl')) {
    canonicalUrl = beansUrlParameter('canonicalUrl');
  }
  var baseConfig = getBaseConfig(canonicalUrl);

  var config = {};

config["www.bonaviaatwithersfarm.com"] = {
  camera: {tilt: 48.26579272502186, heading: 122.47035153416317, position: {x: -94.44633192619811, y: 39.212302059516304, z: 218.42341773025692}},
  address: "2183 S Withers Rd, Liberty, MO",
  unitShape: {
    fillColor: '#D0CABD',
    fillOpacity: 0.2,
    strokeWeight: 0.5,
    strokeOpacity: 0.2,
    strokeColor: '#000000',
  },
  selectedUnitShape: {
    fillColor: '#212529',
  },
  selectableUnitShape: {
    fillColor: '#1376a3',
  },
  knockrentalPropertyId: 2023625,
  realpagePropertyId: 9081476,
};

config["www.bonavialuxuryapts.com"] = {
  camera: {tilt: 52.19167570789893, heading: 142.11697129457409, position: {x: -94.74871120753708, y: 39.02124892490478, z: 340.7756602112204}},
  address: "6100 Park St, Shawnee, KS",
  unitShape: {
    fillColor: '#D0CABD',
    fillOpacity: 0.2,
    strokeWeight: 0.5,
    strokeOpacity: 0.2,
    strokeColor: '#000000',
  },
  selectedUnitShape: {
    fillColor: '#212529',
  },
  selectableUnitShape: {
    fillColor: '#1376a3',
  },
  propertyId: 100050356,
};


  if (config[canonicalUrl]) {
    return {...baseConfig, ...config[canonicalUrl]};
  }

  return baseConfig;
}

BeansWeigand.prototype.getFloorPlans = function(urlFromRequest) {
  var so = this;

  var canonicalUrl = urlFromRequest;

  var DONE = 4; // readyState 4 means the request is done.
  var OK = 200; // status 200 is a successful return.

  var xhr = new XMLHttpRequest();
  xhr.open('GET', 'https://' + canonicalUrl + '/floorplans', false);
  xhr.send();
  if (xhr.readyState !== DONE || xhr.status !== OK) {
    return;
  }
  var c = xhr.responseText.split('\n');
  var floorplansData = [];
  var imgs = [];
  for (var i in c) {
    var j = c[i];
    if (j.indexOf('role="menuitem"') === -1) {
      continue;
    }

    var y = /.*href="(\/floorplan\/.*?)".*/.exec(j);
    if (y) {
      floorplansData.push(
        {
          url: y[1],
          units: []
        }
      );
    }
  }

  for (var i = 0; i < floorplansData.length; i++) {
    var xhr = new XMLHttpRequest();
    xhr.open('GET', 'https://' + canonicalUrl + floorplansData[i].url, false);
    xhr.send();
    if (xhr.readyState !== DONE || xhr.status !== OK) {
      continue;
    }
    var c = xhr.responseText.split('\n');
    var z = [];
    var lastUnit = '';
    var lastPrice = '';
    for (var k in c) {
      var j = c[k];
      if (j.indexOf('floorplanTitle') !== -1) {
        var y = /.*floorplanTitle">(.*?)<.*/.exec(j);
        if (y) {
          floorplansData[i].name = y[1];
        }
      }
      if (j.indexOf('detailLabel') !== -1) {
        var y = /.*Bedrooms.*detailStat">(.*?)<.*/.exec(j);
        if (y) {
          floorplansData[i].bedrooms = y[1];
        }
        var y = /.*Bathrooms.*detailStat">(.*?)<.*/.exec(j);
        if (y) {
          floorplansData[i].bathrooms = y[1];
        }
        var y = /.*Square Footage.*detailStat">(.*?)<.*/.exec(j);
        if (y) {
          floorplansData[i].area = y[1];
        }
      }

      if (j.indexOf('<th class="left">') !== -1) {
        var y = /.*<th class="left">(.*?)<\/th>.*/.exec(j);
        if (y) {
          lastUnit = y[1];
        }
      }

      if (j.indexOf('<td class="standard">') !== -1) {
        var y = /.*<td class="standard">\$(.*?)<\/td>.*/.exec(j);
        if (y) {
          lastPrice = y[1];
        }
      }

      if (!lastUnit || !lastPrice) {
        continue;
      }
      if (j.indexOf('onlineleasing.realpage.com') === -1) {
        continue;
      }
      var y = /.*https:\/\/(.*?).onlineleasing.realpage.com.*UnitId&#61;(.*?)&.*/.exec(j);
      if (y) {
        floorplansData[i].units.push({
          unit: lastUnit,
          link: 'https://' + y[1] + '.onlineleasing.realpage.com/?UnitId=' + y[2] + '&MoveInDate=',
          rent: lastPrice
        });
        lastUnit = '';
      }
    }
  }

  var data = new FormData();
  data.append('url', canonicalUrl);
  data.append('unit', JSON.stringify(floorplansData));
  var xhr = new XMLHttpRequest();
  xhr.open('POST', 'https://www.beans.ai/mapswidget/client/weigand');
  xhr.send(data);
}

BeansWeigand.prototype.render = function(be1, urlFromRequest, renderType) {
  var so = this;

  var config = so.getConfigFromUrl(urlFromRequest);
  var address = config.address;

  if (beansUrlParameter('getData') === 'true') {
    so.getFloorPlans(urlFromRequest);
    return;
  }

  var renderFn = function(config, unitsArr) {
    var addressAndUnitWithOptions = convertUnitsArr(config, unitsArr, true);

    config = {
      ...config,
      poiShape: {
        fillOpacity: 1.0
      },
      mobileUnitShape: {
        fillColor: '#ffffff',
        fillOpacity: 0.2,
        strokeWeight: 0.5,
        strokeOpacity: 0.2,
        strokeColor: '#000000',
      }
    };

    var displayOptions = getDisplayOptions(
      config,
      {
        fillColor: '#EAD6C3',
        fillOpacity: 0.2,
        strokeWeight: 0.5,
        strokeOpacity: 0.2,
        strokeColor: '#000000',
      }, // Default color
      {
        fillColor: '#CDA349',
      }, // Selected color
      {
        fillColor: '#3F1F08',
      } // Selectable color
    );

    if (!renderType || renderType.toLowerCase() === '3d') {
      be1.render(
  "body-inner-1",
  "1953bdd651b348f:3630343066633263383135393462323362323961",
  addressAndUnitWithOptions,
  {
    hideNavigateButton: true,
    hideMyLocationButton: true
  },
  {
    beansMapType: 'ESRI',
    initialMap: 'STREET',
    prettyLayer: config.prettyLayer ? config.prettyLayer : '',
    // "https://basemaps.arcgis.com/arcgis/rest/services/OpenStreetMap_v2/VectorTileServer"

    modernButtons: true,
    modernBeansCard: displayOptions.hideBeansCard ? false : true,
    outsideButtons: true,
    showCompass: true,
    showFullScreenMode: false,
    showNeighbors: false,
    showPOIButton: true,
    showSeparateFacilitiesCard: true,

    immersiveConfig: config.immersiveConfig,
    showImmersive: config.showImmersive,
    showImmersiveLight: config.showImmersiveLight,
    showImmersiveOnLoad: config.showImmersiveOnLoad,

    overrideBaseHeightFn: config.overrideBaseHeightFn,
    overrideHeight: config.overrideHeight ? config.overrideHeight : 0,
    overrideHeightFn: config.overrideHeightFn,

    renameAmenities: config.renameAmenities ? config.renameAmenities : null,
    poiShape: config.poiShape,

    initialTilt: 30,
    initialZ: 400,
    initialHeading: 270,

    initialPosition: {
      address: address
    },

    show2DButton: true,
    event2D: () => {
      document.getElementById('body-inner-2').style.visibility = 'visible';
      document.getElementById('body-inner-1').style.visibility = 'hidden';
    },

    ...displayOptions
  }
);
    } else {
      if (displayOptions.unitShape) {
  displayOptions.unitShape.fillOpacity = 1.0;
}
be1.render(
  "body-inner-2",
  "1953bdd651b348f:3630343066633263383135393462323362323961",
  addressAndUnitWithOptions,
  {
    hideNavigateButton: true,
    hideMyLocationButton: true
  },
  {
    initialMap: "STREET",

    modernBeansCard: displayOptions.hideBeansCard ? false : true,
    hideFloorSelector: false,
    hideRotateControl: true,
    hideSatelliteButton: true,
    hideShadow: true,
    outsideButtons: true,
    modernButtons: true,
    showNeighbors: false,
    showPOIButton: false,
    showSeparateFacilitiesCard: true,
    showNumbers: true,
    numbersConfig: config.numbersConfig,

    showBuildingShape: config.showBuildingShape,

    backgroundImage: config.backgroundImage,

    show3DButton: true,
    event3D: () => {
      document.getElementById('body-inner-2').style.visibility = 'hidden';
      document.getElementById('body-inner-1').style.visibility = 'visible';
    },

    unitsToExclude: config.unitsToExclude,

    ...displayOptions
  }
);
    }

  };

  if (config.knockrentalPropertyId) {
    fetch('https://doorway-api.knockrentals.com/v1/property/' + config.knockrentalPropertyId + '/units')
      .then(response => response.json())
      .then(jsonKnock => {
        var buildings = {};
        if (jsonKnock.units_data && jsonKnock.units_data.buildings) {
          for (var i = 0; i < jsonKnock.units_data.buildings.length; i++) {
            var unitObj = jsonKnock.units_data.buildings[i];
            if (!unitObj.name || !unitObj.id) {
              continue;
            }
            buildings[unitObj.id] = jsonKnock.units_data.buildings[i];
          }
        }

        var layouts = {};
        if (jsonKnock.units_data && jsonKnock.units_data.layouts) {
          for (var i = 0; i < jsonKnock.units_data.layouts.length; i++) {
            var unitObj = jsonKnock.units_data.layouts[i];
            if (!unitObj.name || !unitObj.id) {
              continue;
            }
            layouts[unitObj.id] = jsonKnock.units_data.layouts[i];
          }
        }

        var unitsArr = [];
        if (jsonKnock.units_data && jsonKnock.units_data.units) {
          for (var i = 0; i < jsonKnock.units_data.units.length; i++) {
            var unitObj = jsonKnock.units_data.units[i];
            if (!unitObj.available) {
              continue;
            }
            var unit = unitObj.name;
            if (unitObj.buildingId && buildings[unitObj.buildingId] && buildings[unitObj.buildingId].name) {
              unit = buildings[unitObj.buildingId].name + '-' + unit;
            }
            // if (!config.unitsData[unit]) {
            //   continue;
            // }
            var beds = unitObj.bedrooms;
            var baths = unitObj.bathrooms;
            var sqft = unitObj.area;
            var rent = unitObj.displayPrice;
            var link = 'https://' + config.realpagePropertyId + '.onlineleasing.realpage.com/?UnitId=';
            var floorplan = unitObj.layoutName;
            var floorplanImg = layouts[unitObj.layoutId].img;
            var avail = unitObj.availableOn;
            unitsArr.push({unit: unit, bed: beds, bath: baths, sqft: sqft, rent: rent, link: link, floorplan: floorplan, floorplanImg: floorplanImg, availability: avail});
          }
        }

        renderFn(config, unitsArr);
    });
  } else if (config.propertyId) {
    fetch('https://www.beans.ai/mapswidget/client/weigand?property_id=' + config.propertyId)
      .then(response => response.json())
      .then(json => {
        var unitsArr = [];
        if (!config.placeHolder
            && json.response.result.properties
            && json.response.result.properties.property
            && json.response.result.properties.property.length
            && json.response.result.properties.property[0].units
            && json.response.result.properties.property[0].units.unit
            && json.response.result.properties.property[0].units.unit.length) {
          for (var i in json.response.result.properties.property[0].units.unit) {
            var obj = json.response.result.properties.property[0].units.unit[i];
            var unit = obj.unitNumber ? obj.unitNumber : '';
            if (obj.buildingName) {
              unit = obj.buildingName + '-' + unit;
            }

            if (obj.unitSpaces && obj.unitSpaces.unitSpace && obj.unitSpaces.unitSpace.length) {
              var us = obj.unitSpaces.unitSpace[0];
              if (!us.availabilityStatus || us.availabilityStatus !== 'Vacant Ready (Available)') {
                continue;
              }
              var availability = us.availableDate;
              if (availability.length === 10 && availability.indexOf('/') !== -1) {
                availability = availability.substring(6,10) + '-' + availability.substring(0,2) + '-' + availability.substring(3,5);
              }

              unitsArr.push({
                unit: unit,
                bed: obj.numberOfBedrooms ? obj.numberOfBedrooms : 0,
                bath: obj.numberOfBathrooms ? obj.numberOfBathrooms : 0,
                sqft: obj.SquareFeet ? obj.SquareFeet : 0,
                availability: availability,
                rent: us.effectiveRent,
                floorplan: obj.floorplanName ? obj.floorplanName : '',
                link: us.unitAvailabilityURL
              });
            }
          }
        }

        renderFn(config, unitsArr);
    });
  }
}