@extends('website.layout.master')
@section('content')
    <style>
        .accordion .card-header.collapsed:after {
            content: "\e900";
            color: #333;
        }
    </style>
   <header class="lightGrey">
    <div class="container compare-form py-5">
        <div class="row justify-content-center">
            <h2 class="text-center text-white">Find the right storage at the right price</h2>
            <div class="col-lg-12 pt-3">
                <form id="visitor_search_11"
                    class="justify-content-center visitor-search form-inline has-validator" novalidate=""
                    data-fv-no-icon="true">
                    <div><input name="visitor_search_11-token" type="hidden"
                            value="173404243162ac33a71be919.00371980"><input name="visitor_search_11" type="hidden"
                            value="1"></div>
                    <fieldset>
                        <legend class="text-white">Enter postcode or town</legend>
                        <div class="form-group" style="position: relative;"><input id="postcode" name="postcode"
                                type="text" value="" class="corners-lt postcode form-control fv-group"
                                placeholder="e.g. SW1A" required="" aria-label="e.g. SW1A" autocomplete="off">
                            <div class="test"><select id="distance" name="distance"
                                    class="bootstrap-select btn-white outline distance form-control">
                                    <option value="5">5 Miles</option>
                                    <option value="10">10 Miles</option>
                                    <option value="15">15 Miles</option>
                                    <option value="20">20 Miles</option>
                                </select></div>
                            <div class="form-group"><button type="submit" name="submit-btn2" value="1"
                                    class="btn btn-orange compare outline corners-rb">Compare Now!</button></div>
                            <div class="pac-container"></div>
                        </div>
                    </fieldset>
                </form>
            </div>
        </div>
    </div>
</header>
<br>
    <section class="calculator  py-5">
        <div class="container">
            <h1 class="mb-4 text-center">Self Storage Space Estimator</h1>
            <div class="row">
                <div class="col-lg-3 col-sm-6">
                @livewire('calculator.size-calculator')
                </div>
                <div class="col-lg-4 col-sm-6">
                    <div id="background">
                        <div id="result"></div>
                        <div id="main">
                            <div id="first-rows">
                                <button class="del-bg btn-style" id="delete">Del</button> <button
                                    value="%" class="btn-style operator opera-bg fall-back">%</button> <button
                                    value="+" class="btn-style opera-bg value align operator">+</button></div>
                            <div class="rows"><button value="7"
                                    class="btn-style num-bg num first-child">7</button> <button value="8"
                                    class="btn-style num-bg num">8</button> <button id="button9" value="9"
                                    class="btn-style num-bg num">9</button> <button value="-"
                                    class="btn-style opera-bg operator">-</button></div>
                            <div class="rows"><button value="4"
                                    class="btn-style num-bg num first-child">4</button> <button value="5"
                                    class="btn-style num-bg num">5</button> <button value="6"
                                    class="btn-style num-bg num">6</button> <button value="*"
                                    class="btn-style opera-bg operator">x</button></div>
                            <div class="rows"><button value="1"
                                    class="btn-style num-bg num first-child">1</button> <button value="2"
                                    class="btn-style num-bg num">2</button> <button value="3"
                                    class="btn-style num-bg num">3</button> <button value="/"
                                    class="btn-style opera-bg operator">/</button></div>
                            <div class="rows">
                                <button value="0" class="btn-style num-bg num first-child">0</button>
                                <button value="." class="btn-style num-bg period fall-back">.</button>
                                <button class="btn-style num-bg num" id="esc">C</button>
                                <button value="=" id="eql" class="eqn align opera-bg">=</button>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-5 bg-white">
                    @livewire('calculator.area-feet')
                </div>
            </div>
        </div>
    </section>
    <section class="pt-5">
        <div class="container">
            <h3>How much self-storage space do I need?</h3>
            <div class="row">
                <div class="col-lg-6">
                    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the
                        industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type
                        and scrambled</p>
                </div>
                <div class="col-lg-6">
                    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the
                        industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type
                        and scrambled</p>
                </div>
            </div>
            <br>
            {{-- <div class="row py-5">
                <div class="col-lg-12">
                    <div class="container green px-0">
                        <form>
                            <div id="accordion" class="accordion">
                                <div class="card m-b-0">
                                    <div class="card-header collapsed" data-toggle="collapse" data-parent="#accordion"
                                        href="#collapseOne"><a class="card-title">Lounge</a>
                                    </div>
                                    <div id="collapseOne" class="container card-block collapse" data-parent="#accordion">
                                        <div class="row py-2">
                                            <div class="col-lg-3 col-md-6">
                                                <div class="form-row align-items-center"><select
                                                        class="custom-select mb-2 mr-sm-2 mb-sm-0" name="living1"
                                                        size="1" onclick="compute(this.form)" value="Calculate">
                                                        <option value="0" selected="selected">0</option>
                                                        <option value="1">1</option>
                                                        <option value="2">2</option>
                                                        <option value="3">3</option>
                                                        <option value="4">4</option>
                                                        <option value="5">5</option>
                                                        <option value="6">6</option>
                                                        <option value="7">7</option>
                                                        <option value="8">8</option>
                                                        <option value="9">9</option>
                                                        <option value="10">10</option>
                                                    </select>
                                                    <div class="col-auto"><label class="mr-sm-2">2 Seater Sofa</label>
                                                    </div>
                                                </div>
                                                <div class="form-row align-items-center"><select
                                                        class="custom-select mb-2 mr-sm-2 mb-sm-0" name="living2"
                                                        size="1" onclick="compute(this.form)" value="Calculate">
                                                        <option value="0" selected="selected">0</option>
                                                        <option value="1">1</option>
                                                        <option value="2">2</option>
                                                        <option value="3">3</option>
                                                        <option value="4">4</option>
                                                        <option value="5">5</option>
                                                        <option value="6">6</option>
                                                        <option value="7">7</option>
                                                        <option value="8">8</option>
                                                        <option value="9">9</option>
                                                        <option value="10">10</option>
                                                    </select>
                                                    <div class="col-auto"><label class="mr-sm-2">3 Seater Sofa</label>
                                                    </div>
                                                </div>
                                                <div class="form-row align-items-center"><select
                                                        class="custom-select mb-2 mr-sm-2 mb-sm-0" name="living3"
                                                        size="1" onclick="compute(this.form)" value="Calculate">
                                                        <option value="0" selected="selected">0</option>
                                                        <option value="1">1</option>
                                                        <option value="2">2</option>
                                                        <option value="3">3</option>
                                                        <option value="4">4</option>
                                                        <option value="5">5</option>
                                                        <option value="6">6</option>
                                                        <option value="7">7</option>
                                                        <option value="8">8</option>
                                                        <option value="9">9</option>
                                                        <option value="10">10</option>
                                                    </select>
                                                    <div class="col-auto"><label class="mr-sm-2">Armchair</label>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-3 col-md-6">
                                                <div class="form-row align-items-center"><select
                                                        class="custom-select mb-2 mr-sm-2 mb-sm-0" name="living4"
                                                        size="1" onclick="compute(this.form)" value="Calculate">
                                                        <option value="0" selected="selected">0</option>
                                                        <option value="1">1</option>
                                                        <option value="2">2</option>
                                                        <option value="3">3</option>
                                                        <option value="4">4</option>
                                                        <option value="5">5</option>
                                                        <option value="6">6</option>
                                                        <option value="7">7</option>
                                                        <option value="8">8</option>
                                                        <option value="9">9</option>
                                                        <option value="10">10</option>
                                                    </select>
                                                    <div class="col-auto"><label class="mr-sm-2">Coffee Table</label>
                                                    </div>
                                                </div>
                                                <div class="form-row align-items-center"><select
                                                        class="custom-select mb-2 mr-sm-2 mb-sm-0" name="living5"
                                                        size="1" onclick="compute(this.form)" value="Calculate">
                                                        <option selected="selected">0</option>
                                                        <option value="1">1</option>
                                                        <option value="2">2</option>
                                                        <option value="3">3</option>
                                                        <option value="4">4</option>
                                                        <option value="5">5</option>
                                                        <option value="6">6</option>
                                                        <option value="7">7</option>
                                                        <option value="8">8</option>
                                                        <option value="9">9</option>
                                                        <option value="10">10</option>
                                                    </select>
                                                    <div class="col-auto"><label class="mr-sm-2">Floor Lamp</label>
                                                    </div>
                                                </div>
                                                <div class="form-row align-items-center"><select
                                                        class="custom-select mb-2 mr-sm-2 mb-sm-0" name="living6"
                                                        size="1" onclick="compute(this.form)" value="Calculate">
                                                        <option selected="selected">0</option>
                                                        <option value="1">1</option>
                                                        <option value="2">2</option>
                                                        <option value="3">3</option>
                                                        <option value="4">4</option>
                                                        <option value="5">5</option>
                                                        <option value="6">6</option>
                                                        <option value="7">7</option>
                                                        <option value="8">8</option>
                                                        <option value="9">9</option>
                                                        <option value="10">10</option>
                                                    </select>
                                                    <div class="col-auto"><label class="mr-sm-2"
                                                            for="TallBookshelf">Display Cabinet</label></div>
                                                </div>
                                            </div>
                                            <div class="col-lg-3 col-md-6">
                                                <div class="form-row align-items-center"><select
                                                        class="custom-select mb-2 mr-sm-2 mb-sm-0" name="living7"
                                                        size="1" onclick="compute(this.form)" value="Calculate">
                                                        <option selected="selected">0</option>
                                                        <option value="1">1</option>
                                                        <option value="2">2</option>
                                                        <option value="3">3</option>
                                                        <option value="4">4</option>
                                                        <option value="5">5</option>
                                                        <option value="6">6</option>
                                                        <option value="7">7</option>
                                                        <option value="8">8</option>
                                                        <option value="9">9</option>
                                                        <option value="10">10</option>
                                                    </select>
                                                    <div class="col-auto"><label class="mr-sm-2">Large Display
                                                            Cabinet</label></div>
                                                </div>
                                                <div class="form-row align-items-center"><select
                                                        class="custom-select mb-2 mr-sm-2 mb-sm-0" name="living8"
                                                        size="1" onclick="compute(this.form)" value="Calculate">
                                                        <option selected="selected">0</option>
                                                        <option value="1">1</option>
                                                        <option value="2">2</option>
                                                        <option value="3">3</option>
                                                        <option value="4">4</option>
                                                        <option value="5">5</option>
                                                        <option value="6">6</option>
                                                        <option value="7">7</option>
                                                        <option value="8">8</option>
                                                        <option value="9">9</option>
                                                        <option value="10">10</option>
                                                    </select>
                                                    <div class="col-auto"><label class="mr-sm-2">Sideboard</label>
                                                    </div>
                                                </div>
                                                <div class="form-row align-items-center"><select
                                                        class="custom-select mb-2 mr-sm-2 mb-sm-0" name="living9"
                                                        size="1" onclick="compute(this.form)" value="Calculate">
                                                        <option selected="selected">0</option>
                                                        <option value="1">1</option>
                                                        <option value="2">2</option>
                                                        <option value="3">3</option>
                                                        <option value="4">4</option>
                                                        <option value="5">5</option>
                                                        <option value="6">6</option>
                                                        <option value="7">7</option>
                                                        <option value="8">8</option>
                                                        <option value="9">9</option>
                                                        <option value="10">10</option>
                                                    </select>
                                                    <div class="col-auto"><label class="mr-sm-2">Table Lamp</label>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-3 col-md-6">
                                                <div class="form-row align-items-center"><select
                                                        class="custom-select mb-2 mr-sm-2 mb-sm-0" name="living10"
                                                        size="1" onclick="compute(this.form)" value="Calculate">
                                                        <option selected="selected">0</option>
                                                        <option value="1">1</option>
                                                        <option value="2">2</option>
                                                        <option value="3">3</option>
                                                        <option value="4">4</option>
                                                        <option value="5">5</option>
                                                        <option value="6">6</option>
                                                        <option value="7">7</option>
                                                        <option value="8">8</option>
                                                        <option value="9">9</option>
                                                        <option value="10">10</option>
                                                    </select>
                                                    <div class="col-auto"><label class="mr-sm-2">Tall
                                                            Bookshelf</label></div>
                                                </div>
                                                <div class="form-row align-items-center"><select
                                                        class="custom-select mb-2 mr-sm-2 mb-sm-0" name="living11"
                                                        size="1" onclick="compute(this.form)" value="Calculate">
                                                        <option selected="selected">0</option>
                                                        <option value="1">1</option>
                                                        <option value="2">2</option>
                                                        <option value="3">3</option>
                                                        <option value="4">4</option>
                                                        <option value="5">5</option>
                                                        <option value="6">6</option>
                                                        <option value="7">7</option>
                                                        <option value="8">8</option>
                                                        <option value="9">9</option>
                                                        <option value="10">10</option>
                                                    </select>
                                                    <div class="col-auto"><label class="mr-sm-2">TV Stand</label>
                                                    </div>
                                                </div>
                                                <div class="form-row align-items-center"><select
                                                        class="custom-select mb-2 mr-sm-2 mb-sm-0" name="living12"
                                                        size="1" onclick="compute(this.form)" value="Calculate">
                                                        <option selected="selected">0</option>
                                                        <option value="1">1</option>
                                                        <option value="2">2</option>
                                                        <option value="3">3</option>
                                                        <option value="4">4</option>
                                                        <option value="5">5</option>
                                                        <option value="6">6</option>
                                                        <option value="7">7</option>
                                                        <option value="8">8</option>
                                                        <option value="9">9</option>
                                                        <option value="10">10</option>
                                                    </select>
                                                    <div class="col-auto"><label class="mr-sm-2" for="TallBookshelf">TV
                                                            LCD 42"</label></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="card-header collapsed" data-toggle="collapse" data-parent="#accordion"
                                        href="#collapseTwo"><a class="card-title">Bedroom</a></div>
                                    <div id="collapseTwo" class="container card-block collapse" data-parent="#accordion">
                                        <div class="row py-2">
                                            <div class="col-lg-3 col-md-6">
                                                <div class="form-row align-items-center"><select
                                                        class="custom-select mb-2 mr-sm-2 mb-sm-0" name="bedroom1"
                                                        size="1" onclick="compute(this.form)" value="Calculate">
                                                        <option value="0" selected="selected">0</option>
                                                        <option value="1">1</option>
                                                        <option value="2">2</option>
                                                        <option value="3">3</option>
                                                        <option value="4">4</option>
                                                        <option value="5">5</option>
                                                        <option value="6">6</option>
                                                        <option value="7">7</option>
                                                        <option value="8">8</option>
                                                        <option value="9">9</option>
                                                        <option value="10">10</option>
                                                    </select>
                                                    <div class="col-auto"><label class="mr-sm-2">Bedside Chest</label>
                                                    </div>
                                                </div>
                                                <div class="form-row align-items-center"><select
                                                        class="custom-select mb-2 mr-sm-2 mb-sm-0" name="bedroom2"
                                                        size="1" onclick="compute(this.form)" value="Calculate">
                                                        <option value="0" selected="selected">0</option>
                                                        <option value="1">1</option>
                                                        <option value="2">2</option>
                                                        <option value="3">3</option>
                                                        <option value="4">4</option>
                                                        <option value="5">5</option>
                                                        <option value="6">6</option>
                                                        <option value="7">7</option>
                                                        <option value="8">8</option>
                                                        <option value="9">9</option>
                                                        <option value="10">10</option>
                                                    </select>
                                                    <div class="col-auto"><label class="mr-sm-2">Chest of
                                                            Drawers</label></div>
                                                </div>
                                                <div class="form-row align-items-center"><select
                                                        class="custom-select mb-2 mr-sm-2 mb-sm-0" name="bedroom3"
                                                        size="1" onclick="compute(this.form)" value="Calculate">
                                                        <option value="0" selected="selected">0</option>
                                                        <option value="1">1</option>
                                                        <option value="2">2</option>
                                                        <option value="3">3</option>
                                                        <option value="4">4</option>
                                                        <option value="5">5</option>
                                                        <option value="6">6</option>
                                                        <option value="7">7</option>
                                                        <option value="8">8</option>
                                                        <option value="9">9</option>
                                                        <option value="10">10</option>
                                                    </select>
                                                    <div class="col-auto"><label class="mr-sm-2">Divan Bed
                                                            Double</label></div>
                                                </div>
                                            </div>
                                            <div class="col-lg-3 col-md-6">
                                                <div class="form-row align-items-center"><select
                                                        class="custom-select mb-2 mr-sm-2 mb-sm-0" name="bedroom4"
                                                        size="1" onclick="compute(this.form)" value="Calculate">
                                                        <option value="0" selected="selected">0</option>
                                                        <option value="1">1</option>
                                                        <option value="2">2</option>
                                                        <option value="3">3</option>
                                                        <option value="4">4</option>
                                                        <option value="5">5</option>
                                                        <option value="6">6</option>
                                                        <option value="7">7</option>
                                                        <option value="8">8</option>
                                                        <option value="9">9</option>
                                                        <option value="10">10</option>
                                                    </select>
                                                    <div class="col-auto"><label class="mr-sm-2">Divan Bed King
                                                            Size</label></div>
                                                </div>
                                                <div class="form-row align-items-center"><select
                                                        class="custom-select mb-2 mr-sm-2 mb-sm-0" name="bedroom5"
                                                        size="1" onclick="compute(this.form)" value="Calculate">
                                                        <option value="0" selected="selected">0</option>
                                                        <option value="1">1</option>
                                                        <option value="2">2</option>
                                                        <option value="3">3</option>
                                                        <option value="4">4</option>
                                                        <option value="5">5</option>
                                                        <option value="6">6</option>
                                                        <option value="7">7</option>
                                                        <option value="8">8</option>
                                                        <option value="9">9</option>
                                                        <option value="10">10</option>
                                                    </select>
                                                    <div class="col-auto"><label class="mr-sm-2">Divan Bed
                                                            Single</label></div>
                                                </div>
                                                <div class="form-row align-items-center"><select
                                                        class="custom-select mb-2 mr-sm-2 mb-sm-0" name="bedroom6"
                                                        size="1" onclick="compute(this.form)" value="Calculate">
                                                        <option value="0" selected="selected">0</option>
                                                        <option value="1">1</option>
                                                        <option value="2">2</option>
                                                        <option value="3">3</option>
                                                        <option value="4">4</option>
                                                        <option value="5">5</option>
                                                        <option value="6">6</option>
                                                        <option value="7">7</option>
                                                        <option value="8">8</option>
                                                        <option value="9">9</option>
                                                        <option value="10">10</option>
                                                    </select>
                                                    <div class="col-auto"><label class="mr-sm-2">Mattress
                                                            Double</label></div>
                                                </div>
                                            </div>
                                            <div class="col-lg-3 col-md-6">
                                                <div class="form-row align-items-center"><select
                                                        class="custom-select mb-2 mr-sm-2 mb-sm-0" name="bedroom7"
                                                        size="1" onclick="compute(this.form)" value="Calculate">
                                                        <option value="0" selected="selected">0</option>
                                                        <option value="1">1</option>
                                                        <option value="2">2</option>
                                                        <option value="3">3</option>
                                                        <option value="4">4</option>
                                                        <option value="5">5</option>
                                                        <option value="6">6</option>
                                                        <option value="7">7</option>
                                                        <option value="8">8</option>
                                                        <option value="9">9</option>
                                                        <option value="10">10</option>
                                                    </select>
                                                    <div class="col-auto"><label class="mr-sm-2"
                                                            for="TallBookshelf">Mattress King Size</label></div>
                                                </div>
                                                <div class="form-row align-items-center"><select
                                                        class="custom-select mb-2 mr-sm-2 mb-sm-0" name="bedroom8"
                                                        size="1" onclick="compute(this.form)" value="Calculate">
                                                        <option value="0" selected="selected">0</option>
                                                        <option value="1">1</option>
                                                        <option value="2">2</option>
                                                        <option value="3">3</option>
                                                        <option value="4">4</option>
                                                        <option value="5">5</option>
                                                        <option value="6">6</option>
                                                        <option value="7">7</option>
                                                        <option value="8">8</option>
                                                        <option value="9">9</option>
                                                        <option value="10">10</option>
                                                    </select>
                                                    <div class="col-auto"><label class="mr-sm-2">Mattress
                                                            Single</label></div>
                                                </div>
                                                <div class="form-row align-items-center"><select
                                                        class="custom-select mb-2 mr-sm-2 mb-sm-0" name="bedroom9"
                                                        size="1" onclick="compute(this.form)" value="Calculate">
                                                        <option value="0" selected="selected">0</option>
                                                        <option value="1">1</option>
                                                        <option value="2">2</option>
                                                        <option value="3">3</option>
                                                        <option value="4">4</option>
                                                        <option value="5">5</option>
                                                        <option value="6">6</option>
                                                        <option value="7">7</option>
                                                        <option value="8">8</option>
                                                        <option value="9">9</option>
                                                        <option value="10">10</option>
                                                    </select>
                                                    <div class="col-auto"><label class="mr-sm-2">Wardrobe 2
                                                            Door</label></div>
                                                </div>
                                            </div>
                                            <div class="col-lg-3 col-md-6">
                                                <div class="form-row align-items-center"><select
                                                        class="custom-select mb-2 mr-sm-2 mb-sm-0" name="bedroom10"
                                                        size="1" onclick="compute(this.form)" value="Calculate">
                                                        <option value="0" selected="selected">0</option>
                                                        <option value="1">1</option>
                                                        <option value="2">2</option>
                                                        <option value="3">3</option>
                                                        <option value="4">4</option>
                                                        <option value="5">5</option>
                                                        <option value="6">6</option>
                                                        <option value="7">7</option>
                                                        <option value="8">8</option>
                                                        <option value="9">9</option>
                                                        <option value="10">10</option>
                                                    </select>
                                                    <div class="col-auto"><label class="mr-sm-2">Wardrobe 3
                                                            Door</label></div>
                                                </div>
                                                <div class="form-row align-items-center"><select
                                                        class="custom-select mb-2 mr-sm-2 mb-sm-0" name="bedroom11"
                                                        size="1" onclick="compute(this.form)" value="Calculate">
                                                        <option value="0" selected="selected">0</option>
                                                        <option value="1">1</option>
                                                        <option value="2">2</option>
                                                        <option value="3">3</option>
                                                        <option value="4">4</option>
                                                        <option value="5">5</option>
                                                        <option value="6">6</option>
                                                        <option value="7">7</option>
                                                        <option value="8">8</option>
                                                        <option value="9">9</option>
                                                        <option value="10">10</option>
                                                    </select>
                                                    <div class="col-auto"><label class="mr-sm-2">Table Lamp</label>
                                                    </div>
                                                </div>
                                                <div class="form-row align-items-center"><select
                                                        class="custom-select mb-2 mr-sm-2 mb-sm-0" name="bedroom12"
                                                        size="1" onclick="compute(this.form)" value="Calculate">
                                                        <option value="0" selected="selected">0</option>
                                                        <option value="1">1</option>
                                                        <option value="2">2</option>
                                                        <option value="3">3</option>
                                                        <option value="4">4</option>
                                                        <option value="5">5</option>
                                                        <option value="6">6</option>
                                                        <option value="7">7</option>
                                                        <option value="8">8</option>
                                                        <option value="9">9</option>
                                                        <option value="10">10</option>
                                                    </select>
                                                    <div class="col-auto"><label class="mr-sm-2">Bedroom Chair</label>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="card-header collapsed" data-toggle="collapse" data-parent="#accordion"
                                        href="#collapseThree"><a class="card-title">Kitchen</a></div>
                                    <div id="collapseThree" class="container card-block collapse"
                                        data-parent="#accordion">
                                        <div class="row py-2">
                                            <div class="col-lg-3 col-md-6">
                                                <div class="form-row align-items-center"><select
                                                        class="custom-select mb-2 mr-sm-2 mb-sm-0" name="kitchen1"
                                                        size="1" onclick="compute(this.form)" value="Calculate">
                                                        <option value="0" selected="selected">0</option>
                                                        <option value="1">1</option>
                                                        <option value="2">2</option>
                                                        <option value="3">3</option>
                                                        <option value="4">4</option>
                                                        <option value="5">5</option>
                                                        <option value="6">6</option>
                                                        <option value="7">7</option>
                                                        <option value="8">8</option>
                                                        <option value="9">9</option>
                                                        <option value="10">10</option>
                                                    </select>
                                                    <div class="col-auto"><label class="mr-sm-2">Bathroom Shelving
                                                            Unit</label></div>
                                                </div>
                                                <div class="form-row align-items-center"><select
                                                        class="custom-select mb-2 mr-sm-2 mb-sm-0" name="kitchen2"
                                                        size="1" onclick="compute(this.form)" value="Calculate">
                                                        <option value="0" selected="selected">0</option>
                                                        <option value="1">1</option>
                                                        <option value="2">2</option>
                                                        <option value="3">3</option>
                                                        <option value="4">4</option>
                                                        <option value="5">5</option>
                                                        <option value="6">6</option>
                                                        <option value="7">7</option>
                                                        <option value="8">8</option>
                                                        <option value="9">9</option>
                                                        <option value="10">10</option>
                                                    </select>
                                                    <div class="col-auto"><label class="mr-sm-2">Washing
                                                            Basket</label></div>
                                                </div>
                                            </div>
                                            <div class="col-lg-3 col-md-6">
                                                <div class="form-row align-items-center"><select
                                                        class="custom-select mb-2 mr-sm-2 mb-sm-0" name="kitchen3"
                                                        size="1" onclick="compute(this.form)" value="Calculate">
                                                        <option value="0" selected="selected">0</option>
                                                        <option value="1">1</option>
                                                        <option value="2">2</option>
                                                        <option value="3">3</option>
                                                        <option value="4">4</option>
                                                        <option value="5">5</option>
                                                        <option value="6">6</option>
                                                        <option value="7">7</option>
                                                        <option value="8">8</option>
                                                        <option value="9">9</option>
                                                        <option value="10">10</option>
                                                    </select>
                                                    <div class="col-auto"><label class="mr-sm-2">Barstool</label>
                                                    </div>
                                                </div>
                                                <div class="form-row align-items-center"><select
                                                        class="custom-select mb-2 mr-sm-2 mb-sm-0" name="kitchen4"
                                                        size="1" onclick="compute(this.form)" value="Calculate">
                                                        <option value="0" selected="selected">0</option>
                                                        <option value="1">1</option>
                                                        <option value="2">2</option>
                                                        <option value="3">3</option>
                                                        <option value="4">4</option>
                                                        <option value="5">5</option>
                                                        <option value="6">6</option>
                                                        <option value="7">7</option>
                                                        <option value="8">8</option>
                                                        <option value="9">9</option>
                                                        <option value="10">10</option>
                                                    </select>
                                                    <div class="col-auto"><label class="mr-sm-2">Kitchen Bin</label>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-3 col-md-6">
                                                <div class="form-row align-items-center"><select
                                                        class="custom-select mb-2 mr-sm-2 mb-sm-0" name="kitchen5"
                                                        size="1" onclick="compute(this.form)" value="Calculate">
                                                        <option value="0" selected="selected">0</option>
                                                        <option value="1">1</option>
                                                        <option value="2">2</option>
                                                        <option value="3">3</option>
                                                        <option value="4">4</option>
                                                        <option value="5">5</option>
                                                        <option value="6">6</option>
                                                        <option value="7">7</option>
                                                        <option value="8">8</option>
                                                        <option value="9">9</option>
                                                        <option value="10">10</option>
                                                    </select>
                                                    <div class="col-auto"><label class="mr-sm-2">Kitchen
                                                            Chair</label></div>
                                                </div>
                                                <div class="form-row align-items-center"><select
                                                        class="custom-select mb-2 mr-sm-2 mb-sm-0" name="kitchen6"
                                                        size="1" onclick="compute(this.form)" value="Calculate">
                                                        <option value="0" selected="selected">0</option>
                                                        <option value="1">1</option>
                                                        <option value="2">2</option>
                                                        <option value="3">3</option>
                                                        <option value="4">4</option>
                                                        <option value="5">5</option>
                                                        <option value="6">6</option>
                                                        <option value="7">7</option>
                                                        <option value="8">8</option>
                                                        <option value="9">9</option>
                                                        <option value="10">10</option>
                                                    </select>
                                                    <div class="col-auto"><label class="mr-sm-2">Kitchen
                                                            Table</label></div>
                                                </div>
                                            </div>
                                            <div class="col-lg-3 col-md-6">
                                                <div class="form-row align-items-center"><select
                                                        class="custom-select mb-2 mr-sm-2 mb-sm-0" name="kitchen7"
                                                        size="1" onclick="compute(this.form)" value="Calculate">
                                                        <option value="0" selected="selected">0</option>
                                                        <option value="1">1</option>
                                                        <option value="2">2</option>
                                                        <option value="3">3</option>
                                                        <option value="4">4</option>
                                                        <option value="5">5</option>
                                                        <option value="6">6</option>
                                                        <option value="7">7</option>
                                                        <option value="8">8</option>
                                                        <option value="9">9</option>
                                                        <option value="10">10</option>
                                                    </select>
                                                    <div class="col-auto"><label class="mr-sm-2">Welsh
                                                            Dresser</label></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="card-header collapsed" data-toggle="collapse" data-parent="#accordion"
                                        href="#collapseFour"><a class="card-title">Dining
                                            Room</a></div>
                                    <div id="collapseFour" class="container card-block collapse"
                                        data-parent="#accordion">
                                        <div class="row py-2">
                                            <div class="col-lg-3 col-md-6">
                                                <div class="form-row align-items-center"><select
                                                        class="custom-select mb-2 mr-sm-2 mb-sm-0" name="dining1"
                                                        size="1" onclick="compute(this.form)" value="Calculate">
                                                        <option value="0" selected="selected">0</option>
                                                        <option value="1">1</option>
                                                        <option value="2">2</option>
                                                        <option value="3">3</option>
                                                        <option value="4">4</option>
                                                        <option value="5">5</option>
                                                        <option value="6">6</option>
                                                        <option value="7">7</option>
                                                        <option value="8">8</option>
                                                        <option value="9">9</option>
                                                        <option value="10">10</option>
                                                    </select>
                                                    <div class="col-auto"><label class="mr-sm-2">Dining
                                                            Table</label></div>
                                                </div>
                                                <div class="form-row align-items-center"><select
                                                        class="custom-select mb-2 mr-sm-2 mb-sm-0" name="dining2"
                                                        size="1" onclick="compute(this.form)" value="Calculate">
                                                        <option value="0" selected="selected">0</option>
                                                        <option value="1">1</option>
                                                        <option value="2">2</option>
                                                        <option value="3">3</option>
                                                        <option value="4">4</option>
                                                        <option value="5">5</option>
                                                        <option value="6">6</option>
                                                        <option value="7">7</option>
                                                        <option value="8">8</option>
                                                        <option value="9">9</option>
                                                        <option value="10">10</option>
                                                    </select>
                                                    <div class="col-auto"><label class="mr-sm-2">Welsh
                                                            Dresser</label></div>
                                                </div>
                                            </div>
                                            <div class="col-lg-3 col-md-6">
                                                <div class="form-row align-items-center"><select
                                                        class="custom-select mb-2 mr-sm-2 mb-sm-0" name="dining3"
                                                        size="1" onclick="compute(this.form)" value="Calculate">
                                                        <option value="0" selected="selected">0</option>
                                                        <option value="1">1</option>
                                                        <option value="2">2</option>
                                                        <option value="3">3</option>
                                                        <option value="4">4</option>
                                                        <option value="5">5</option>
                                                        <option value="6">6</option>
                                                        <option value="7">7</option>
                                                        <option value="8">8</option>
                                                        <option value="9">9</option>
                                                        <option value="10">10</option>
                                                    </select>
                                                    <div class="col-auto"><label class="mr-sm-2">Dining
                                                            Chair</label></div>
                                                </div>
                                                <div class="form-row align-items-center"><select
                                                        class="custom-select mb-2 mr-sm-2 mb-sm-0" name="dining4"
                                                        size="1" onclick="compute(this.form)" value="Calculate">
                                                        <option value="0" selected="selected">0</option>
                                                        <option value="1">1</option>
                                                        <option value="2">2</option>
                                                        <option value="3">3</option>
                                                        <option value="4">4</option>
                                                        <option value="5">5</option>
                                                        <option value="6">6</option>
                                                        <option value="7">7</option>
                                                        <option value="8">8</option>
                                                        <option value="9">9</option>
                                                        <option value="10">10</option>
                                                    </select>
                                                    <div class="col-auto"><label class="mr-sm-2">Side Board</label>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-3 col-md-6">
                                                <div class="form-row align-items-center"><select
                                                        class="custom-select mb-2 mr-sm-2 mb-sm-0" name="dining5"
                                                        size="1" onclick="compute(this.form)" value="Calculate">
                                                        <option value="0" selected="selected">0</option>
                                                        <option value="1">1</option>
                                                        <option value="2">2</option>
                                                        <option value="3">3</option>
                                                        <option value="4">4</option>
                                                        <option value="5">5</option>
                                                        <option value="6">6</option>
                                                        <option value="7">7</option>
                                                        <option value="8">8</option>
                                                        <option value="9">9</option>
                                                        <option value="10">10</option>
                                                    </select>
                                                    <div class="col-auto"><label class="mr-sm-2">Table Lamp</label>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-3 col-md-6">
                                                <div class="form-row align-items-center"><select
                                                        class="custom-select mb-2 mr-sm-2 mb-sm-0" name="dining6"
                                                        size="1" onclick="compute(this.form)" value="Calculate">
                                                        <option value="0" selected="selected">0</option>
                                                        <option value="1">1</option>
                                                        <option value="2">2</option>
                                                        <option value="3">3</option>
                                                        <option value="4">4</option>
                                                        <option value="5">5</option>
                                                        <option value="6">6</option>
                                                        <option value="7">7</option>
                                                        <option value="8">8</option>
                                                        <option value="9">9</option>
                                                        <option value="10">10</option>
                                                    </select>
                                                    <div class="col-auto"><label class="mr-sm-2">Floor Lamp</label>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="card-header collapsed" data-toggle="collapse" data-parent="#accordion"
                                        href="#collapseFive"><a class="card-title">Appliances</a></div>
                                    <div id="collapseFive" class="container card-block collapse"
                                        data-parent="#accordion">
                                        <div class="row py-2">
                                            <div class="col-lg-3 col-md-6">
                                                <div class="form-row align-items-center"><select
                                                        class="custom-select mb-2 mr-sm-2 mb-sm-0" name="appliances1"
                                                        size="1" onclick="compute(this.form)" value="Calculate">
                                                        <option value="0" selected="selected">0</option>
                                                        <option value="1">1</option>
                                                        <option value="2">2</option>
                                                        <option value="3">3</option>
                                                        <option value="4">4</option>
                                                        <option value="5">5</option>
                                                        <option value="6">6</option>
                                                        <option value="7">7</option>
                                                        <option value="8">8</option>
                                                        <option value="9">9</option>
                                                        <option value="10">10</option>
                                                    </select>
                                                    <div class="col-auto"><label class="mr-sm-2">Chest
                                                            Freezer</label></div>
                                                </div>
                                                <div class="form-row align-items-center"><select
                                                        class="custom-select mb-2 mr-sm-2 mb-sm-0" name="appliances2"
                                                        size="1" onclick="compute(this.form)" value="Calculate">
                                                        <option value="0" selected="selected">0</option>
                                                        <option value="1">1</option>
                                                        <option value="2">2</option>
                                                        <option value="3">3</option>
                                                        <option value="4">4</option>
                                                        <option value="5">5</option>
                                                        <option value="6">6</option>
                                                        <option value="7">7</option>
                                                        <option value="8">8</option>
                                                        <option value="9">9</option>
                                                        <option value="10">10</option>
                                                    </select>
                                                    <div class="col-auto"><label class="mr-sm-2">Cooker</label>
                                                    </div>
                                                </div>
                                                <div class="form-row align-items-center"><select
                                                        class="custom-select mb-2 mr-sm-2 mb-sm-0" name="appliances3"
                                                        size="1" onclick="compute(this.form)" value="Calculate">
                                                        <option value="0" selected="selected">0</option>
                                                        <option value="1">1</option>
                                                        <option value="2">2</option>
                                                        <option value="3">3</option>
                                                        <option value="4">4</option>
                                                        <option value="5">5</option>
                                                        <option value="6">6</option>
                                                        <option value="7">7</option>
                                                        <option value="8">8</option>
                                                        <option value="9">9</option>
                                                        <option value="10">10</option>
                                                    </select>
                                                    <div class="col-auto"><label class="mr-sm-2">Dishwasher</label>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-3 col-md-6">
                                                <div class="form-row align-items-center"><select
                                                        class="custom-select mb-2 mr-sm-2 mb-sm-0" name="appliances4"
                                                        size="1" onclick="compute(this.form)" value="Calculate">
                                                        <option value="0" selected="selected">0</option>
                                                        <option value="1">1</option>
                                                        <option value="2">2</option>
                                                        <option value="3">3</option>
                                                        <option value="4">4</option>
                                                        <option value="5">5</option>
                                                        <option value="6">6</option>
                                                        <option value="7">7</option>
                                                        <option value="8">8</option>
                                                        <option value="9">9</option>
                                                        <option value="10">10</option>
                                                    </select>
                                                    <div class="col-auto"><label class="mr-sm-2">Microwave
                                                            Oven</label></div>
                                                </div>
                                                <div class="form-row align-items-center"><select
                                                        class="custom-select mb-2 mr-sm-2 mb-sm-0" name="appliances5"
                                                        size="1" onclick="compute(this.form)" value="Calculate">
                                                        <option value="0" selected="selected">0</option>
                                                        <option value="1">1</option>
                                                        <option value="2">2</option>
                                                        <option value="3">3</option>
                                                        <option value="4">4</option>
                                                        <option value="5">5</option>
                                                        <option value="6">6</option>
                                                        <option value="7">7</option>
                                                        <option value="8">8</option>
                                                        <option value="9">9</option>
                                                        <option value="10">10</option>
                                                    </select>
                                                    <div class="col-auto"><label class="mr-sm-2">Range
                                                            Cooker</label></div>
                                                </div>
                                                <div class="form-row align-items-center"><select
                                                        class="custom-select mb-2 mr-sm-2 mb-sm-0" name="appliances6"
                                                        size="1" onclick="compute(this.form)" value="Calculate">
                                                        <option value="0" selected="selected">0</option>
                                                        <option value="1">1</option>
                                                        <option value="2">2</option>
                                                        <option value="3">3</option>
                                                        <option value="4">4</option>
                                                        <option value="5">5</option>
                                                        <option value="6">6</option>
                                                        <option value="7">7</option>
                                                        <option value="8">8</option>
                                                        <option value="9">9</option>
                                                        <option value="10">10</option>
                                                    </select>
                                                    <div class="col-auto"><label class="mr-sm-2"
                                                            for="TallBookshelf">American F/ Freezer</label></div>
                                                </div>
                                            </div>
                                            <div class="col-lg-3 col-md-6">
                                                <div class="form-row align-items-center"><select
                                                        class="custom-select mb-2 mr-sm-2 mb-sm-0" name="appliances7"
                                                        size="1" onclick="compute(this.form)" value="Calculate">
                                                        <option value="0" selected="selected">0</option>
                                                        <option value="1">1</option>
                                                        <option value="2">2</option>
                                                        <option value="3">3</option>
                                                        <option value="4">4</option>
                                                        <option value="5">5</option>
                                                        <option value="6">6</option>
                                                        <option value="7">7</option>
                                                        <option value="8">8</option>
                                                        <option value="9">9</option>
                                                        <option value="10">10</option>
                                                    </select>
                                                    <div class="col-auto"><label class="mr-sm-2">Tall F/
                                                            Freezer</label></div>
                                                </div>
                                                <div class="form-row align-items-center"><select
                                                        class="custom-select mb-2 mr-sm-2 mb-sm-0" name="appliances8"
                                                        size="1" onclick="compute(this.form)" value="Calculate">
                                                        <option value="0" selected="selected">0</option>
                                                        <option value="1">1</option>
                                                        <option value="2">2</option>
                                                        <option value="3">3</option>
                                                        <option value="4">4</option>
                                                        <option value="5">5</option>
                                                        <option value="6">6</option>
                                                        <option value="7">7</option>
                                                        <option value="8">8</option>
                                                        <option value="9">9</option>
                                                        <option value="10">10</option>
                                                    </select>
                                                    <div class="col-auto"><label class="mr-sm-2">Tumble
                                                            Dryer</label></div>
                                                </div>
                                                <div class="form-row align-items-center"><select
                                                        class="custom-select mb-2 mr-sm-2 mb-sm-0" name="appliances9"
                                                        size="1" onclick="compute(this.form)" value="Calculate">
                                                        <option value="0" selected="selected">0</option>
                                                        <option value="1">1</option>
                                                        <option value="2">2</option>
                                                        <option value="3">3</option>
                                                        <option value="4">4</option>
                                                        <option value="5">5</option>
                                                        <option value="6">6</option>
                                                        <option value="7">7</option>
                                                        <option value="8">8</option>
                                                        <option value="9">9</option>
                                                        <option value="10">10</option>
                                                    </select>
                                                    <div class="col-auto"><label class="mr-sm-2">Washer
                                                            Dryer</label></div>
                                                </div>
                                            </div>
                                            <div class="col-lg-3 col-md-6">
                                                <div class="form-row align-items-center"><select
                                                        class="custom-select mb-2 mr-sm-2 mb-sm-0" name="appliances10"
                                                        size="1" onclick="compute(this.form)" value="Calculate">
                                                        <option value="0" selected="selected">0</option>
                                                        <option value="1">1</option>
                                                        <option value="2">2</option>
                                                        <option value="3">3</option>
                                                        <option value="4">4</option>
                                                        <option value="5">5</option>
                                                        <option value="6">6</option>
                                                        <option value="7">7</option>
                                                        <option value="8">8</option>
                                                        <option value="9">9</option>
                                                        <option value="10">10</option>
                                                    </select>
                                                    <div class="col-auto"><label class="mr-sm-2">Washing
                                                            Machine</label></div>
                                                </div>
                                                <div class="form-row align-items-center"><select
                                                        class="custom-select mb-2 mr-sm-2 mb-sm-0" name="appliances11"
                                                        size="1" onclick="compute(this.form)" value="Calculate">
                                                        <option value="0" selected="selected">0</option>
                                                        <option value="1">1</option>
                                                        <option value="2">2</option>
                                                        <option value="3">3</option>
                                                        <option value="4">4</option>
                                                        <option value="5">5</option>
                                                        <option value="6">6</option>
                                                        <option value="7">7</option>
                                                        <option value="8">8</option>
                                                        <option value="9">9</option>
                                                        <option value="10">10</option>
                                                    </select>
                                                    <div class="col-auto"><label class="mr-sm-2">Worktop
                                                            Freezer</label></div>
                                                </div>
                                                <div class="form-row align-items-center"><select
                                                        class="custom-select mb-2 mr-sm-2 mb-sm-0" name="appliances12"
                                                        size="1" onclick="compute(this.form)" value="Calculate">
                                                        <option value="0" selected="selected">0</option>
                                                        <option value="1">1</option>
                                                        <option value="2">2</option>
                                                        <option value="3">3</option>
                                                        <option value="4">4</option>
                                                        <option value="5">5</option>
                                                        <option value="6">6</option>
                                                        <option value="7">7</option>
                                                        <option value="8">8</option>
                                                        <option value="9">9</option>
                                                        <option value="10">10</option>
                                                    </select>
                                                    <div class="col-auto"><label class="mr-sm-2"
                                                            for="TallBookshelf">Worktop Fridge</label></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="card-header collapsed" data-toggle="collapse" data-parent="#accordion"
                                        href="#collapseSix"><a class="card-title">Garden</a></div>
                                    <div id="collapseSix" class="container card-block collapse"
                                        data-parent="#accordion">
                                        <div class="row py-2">
                                            <div class="col-lg-3 col-md-6">
                                                <div class="form-row align-items-center"><select
                                                        class="custom-select mb-2 mr-sm-2 mb-sm-0" name="outdoor1"
                                                        size="1" onclick="compute(this.form)" value="Calculate">
                                                        <option value="0" selected="selected">0</option>
                                                        <option value="1">1</option>
                                                        <option value="2">2</option>
                                                        <option value="3">3</option>
                                                        <option value="4">4</option>
                                                        <option value="5">5</option>
                                                        <option value="6">6</option>
                                                        <option value="7">7</option>
                                                        <option value="8">8</option>
                                                        <option value="9">9</option>
                                                        <option value="10">10</option>
                                                    </select>
                                                    <div class="col-auto"><label class="mr-sm-2">Garden
                                                            Heater</label></div>
                                                </div>
                                                <div class="form-row align-items-center"><select
                                                        class="custom-select mb-2 mr-sm-2 mb-sm-0" name="outdoor2"
                                                        size="1" onclick="compute(this.form)" value="Calculate">
                                                        <option value="0" selected="selected">0</option>
                                                        <option value="1">1</option>
                                                        <option value="2">2</option>
                                                        <option value="3">3</option>
                                                        <option value="4">4</option>
                                                        <option value="5">5</option>
                                                        <option value="6">6</option>
                                                        <option value="7">7</option>
                                                        <option value="8">8</option>
                                                        <option value="9">9</option>
                                                        <option value="10">10</option>
                                                    </select>
                                                    <div class="col-auto"><label class="mr-sm-2">Workmate</label>
                                                    </div>
                                                </div>
                                                <div class="form-row align-items-center"><select
                                                        class="custom-select mb-2 mr-sm-2 mb-sm-0" name="outdoor3"
                                                        size="1" onclick="compute(this.form)" value="Calculate">
                                                        <option value="0" selected="selected">0</option>
                                                        <option value="1">1</option>
                                                        <option value="2">2</option>
                                                        <option value="3">3</option>
                                                        <option value="4">4</option>
                                                        <option value="5">5</option>
                                                        <option value="6">6</option>
                                                        <option value="7">7</option>
                                                        <option value="8">8</option>
                                                        <option value="9">9</option>
                                                        <option value="10">10</option>
                                                    </select>
                                                    <div class="col-auto"><label class="mr-sm-2">Work Bench</label>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-3 col-md-6">
                                                <div class="form-row align-items-center"><select
                                                        class="custom-select mb-2 mr-sm-2 mb-sm-0" name="outdoor4"
                                                        size="1" onclick="compute(this.form)" value="Calculate">
                                                        <option value="0" selected="selected">0</option>
                                                        <option value="1">1</option>
                                                        <option value="2">2</option>
                                                        <option value="3">3</option>
                                                        <option value="4">4</option>
                                                        <option value="5">5</option>
                                                        <option value="6">6</option>
                                                        <option value="7">7</option>
                                                        <option value="8">8</option>
                                                        <option value="9">9</option>
                                                        <option value="10">10</option>
                                                    </select>
                                                    <div class="col-auto"><label class="mr-sm-2">Chairs</label>
                                                    </div>
                                                </div>
                                                <div class="form-row align-items-center"><select
                                                        class="custom-select mb-2 mr-sm-2 mb-sm-0" name="outdoor5"
                                                        size="1" onclick="compute(this.form)" value="Calculate">
                                                        <option value="0" selected="selected">0</option>
                                                        <option value="1">1</option>
                                                        <option value="2">2</option>
                                                        <option value="3">3</option>
                                                        <option value="4">4</option>
                                                        <option value="5">5</option>
                                                        <option value="6">6</option>
                                                        <option value="7">7</option>
                                                        <option value="8">8</option>
                                                        <option value="9">9</option>
                                                        <option value="10">10</option>
                                                    </select>
                                                    <div class="col-auto"><label class="mr-sm-2">Deck Chairs</label>
                                                    </div>
                                                </div>
                                                <div class="form-row align-items-center"><select
                                                        class="custom-select mb-2 mr-sm-2 mb-sm-0" name="outdoor6"
                                                        size="1" onclick="compute(this.form)" value="Calculate">
                                                        <option value="0" selected="selected">0</option>
                                                        <option value="1">1</option>
                                                        <option value="2">2</option>
                                                        <option value="3">3</option>
                                                        <option value="4">4</option>
                                                        <option value="5">5</option>
                                                        <option value="6">6</option>
                                                        <option value="7">7</option>
                                                        <option value="8">8</option>
                                                        <option value="9">9</option>
                                                        <option value="10">10</option>
                                                    </select>
                                                    <div class="col-auto"><label class="mr-sm-2"
                                                            for="TallBookshelf">Step Ladder</label></div>
                                                </div>
                                            </div>
                                            <div class="col-lg-3 col-md-6">
                                                <div class="form-row align-items-center"><select
                                                        class="custom-select mb-2 mr-sm-2 mb-sm-0" name="outdoor7"
                                                        size="1" onclick="compute(this.form)" value="Calculate">
                                                        <option value="0" selected="selected">0</option>
                                                        <option value="1">1</option>
                                                        <option value="2">2</option>
                                                        <option value="3">3</option>
                                                        <option value="4">4</option>
                                                        <option value="5">5</option>
                                                        <option value="6">6</option>
                                                        <option value="7">7</option>
                                                        <option value="8">8</option>
                                                        <option value="9">9</option>
                                                        <option value="10">10</option>
                                                    </select>
                                                    <div class="col-auto"><label class="mr-sm-2">Garden Hose</label>
                                                    </div>
                                                </div>
                                                <div class="form-row align-items-center"><select
                                                        class="custom-select mb-2 mr-sm-2 mb-sm-0" name="outdoor8"
                                                        size="1" onclick="compute(this.form)" value="Calculate">
                                                        <option value="0" selected="selected">0</option>
                                                        <option value="1">1</option>
                                                        <option value="2">2</option>
                                                        <option value="3">3</option>
                                                        <option value="4">4</option>
                                                        <option value="5">5</option>
                                                        <option value="6">6</option>
                                                        <option value="7">7</option>
                                                        <option value="8">8</option>
                                                        <option value="9">9</option>
                                                        <option value="10">10</option>
                                                    </select>
                                                    <div class="col-auto"><label class="mr-sm-2">Garden
                                                            Tools</label></div>
                                                </div>
                                                <div class="form-row align-items-center"><select
                                                        class="custom-select mb-2 mr-sm-2 mb-sm-0" name="outdoor9"
                                                        size="1" onclick="compute(this.form)" value="Calculate">
                                                        <option value="0" selected="selected">0</option>
                                                        <option value="1">1</option>
                                                        <option value="2">2</option>
                                                        <option value="3">3</option>
                                                        <option value="4">4</option>
                                                        <option value="5">5</option>
                                                        <option value="6">6</option>
                                                        <option value="7">7</option>
                                                        <option value="8">8</option>
                                                        <option value="9">9</option>
                                                        <option value="10">10</option>
                                                    </select>
                                                    <div class="col-auto"><label class="mr-sm-2">Table Set</label>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-3 col-md-6">
                                                <div class="form-row align-items-center"><select
                                                        class="custom-select mb-2 mr-sm-2 mb-sm-0" name="outdoor10"
                                                        size="1" onclick="compute(this.form)" value="Calculate">
                                                        <option value="0" selected="selected">0</option>
                                                        <option value="1">1</option>
                                                        <option value="2">2</option>
                                                        <option value="3">3</option>
                                                        <option value="4">4</option>
                                                        <option value="5">5</option>
                                                        <option value="6">6</option>
                                                        <option value="7">7</option>
                                                        <option value="8">8</option>
                                                        <option value="9">9</option>
                                                        <option value="10">10</option>
                                                    </select>
                                                    <div class="col-auto"><label class="mr-sm-2">Wheelbarrow</label>
                                                    </div>
                                                </div>
                                                <div class="form-row align-items-center"><select
                                                        class="custom-select mb-2 mr-sm-2 mb-sm-0" name="outdoor11"
                                                        size="1" onclick="compute(this.form)" value="Calculate">
                                                        <option value="0" selected="selected">0</option>
                                                        <option value="1">1</option>
                                                        <option value="2">2</option>
                                                        <option value="3">3</option>
                                                        <option value="4">4</option>
                                                        <option value="5">5</option>
                                                        <option value="6">6</option>
                                                        <option value="7">7</option>
                                                        <option value="8">8</option>
                                                        <option value="9">9</option>
                                                        <option value="10">10</option>
                                                    </select>
                                                    <div class="col-auto"><label class="mr-sm-2">Lawnmower</label>
                                                    </div>
                                                </div>
                                                <div class="form-row align-items-center"><select
                                                        class="custom-select mb-2 mr-sm-2 mb-sm-0" name="outdoor12"
                                                        size="1" onclick="compute(this.form)" value="Calculate">
                                                        <option value="0" selected="selected">0</option>
                                                        <option value="1">1</option>
                                                        <option value="2">2</option>
                                                        <option value="3">3</option>
                                                        <option value="4">4</option>
                                                        <option value="5">5</option>
                                                        <option value="6">6</option>
                                                        <option value="7">7</option>
                                                        <option value="8">8</option>
                                                        <option value="9">9</option>
                                                        <option value="10">10</option>
                                                    </select>
                                                    <div class="col-auto"><label class="mr-sm-2"
                                                            for="TallBookshelf">Barbecue</label></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="card-header collapsed" data-toggle="collapse" data-parent="#accordion"
                                        href="#collapseSeven"><a class="card-title">Sports Equipment</a></div>
                                    <div id="collapseSeven" class="container card-block collapse"
                                        data-parent="#accordion">
                                        <div class="row py-2">
                                            <div class="col-lg-3 col-md-6">
                                                <div class="form-row align-items-center"><select
                                                        class="custom-select mb-2 mr-sm-2 mb-sm-0" name="sport1"
                                                        size="1" onclick="compute(this.form)" value="Calculate">
                                                        <option value="0" selected="selected">0</option>
                                                        <option value="1">1</option>
                                                        <option value="2">2</option>
                                                        <option value="3">3</option>
                                                        <option value="4">4</option>
                                                        <option value="5">5</option>
                                                        <option value="6">6</option>
                                                        <option value="7">7</option>
                                                        <option value="8">8</option>
                                                        <option value="9">9</option>
                                                        <option value="10">10</option>
                                                    </select>
                                                    <div class="col-auto"><label class="mr-sm-2">Golf Bag and
                                                            Clubs</label></div>
                                                </div>
                                                <div class="form-row align-items-center"><select
                                                        class="custom-select mb-2 mr-sm-2 mb-sm-0" name="sport2"
                                                        size="1" onclick="compute(this.form)" value="Calculate">
                                                        <option value="0" selected="selected">0</option>
                                                        <option value="1">1</option>
                                                        <option value="2">2</option>
                                                        <option value="3">3</option>
                                                        <option value="4">4</option>
                                                        <option value="5">5</option>
                                                        <option value="6">6</option>
                                                        <option value="7">7</option>
                                                        <option value="8">8</option>
                                                        <option value="9">9</option>
                                                        <option value="10">10</option>
                                                    </select>
                                                    <div class="col-auto"><label class="mr-sm-2">Weight
                                                            Bench</label></div>
                                                </div>
                                            </div>
                                            <div class="col-lg-3 col-md-6">
                                                <div class="form-row align-items-center"><select
                                                        class="custom-select mb-2 mr-sm-2 mb-sm-0" name="sport3"
                                                        size="1" onclick="compute(this.form)" value="Calculate">
                                                        <option value="0" selected="selected">0</option>
                                                        <option value="1">1</option>
                                                        <option value="2">2</option>
                                                        <option value="3">3</option>
                                                        <option value="4">4</option>
                                                        <option value="5">5</option>
                                                        <option value="6">6</option>
                                                        <option value="7">7</option>
                                                        <option value="8">8</option>
                                                        <option value="9">9</option>
                                                        <option value="10">10</option>
                                                    </select>
                                                    <div class="col-auto"><label class="mr-sm-2">Folding Bed</label>
                                                    </div>
                                                </div>
                                                <div class="form-row align-items-center"><select
                                                        class="custom-select mb-2 mr-sm-2 mb-sm-0" name="sport4"
                                                        size="1" onclick="compute(this.form)" value="Calculate">
                                                        <option value="0" selected="selected">0</option>
                                                        <option value="1">1</option>
                                                        <option value="2">2</option>
                                                        <option value="3">3</option>
                                                        <option value="4">4</option>
                                                        <option value="5">5</option>
                                                        <option value="6">6</option>
                                                        <option value="7">7</option>
                                                        <option value="8">8</option>
                                                        <option value="9">9</option>
                                                        <option value="10">10</option>
                                                    </select>
                                                    <div class="col-auto"><label class="mr-sm-2">Exercise
                                                            Bike</label></div>
                                                </div>
                                            </div>
                                            <div class="col-lg-3 col-md-6">
                                                <div class="form-row align-items-center"><select
                                                        class="custom-select mb-2 mr-sm-2 mb-sm-0" name="sport5"
                                                        size="1" onclick="compute(this.form)" value="Calculate">
                                                        <option value="0" selected="selected">0</option>
                                                        <option value="1">1</option>
                                                        <option value="2">2</option>
                                                        <option value="3">3</option>
                                                        <option value="4">4</option>
                                                        <option value="5">5</option>
                                                        <option value="6">6</option>
                                                        <option value="7">7</option>
                                                        <option value="8">8</option>
                                                        <option value="9">9</option>
                                                        <option value="10">10</option>
                                                    </select>
                                                    <div class="col-auto"><label class="mr-sm-2">Billiard
                                                            Table</label></div>
                                                </div>
                                            </div>
                                            <div class="col-lg-3 col-md-6">
                                                <div class="form-row align-items-center"><select
                                                        class="custom-select mb-2 mr-sm-2 mb-sm-0" name="sport6"
                                                        size="1" onclick="compute(this.form)" value="Calculate">
                                                        <option value="0" selected="selected">0</option>
                                                        <option value="1">1</option>
                                                        <option value="2">2</option>
                                                        <option value="3">3</option>
                                                        <option value="4">4</option>
                                                        <option value="5">5</option>
                                                        <option value="6">6</option>
                                                        <option value="7">7</option>
                                                        <option value="8">8</option>
                                                        <option value="9">9</option>
                                                        <option value="10">10</option>
                                                    </select>
                                                    <div class="col-auto"><label class="mr-sm-2">Table Tennis
                                                            Table</label></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="card-header collapsed" data-toggle="collapse" data-parent="#accordion"
                                        href="#collapseEight"><a class="card-title">Office</a></div>
                                    <div id="collapseEight" class="container card-block collapse"
                                        data-parent="#accordion">
                                        <div class="row py-2">
                                            <div class="col-lg-3 col-md-6">
                                                <div class="form-row align-items-center"><select
                                                        class="custom-select mb-2 mr-sm-2 mb-sm-0" name="office1"
                                                        size="1" onclick="compute(this.form)" value="Calculate">
                                                        <option value="0" selected="selected">0</option>
                                                        <option value="1">1</option>
                                                        <option value="2">2</option>
                                                        <option value="3">3</option>
                                                        <option value="4">4</option>
                                                        <option value="5">5</option>
                                                        <option value="6">6</option>
                                                        <option value="7">7</option>
                                                        <option value="8">8</option>
                                                        <option value="9">9</option>
                                                        <option value="10">10</option>
                                                    </select>
                                                    <div class="col-auto"><label class="mr-sm-2">Computer
                                                            Desk</label></div>
                                                </div>
                                                <div class="form-row align-items-center"><select
                                                        class="custom-select mb-2 mr-sm-2 mb-sm-0" name="office2"
                                                        size="1" onclick="compute(this.form)" value="Calculate">
                                                        <option value="0" selected="selected">0</option>
                                                        <option value="1">1</option>
                                                        <option value="2">2</option>
                                                        <option value="3">3</option>
                                                        <option value="4">4</option>
                                                        <option value="5">5</option>
                                                        <option value="6">6</option>
                                                        <option value="7">7</option>
                                                        <option value="8">8</option>
                                                        <option value="9">9</option>
                                                        <option value="10">10</option>
                                                    </select>
                                                    <div class="col-auto"><label class="mr-sm-2">Double Desk</label>
                                                    </div>
                                                </div>
                                                <div class="form-row align-items-center"><select
                                                        class="custom-select mb-2 mr-sm-2 mb-sm-0" name="office3"
                                                        size="1" onclick="compute(this.form)" value="Calculate">
                                                        <option value="0" selected="selected">0</option>
                                                        <option value="1">1</option>
                                                        <option value="2">2</option>
                                                        <option value="3">3</option>
                                                        <option value="4">4</option>
                                                        <option value="5">5</option>
                                                        <option value="6">6</option>
                                                        <option value="7">7</option>
                                                        <option value="8">8</option>
                                                        <option value="9">9</option>
                                                        <option value="10">10</option>
                                                    </select>
                                                    <div class="col-auto"><label class="mr-sm-2">Filing Cabinet 2
                                                            Drawer</label></div>
                                                </div>
                                            </div>
                                            <div class="col-lg-3 col-md-6">
                                                <div class="form-row align-items-center"><select
                                                        class="custom-select mb-2 mr-sm-2 mb-sm-0" name="office4"
                                                        size="1" onclick="compute(this.form)" value="Calculate">
                                                        <option value="0" selected="selected">0</option>
                                                        <option value="1">1</option>
                                                        <option value="2">2</option>
                                                        <option value="3">3</option>
                                                        <option value="4">4</option>
                                                        <option value="5">5</option>
                                                        <option value="6">6</option>
                                                        <option value="7">7</option>
                                                        <option value="8">8</option>
                                                        <option value="9">9</option>
                                                        <option value="10">10</option>
                                                    </select>
                                                    <div class="col-auto"><label class="mr-sm-2">Low
                                                            Bookshelf</label></div>
                                                </div>
                                                <div class="form-row align-items-center"><select
                                                        class="custom-select mb-2 mr-sm-2 mb-sm-0" name="office5"
                                                        size="1" onclick="compute(this.form)" value="Calculate">
                                                        <option value="0" selected="selected">0</option>
                                                        <option value="1">1</option>
                                                        <option value="2">2</option>
                                                        <option value="3">3</option>
                                                        <option value="4">4</option>
                                                        <option value="5">5</option>
                                                        <option value="6">6</option>
                                                        <option value="7">7</option>
                                                        <option value="8">8</option>
                                                        <option value="9">9</option>
                                                        <option value="10">10</option>
                                                    </select>
                                                    <div class="col-auto"><label class="mr-sm-2">Office
                                                            Chair</label></div>
                                                </div>
                                                <div class="form-row align-items-center"><select
                                                        class="custom-select mb-2 mr-sm-2 mb-sm-0" name="office6"
                                                        size="1" onclick="compute(this.form)" value="Calculate">
                                                        <option value="0" selected="selected">0</option>
                                                        <option value="1">1</option>
                                                        <option value="2">2</option>
                                                        <option value="3">3</option>
                                                        <option value="4">4</option>
                                                        <option value="5">5</option>
                                                        <option value="6">6</option>
                                                        <option value="7">7</option>
                                                        <option value="8">8</option>
                                                        <option value="9">9</option>
                                                        <option value="10">10</option>
                                                    </select>
                                                    <div class="col-auto"><label class="mr-sm-2"
                                                            for="TallBookshelf">Air Conditioning Unit</label></div>
                                                </div>
                                            </div>
                                            <div class="col-lg-3 col-md-6">
                                                <div class="form-row align-items-center"><select
                                                        class="custom-select mb-2 mr-sm-2 mb-sm-0" name="office7"
                                                        size="1" onclick="compute(this.form)" value="Calculate">
                                                        <option value="0" selected="selected">0</option>
                                                        <option value="1">1</option>
                                                        <option value="2">2</option>
                                                        <option value="3">3</option>
                                                        <option value="4">4</option>
                                                        <option value="5">5</option>
                                                        <option value="6">6</option>
                                                        <option value="7">7</option>
                                                        <option value="8">8</option>
                                                        <option value="9">9</option>
                                                        <option value="10">10</option>
                                                    </select>
                                                    <div class="col-auto"><label class="mr-sm-2">Portable
                                                            Fan</label></div>
                                                </div>
                                                <div class="form-row align-items-center"><select
                                                        class="custom-select mb-2 mr-sm-2 mb-sm-0" name="office8"
                                                        size="1" onclick="compute(this.form)" value="Calculate">
                                                        <option value="0" selected="selected">0</option>
                                                        <option value="1">1</option>
                                                        <option value="2">2</option>
                                                        <option value="3">3</option>
                                                        <option value="4">4</option>
                                                        <option value="5">5</option>
                                                        <option value="6">6</option>
                                                        <option value="7">7</option>
                                                        <option value="8">8</option>
                                                        <option value="9">9</option>
                                                        <option value="10">10</option>
                                                    </select>
                                                    <div class="col-auto"><label class="mr-sm-2">Heater</label>
                                                    </div>
                                                </div>
                                                <div class="form-row align-items-center"><select
                                                        class="custom-select mb-2 mr-sm-2 mb-sm-0" name="office9"
                                                        size="1" onclick="compute(this.form)" value="Calculate">
                                                        <option value="0" selected="selected">0</option>
                                                        <option value="1">1</option>
                                                        <option value="2">2</option>
                                                        <option value="3">3</option>
                                                        <option value="4">4</option>
                                                        <option value="5">5</option>
                                                        <option value="6">6</option>
                                                        <option value="7">7</option>
                                                        <option value="8">8</option>
                                                        <option value="9">9</option>
                                                        <option value="10">10</option>
                                                    </select>
                                                    <div class="col-auto"><label class="mr-sm-2">Single Desk</label>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-3 col-md-6">
                                                <div class="form-row align-items-center"><select
                                                        class="custom-select mb-2 mr-sm-2 mb-sm-0" name="office10"
                                                        size="1" onclick="compute(this.form)" value="Calculate">
                                                        <option value="0" selected="selected">0</option>
                                                        <option value="1">1</option>
                                                        <option value="2">2</option>
                                                        <option value="3">3</option>
                                                        <option value="4">4</option>
                                                        <option value="5">5</option>
                                                        <option value="6">6</option>
                                                        <option value="7">7</option>
                                                        <option value="8">8</option>
                                                        <option value="9">9</option>
                                                        <option value="10">10</option>
                                                    </select>
                                                    <div class="col-auto"><label class="mr-sm-2">Tall
                                                            Cabinet</label></div>
                                                </div>
                                                <div class="form-row align-items-center"><select
                                                        class="custom-select mb-2 mr-sm-2 mb-sm-0" name="office11"
                                                        size="1" onclick="compute(this.form)" value="Calculate">
                                                        <option value="0" selected="selected">0</option>
                                                        <option value="1">1</option>
                                                        <option value="2">2</option>
                                                        <option value="3">3</option>
                                                        <option value="4">4</option>
                                                        <option value="5">5</option>
                                                        <option value="6">6</option>
                                                        <option value="7">7</option>
                                                        <option value="8">8</option>
                                                        <option value="9">9</option>
                                                        <option value="10">10</option>
                                                    </select>
                                                    <div class="col-auto"><label class="mr-sm-2">Computer</label>
                                                    </div>
                                                </div>
                                                <div class="form-row align-items-center"><select
                                                        class="custom-select mb-2 mr-sm-2 mb-sm-0" name="office12"
                                                        size="1" onclick="compute(this.form)" value="Calculate">
                                                        <option value="0" selected="selected">0</option>
                                                        <option value="1">1</option>
                                                        <option value="2">2</option>
                                                        <option value="3">3</option>
                                                        <option value="4">4</option>
                                                        <option value="5">5</option>
                                                        <option value="6">6</option>
                                                        <option value="7">7</option>
                                                        <option value="8">8</option>
                                                        <option value="9">9</option>
                                                        <option value="10">10</option>
                                                    </select>
                                                    <div class="col-auto"><label class="mr-sm-2"
                                                            for="TallBookshelf">Printer</label></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="card-header collapsed" data-toggle="collapse" data-parent="#accordion"
                                        href="#collapseNine"><a class="card-title">Boxes</a></div>
                                    <div id="collapseNine" class="container card-block collapse"
                                        data-parent="#accordion">
                                        <div class="row py-2">
                                            <div class="col-lg-3 col-md-6">
                                                <div class="form-row align-items-center"><select
                                                        class="custom-select mb-2 mr-sm-2 mb-sm-0" name="boxes1"
                                                        size="1" onclick="compute(this.form)" value="Calculate">
                                                        <option value="0" selected="selected">0</option>
                                                        <option value="1">1</option>
                                                        <option value="2">2</option>
                                                        <option value="3">3</option>
                                                        <option value="4">4</option>
                                                        <option value="5">5</option>
                                                        <option value="6">6</option>
                                                        <option value="7">7</option>
                                                        <option value="8">8</option>
                                                        <option value="9">9</option>
                                                        <option value="10">10</option>
                                                    </select>
                                                    <div class="col-auto"><label class="mr-sm-2">Small Box</label>
                                                    </div>
                                                </div>
                                                <div class="form-row align-items-center"><select
                                                        class="custom-select mb-2 mr-sm-2 mb-sm-0" name="boxes2"
                                                        size="1" onclick="compute(this.form)" value="Calculate">
                                                        <option value="0" selected="selected">0</option>
                                                        <option value="1">1</option>
                                                        <option value="2">2</option>
                                                        <option value="3">3</option>
                                                        <option value="4">4</option>
                                                        <option value="5">5</option>
                                                        <option value="6">6</option>
                                                        <option value="7">7</option>
                                                        <option value="8">8</option>
                                                        <option value="9">9</option>
                                                        <option value="10">10</option>
                                                    </select>
                                                    <div class="col-auto"><label class="mr-sm-2">Large Box</label>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-3 col-md-6">
                                                <div class="form-row align-items-center"><select
                                                        class="custom-select mb-2 mr-sm-2 mb-sm-0" name="boxes3"
                                                        size="1" onclick="compute(this.form)" value="Calculate">
                                                        <option value="0" selected="selected">0</option>
                                                        <option value="1">1</option>
                                                        <option value="2">2</option>
                                                        <option value="3">3</option>
                                                        <option value="4">4</option>
                                                        <option value="5">5</option>
                                                        <option value="6">6</option>
                                                        <option value="7">7</option>
                                                        <option value="8">8</option>
                                                        <option value="9">9</option>
                                                        <option value="10">10</option>
                                                    </select>
                                                    <div class="col-auto"><label class="mr-sm-2">Medium Box</label>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-3 col-md-6">
                                                <div class="form-row align-items-center"><select
                                                        class="custom-select mb-2 mr-sm-2 mb-sm-0" name="boxes4"
                                                        size="1" onclick="compute(this.form)" value="Calculate">
                                                        <option value="0" selected="selected">0</option>
                                                        <option value="1">1</option>
                                                        <option value="2">2</option>
                                                        <option value="3">3</option>
                                                        <option value="4">4</option>
                                                        <option value="5">5</option>
                                                        <option value="6">6</option>
                                                        <option value="7">7</option>
                                                        <option value="8">8</option>
                                                        <option value="9">9</option>
                                                        <option value="10">10</option>
                                                    </select>
                                                    <div class="col-auto"><label class="mr-sm-2">Archive Box</label>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-3 col-md-6">
                                                <div class="form-row align-items-center"><select
                                                        class="custom-select mb-2 mr-sm-2 mb-sm-0" name="boxes5"
                                                        size="1" onclick="compute(this.form)" value="Calculate">
                                                        <option value="0" selected="selected">0</option>
                                                        <option value="1">1</option>
                                                        <option value="2">2</option>
                                                        <option value="3">3</option>
                                                        <option value="4">4</option>
                                                        <option value="5">5</option>
                                                        <option value="6">6</option>
                                                        <option value="7">7</option>
                                                        <option value="8">8</option>
                                                        <option value="9">9</option>
                                                        <option value="10">10</option>
                                                    </select>
                                                    <div class="col-auto"><label class="mr-sm-2">Wardrobe
                                                            Box</label></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row py-5">
                                <div class="col-lg-4 col-md-5 ml-3"><label class="float-md-right float-sm-left">The
                                        storage you require is:</label></div>
                                <div class="col-lg-4 col-md-5 input-group"><input name="room" type="text"
                                        class="form-control mx-2" placeholder="Square ft" aria-describedby="square ft"
                                        autocomplete="off"> <label>or</label> <input name="rooms" type="text"
                                        class="form-control mx-2" placeholder="Square m"
                                        aria-describedby="square metres" autocomplete="off"></div>
                            </div>
                        </form>
                    </div>
                </div>
            </div> --}}
        </div>
    </section>
    <section class="google-ad lightGrey py-5">
        <div class="container">
            <div class="row mt-4">
                <div class="col-lg-12"></div>
            </div>
        </div>
    </section>
@endsection
@push('scripts')
<script>
    var text="";
    let exp = /^\s*([-+]?)(\d+)(?:(\.)?(\d+)?\s*([-+*\/])\s*((?:\s[-+])?\d+)+(\.)?(\d+)?\s*)+(([-+*\/]))?$/;
    let finalExp = /^\s*([-+]?)(\d+)(?:(\.\d+)?\s*([-+*\/%])\s*((?:\s[-+])?\d+)+(\.\d+)?\s*)+$/;
    let op = "-+/*%"
    let numbers = "1234567890."
    $("#delete").click(() => text = text.slice(0, -1))
    $("#esc").click(() => text = "")
    $("#eql").click(() => {
        if(!finalExp.test(text)) alert("syntax error!")
        else{
            text = eval(text)
            $("#result").text(text)    
        }
    })
    $(".btn-style").click(function() {
        var fired_button = $(this).val()
        if(!(op.includes(fired_button) || numbers.includes(fired_button))){
            return;            
        }
        text += fired_button
        if(op.includes(text.substr(-2, 1)) && op.includes(text.substr(-1))) {
            console.log(text)
            text = text.slice(0, -2)
            console.log(text)
            text += fired_button
        }
        $("#result").text(text)
        // console.log("")
        // text += fired_button;
        // console.log(text)
        // console.log(!exp.test(text), exp.test(text))
        // if(!text.includes("+") && !text.includes("-") && !text.includes("*") && !text.includes("/")) console.log("skip...")
        // else if((text.includes("+") || text.includes("-") || text.includes("*") || text.includes("/")) && !(["/", "*", "-", "+"]).includes(text.substr(-1))) console.log("skip...")
        // else if(!exp.test(text)){
        //     text = text.slice(0, -1)
        //     console.log(text)
        // }
        // // else console.log()
        // $("#result").text(text)
    });
</script>
@endpush