class ContentOnLoad{
    setContentOnsuccessfullyFetchingData(){
        let UIContent=`<h3 class="mb-4 font-weight-bold">Site Details</h3>


                        <div class="row">
                            <div class="form-group col-md-6 col-10 mx-auto">
                                <label class="required" for="siteId"><i class="fa fa-id-card" aria-hidden="true"></i></label>
                                <input type="text" class="form-cntrl" id="siteId" name="siteId" placeholder="Site Id" required disabled />
                                <label for="siteId" class="txt">Site Id</label>


                            </div>

                            <div class="form-group col-md-6 col-10 mx-auto">
                                <label class="required" for="siteName"><img src="antenna.png" style="height: 17px;" /></label>
                                <input type="text" class="form-cntrl" id="siteName" name="siteName" placeholder=" " required disabled />
                                <label for="siteName" class="txt">Site name</label>
                            </div>
                        </div>

                        <div class="row">
                            <div class="form-group col-md-6 col-10 mx-auto">
                                <label class="required" for="latitude"><i class="fa fa-map-marker"></i></label>
                                <input type="text" class="form-cntrl" id="latitude" name="latitude" placeholder=" " required disabled />
                                <label for="latitude" class="txt">Latitude</label>



                            </div>

                            <div class="form-group col-md-6 col-10 mx-auto">
                                <label class="required" for="longitude"><i class="fa fa-map-marker"></i></label>
                                <input type="text" class="form-cntrl" id="longitude" name="longitude" placeholder=" " required disabled />
                                <label for="longitude" class="txt">Longitude</label>
                            </div>
                        </div>
                        <div class="row">
                            <div class="form-group col-md-6 col-10 mx-auto">
                                <label for="circle"><i class="fa fa-street-view"></i></label>
								<select id="circle" class="form-cntrl" name="circle" placeholder=" " required disabled></select>
								<label for="circle" class="txt" style="left: 21%;top:6px">Circle</label>
                            </div>

                            <div class="form-group  col-md-6 col-10 mx-auto">
                                <label class="required" for="customerName"><img src="user.png" /></label>
                                <select id="customerName" class="form-cntrl" placeholder=" " name="customerName" required disabled>
                                    <option value="" disabled selected>CustomerName</option>
                                    <option value="Indus">Indus</option>
                                    <option value="ATC">ATC </option>
                                    <option value="Airtel">Airtel</option>
                                    <option value="Amitasha">Amitasha</option>
                                    <option value="railways">Railways</option>
                                    <option value="railtel">railtel </option>
                                    <option value="Sterlite">Sterlite </option>
                                    <option value="Jio">Jio </option>
                                     <option value="Others">Others</option>
                                </select>
                                <label for="customerName" class="txt" style="top: 6px;">Customer Name</label>
                            </div>
                        </div>
                        <div class="form-group col-md-12 col-10 mx-auto">
                            <label for="district" style="left: 12px;"><i class="fa fa-map-pin"></i></label>
                            <input type="text" id="district" class="form-cntrl" name="district" placeholder=" " disabled />
                            <label for="district" class="txt" style="left: 8.3%;">District</label>
                        </div>


                        <a class=" btn-theme-type1 btn  text-white px-4" id="editbtn">Edit</a>
                        <!--                        <input id="updatebtn" type="submit" value="Update" class=" update-site-btn btn btn-primary" />-->

                        <button id="updatebtn" type="submit" class="btn btn-theme-type1 px-4">Update<i id="updateSiteSpinner" class='fa fa-spinner d-none fa-spin ' aria-hidden='true'></i></button>
                    `;
                    
            $("#updateSiteForm").html(UIContent);
    }
}


// ;;