4.RealEstateAgency-LastSubmited90-100

function realEstateAgency () {
    let profit = $('h1').eq(0);
    let profitSum = 0;

    let building = $('#building');
    let message = $('#message');

    let price = $('input[name=apartmentRent]');
    let apratment = $('input[name=apartmentType]');
    let commRate = $('input[name=agencyCommission]');

    let familyBudget = $('input[name=familyBudget]');
    let familyApartType = $('input[name=familyApartmentType]');
    let family = $('input[name=familyName]');

    let regOffer = $('button[name=regOffer]');
    regOffer.on('click', function() {

        let allPresentReg = price.val().trim() !== '' && apratment.val().trim() !== '' && commRate.val().trim() !== '' ;
        let bothAreNums = typeof +price.val() === 'number' && typeof +commRate.val() === 'number'
		let validApartmentType =typeof apratment.val().trim() === "string" && apratment.val().trim !== '' && !apratment.val().includes(':');

        if(allPresentReg && validApartmentType && +price.val() > 0 &&
            bothAreNums && +commRate.val() >= 0 && +commRate.val() <= 100 ) {

            let buildDiv = $('<div>').addClass('apartment');
            let p1 = $('<p>').text(`Rent: ${price.val()}`);
            let p2 = $('<p>').text(`Type: ${apratment.val()}`);
            let p3 = $('<p>').text(`Commission: ${commRate.val()}`);
            buildDiv.append(p1, p2, p3);
            building.append(buildDiv);

            message.text('Your offer was created successfully.');
        } else {
            message.text('Your offer registration went wrong, try again.');
        }

        price.val('');
        apratment.val('');
        commRate.val('');
	});

    let findOffer = $('button[name=findOffer]');
    findOffer.on('click', function() {
		message.text('We were unable to find you a home, so sorry :(');

        let allPresent = familyBudget.val().trim() !== '' && familyApartType.val().trim() !== '' && family.val().trim() !== '';

        if(allPresent && +(familyBudget.val()) > 0) {
            let apps = $('div.apartment');
            for (let app of apps) {
                let rent = $(app).find('p').eq(0).text().substring(6);
                let type = $(app).find('p').eq(1).text().substring(6);
                let rate = $(app).find('p').eq(2).text().substring(12);

                let percent = +rent * (+rate / 100);
                let ratePercent = +rent + (+rent * (+rate / 100));
				let isBudgetEnough = ratePercent <= +familyBudget.val();

                if(type === familyApartType.val() && isBudgetEnough) {
                    profitSum += percent * 2;
                    profit.text(`Agency profit: ${profitSum} lv.`);
                    message.text('Enjoy your new home! :))');

                    $(app).find('p').eq(0).text(`${family.val()}`);
                    $(app).find('p').eq(1).text('live here now');
                    $(app).find('p').eq(2).remove();
                    $(app).attr('style', "border: 2px solid red;");
					$(app).append($('<button>').text('MoveOut')
						.on('click', function(ev) {
							let thisApp = ev.target.parentNode;
							console.log('inside MoveOut')
							message.text(`They had found cockroaches in ${$(thisApp).find('p').eq(0).text()}\'s apartment`);
							$(thisApp).remove();
                    	}))
                }
            }
        }
        familyBudget.val('');
        familyApartType.val('');
        family.val('');
    });
}