Subversion Repositories SmartDukaan

Rev

Rev 35971 | Blame | Compare with Previous | Last modification | View Log | RSS feed

<style>
    .bold-details {
        text-transform: capitalize;
        font-weight: 600;
        color: #212121;
    }

    .normal-details {
        font-weight: 400;
        text-transform: capitalize;
        color: #797979;
    }

    .doc-upload-wrapper {
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .doc-upload-btn {
        display: inline-block;
        padding: 5px 14px;
        font-size: 13px;
        border: 1px solid #ccc;
        border-radius: 3px;
        background: #f5f5f5;
        cursor: pointer;
        white-space: nowrap;
    }

    .doc-upload-btn:hover {
        background: #e8e8e8;
    }

    .doc-status {
        display: inline-flex;
        align-items: center;
        gap: 4px;
        font-size: 12px;
        padding: 3px 8px;
        border-radius: 3px;
    }

    .doc-status.uploaded {
        background: #d4edda;
        color: #155724;
        border: 1px solid #c3e6cb;
    }

    .doc-status.not-uploaded {
        background: #f8d7da;
        color: #721c24;
        border: 1px solid #f5c6cb;
    }

    .doc-filename {
        font-size: 12px;
        color: #555;
        max-width: 150px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
</style>

<section class="wrapper">
    <div class="row" style="background: white; font-size: 14px;">
        <form id="update-retailer-details-form">
            <div class="col-lg-4" style="border-left: 1px solid #f0f0f0;">
                <h4>USER DETAILS</h4>
                <div class="row">
                    <div class="col-lg-4 form-group">
                        <p class="bold-details">ID</p>
                    </div>
                    <div class="col-lg-6 form-group">
                        #if($user)
                            <p class="normal-details" id="userId">$user.getId()</p>
                        #else
                            <p class="normal-details" id="userId">0</p>
                        #end
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-4 form-group">
                        <p class="bold-details">FIRST NAME</p>
                    </div>
                    <div class="col-lg-6 form-group">
                        #if($user && $user.getFirstName()) <input placeholder="First Name"
                                                                  id="firstName" name="firstName" type="text"
                                                                  value="$user.getFirstName()"
                                                                  class="form-control input-sm">
                        #else <input placeholder="First Name" id="firstName"
                                     name="firstName" type="text" value=""
                                     class="form-control input-sm"> #end
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-4 form-group">
                        <p class="bold-details">LAST NAME</p>
                    </div>
                    <div class="col-lg-6 form-group">
                        #if($user && $user.getLastName()) <input placeholder="Last Name"
                                                                 id="lastName" name="lastName" type="text"
                                                                 value="$user.getLastName()"
                                                                 class="form-control input-sm">
                        #else <input placeholder="Last Name" id="lastName" name="lastName"
                                     type="text" value="" class="form-control input-sm"> #end
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-4 form-group">
                        <p class="bold-details">EMAIL ID</p>
                    </div>
                    <div class="col-lg-7 form-group">

                        #if($user && $user.getEmailId())
                            <div class="input-group"><input placeholder="Email Id"
                                                            id="emailId" name="emailId" type="text"
                                                            value="$user.getEmailId()" class="form-control input-sm">
                                <span class="input-group-btn">
                                                                                <button class="btn btn-primary btn-sm" id="updateEmail"
                                                            type="button">Update!</button>
                                                                        </span>
                            </div>
                        #else
                            <div class="input-group"><input placeholder="Email Id" id="emailId" name="emailId"
                                                            type="text" value="" class="form-control input-sm"> <span
                                    class="input-group-btn">
                                                                                <button class="btn btn-primary btn-sm" id="updateEmail"
                                                            type="button">Update!</button>
                                                                        </span></div>#end
                        <input placeholder="Email Id" id="fofoID" name="fofoID"
                               type="hidden" value="$retailer.getId()" class="form-control input-sm">
                    </div>

                </div>
                <div class="row">
                    <div class="col-lg-4 form-group">
                        <p class="bold-details">MOBILE NUMBER</p>
                    </div>
                    <div class="col-lg-6 form-group">
                        #if($user && $user.getMobileNumber()) <input
                                placeholder="Mobile Number" id="mobileNumber" name="mobileNumber"
                                type="text" value="$user.getMobileNumber()"
                                class="form-control input-sm"> #else <input
                                placeholder="Mobile Number" id="mobileNumber" name="mobileNumber"
                                type="text" value="" class="form-control input-sm"> #end
                    </div>

                </div>

                <div class="row">
                    <div class="col-lg-5 form-group">
                        <p class="bold-details">Location</p>
                    </div>
                    <div class="col-lg-4 form-group">
                        #if($locationdetail) <input placeholder="location" id="location"
                                                    name="location" type="checkbox" value="true" checked>
                        #else <input placeholder="location" id="location" name="location"
                                     type="checkbox" value="false"> #end
                    </div>
                </div>

                <div class="row" style="display: none" id="divLocation">
                    <div class="col-lg-4 form-group">
                        <p class="bold-details">Attendence Location</p>
                    </div>
                    <div class="col-lg-6 form-group">
                        #if($locationdetail)
                            <button class="btn btn-primary changelocation"
                                    id="change-location-button" data-target="#addLocationModal"
                                    data-toggle="modal" type="button">Change
                            </button>
                        #else
                            <button class="btn btn-primary addlocation"
                                    id="add-location-button" data-target="#addLocationModal"
                                    data-toggle="modal" type="button">Add
                            </button>
                        #end
                    </div>
                </div>

                <div class="row">
                    #if($userRoleNames)
                        <div class="col-lg-4 form-group">
                            <p class="bold-details">ROLES</p>
                        </div>
                        <div class="col-lg-6 form-group">
                            <p class="normal-details">$userRoleNames</p>
                        </div>
                    #end
                </div>
                <div class="row col-lg-12 form-group">
                    <div>
                        <label>Blocked Brands</label>
                    </div>
                    <select data-placeholder="Choose brands" multiple="multiple"
                            class="criteria-brands chosen-select" id="blocks-brands">
                        #foreach($retailerBlockBrand in $retailerBlockBrands)
                            <option name="blockBrands" value="$retailerBlockBrand" selected>$retailerBlockBrand</option>
                        #end #foreach($brand in $brands)

                        <option name="blockBrands" value="$brand">$brand</option> #end
                    </select>
                </div>

                <div class="row">
                    <div class="col-lg-4 form-group">
                        <p class="bold-details">PARTNER TYPE</p>
                    </div>
                    <div class="col-lg-6 form-group">
                        <select class="form-control input-sm" id="fofoType"
                                name="fofoType" placeholder="Partner Type">
                            <option value="" disabled selected>Partner Type</option>
                            #foreach($fofoType in $fofoTypes)
                                #if($fofoType == $fofoStore.getFofoType())
                                    <option value="$fofoType" selected>$fofoType</option>
                                #else
                                    <option value="$fofoType">$fofoType</option>
                                #end #end
                        </select>
                    </div>

                </div>
            </div>

            <div class="col-lg-4" style="border-left: 1px solid #f0f0f0;">
                <h4>RETAILER DETAILS</h4>
                <h4>RETAILER</h4>
                <div class="row">
                    <div class="col-lg-4 form-group">
                        <p class="bold-details">ID</p>
                    </div>
                    <div class="col-lg-6 form-group">
                        #if($retailer)
                            <p class="normal-details" id="retailerId">$retailer.getId()</p>
                        #else
                            <p class="normal-details" id="retailerId">0</p>
                        #end
                    </div>
                </div>

                <div class="row">
                    <div class="col-lg-4 form-group">
                        <label class="bold-details">NAME</label>
                    </div>
                    <div class="col-lg-6 form-group">
                        #if($retailer && $retailer.getName()) <input placeholder="Name"
                                                                     id="retailerName" name="retailerName" type="text"
                                                                     value="$retailer.getName()"
                                                                     class="form-control input-sm">
                        #else <input placeholder="Name" id="retailerName"
                                     name="retailerName" type="text" value=""
                                     class="form-control input-sm"> #end
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-4 form-group">
                        <p class="bold-details">NUMBER</p>
                    </div>
                    <div class="col-lg-6 form-group">
                        #if($retailer && $retailer.getNumber()) <input
                                placeholder="Number" id="retailerNumber" name="retailerNumber"
                                type="text" value="$retailer.getNumber()"
                                class="form-control input-sm"> #else <input
                                placeholder="Number" id="retailerNumber" name="retailerNumber"
                                type="text" value="" class="form-control input-sm"> #end
                    </div>
                </div>


                <div class="row">
                    <div class="col-lg-4 form-group">
                        <p class="bold-details">DOCUMENT <span style="color:red;">*</span></p>
                    </div>
                    <div class="col-lg-8 form-group">
                        <div class="doc-upload-wrapper">
                            #set($retailerDocumentId = 0)
                            #if($retailer && $retailer.getDocumentId())
                                #set($retailerDocumentId = $retailer.getDocumentId())
                            #end
                            <label class="doc-upload-btn" for="retailerDocument">
                                <i class="fa fa-upload"></i> Browse
                            </label>
                            <input type="file" id="retailerDocument" name="retailerDocument"
                                   documentId="$retailerDocumentId" style="display: none">
                            #if($retailer && $retailer.getDocumentId())
                                <span class="doc-status uploaded" id="retailerDocStatus">
                                    <i class="fa fa-check-circle"></i> Uploaded
                                </span>
                                <button type="button" class="btn btn-default btn-sm"
                                        onclick="downloadRetailerDocument($retailer.getDocumentId(), $retailer.getId())">
                                    <i class="fa fa-eye"></i> View
                                </button>
                            #else
                                <span class="doc-status not-uploaded" id="retailerDocStatus">
                                    <i class="fa fa-times-circle"></i> Not Uploaded
                                </span>
                            #end
                            <span class="doc-filename" id="retailerDocFileName"></span>
                        </div>
                    </div>
                </div>


                <h4>ADDRESS</h4>
                <div class="row">
                    <div class="col-lg-4 form-group">
                        <p class="bold-details">NAME</p>
                    </div>
                    <div class="col-lg-6 form-group">
                        #if($retailerAddress && $retailerAddress.getName()) <input
                                placeholder="Name" id="retailerAddressName"
                                name="retailerAddressName" type="text"
                                value="$retailerAddress.getName()" class="form-control input-sm">
                        #else <input placeholder="Name" id="retailerAddressName"
                                     name="retailerAddressName" type="text" value=""
                                     class="form-control input-sm"> #end
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-4 form-group">
                        <p class="bold-details">LINE1</p>
                    </div>
                    <div class="col-lg-6 form-group">
                        #if($retailerAddress && $retailerAddress.getLine1()) <input
                                placeholder="Line 1" id="retailerAddressLine1"
                                name="retailerAddressLine1" type="text"
                                value="$retailerAddress.getLine1()" class="form-control input-sm">
                        #else <input placeholder="Line 1" id="retailerAddressLine1"
                                     name="retailerAddressLine1" type="text" value=""
                                     class="form-control input-sm"> #end
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-4 form-group">
                        <p class="bold-details">LINE2</p>
                    </div>
                    <div class="col-lg-6 form-group">
                        #if($retailerAddress && $retailerAddress.getLine2()) <input
                                placeholder="Line2" id="retailerAddressLine2"
                                name="retailerAddressLine2" type="text"
                                value="$retailerAddress.getLine2()" class="form-control input-sm">
                        #else <input placeholder="Line2" id="retailerAddressLine2"
                                     name="retailerAddressLine2" type="text" value=""
                                     class="form-control input-sm"> #end
                    </div>
                </div>

                <div class="row">
                    <div class="col-lg-4 form-group">
                        <p class="bold-details">PIN CODE</p>
                    </div>
                    <div class="col-lg-6 form-group">
                        #if($retailerAddress && $retailerAddress.getPinCode()) <input
                                placeholder="Pin Code" id="retailerAddressPinCode"
                                name="retailerAddressPinCode" type="text"
                                value="$retailerAddress.getPinCode()"
                                class="form-control input-sm"> #else <input
                                placeholder="Pin Code" id="retailerAddressPinCode"
                                name="retailerAddressPinCode" type="text" value=""
                                class="form-control input-sm"> #end
                    </div>
                </div>

                <div class="row">
                    <div class="col-lg-4 form-group">
                        <p class="bold-details">STATE</p>
                    </div>
                    <div class="col-lg-6 form-group">
                        #if($fofoStore) <input placeholder="retailerAddressState"
                                               id="retailerAddressState" name="retailerAddressState" type="text"
                                               value="$retailerAddress.getState()" class="form-control input-sm"
                                               style="font-weight: bold;" disabled> #else <input
                                placeholder="retailerAddressState" id="retailerAddressState"
                                name="retailerAddressState" type="text" value=""
                                class="form-control input-sm" disabled> #end
                    </div>
                </div>

                <div class="row">
                    <div class="col-lg-4 form-group">
                        <p class="bold-details">CITY</p>
                    </div>
                    <div class="col-lg-6 form-group">
                        <select class="form-control input-sm" id="retailerAddressCity"
                                name="retailerAddressCity" placeholder="City">
                            <option value="" disabled selected>City</option>
                            #if($retailerAddress.getCity())
                                <option value="$retailerAddress.getCity()" selected>$retailerAddress.getCity()</option>
                            #end

                        </select>
                    </div>
                </div>

                <div class="row">
                    <div class="col-lg-4 form-group">
                        <p class="bold-details">Area-Territory</p>
                    </div>
                    <div class="col-lg-6 form-group">
                        <select class="form-control input-sm" id="retailerAstId"
                                name="retailerAstId" placeholder="Area-Territory">
                            <option value="" disabled selected>Area-Territory</option>
                            #foreach($ast in $astDetail)
                                <option value="$ast.getId()"
                                    #if($fofoStore.getAstId() == $ast.getId())
                                        selected
                                    #end>
                                    $ast.getArea() ($ast.getAreaDescription()
                                    - $ast.getTerritory() ($ast.getTerritoryDescription()
                                </option>
                            #end

                        </select>
                    </div>
                </div>

                <div class="row">
                    <div class="col-lg-4 form-group">
                        <p class="bold-details">PARTNER STORE CODE</p>
                    </div>
                    <div class="col-lg-6 form-group">
                        #if($fofoStore) <input placeholder="Partner Store Code"
                                               id="fofostorecode" name="fofostorecode" type="text"
                                               value="$fofoStore.getCode()" class="form-control input-sm"
                                               style="font-weight: bold;" disabled> #else <input
                                placeholder="Partner Store Code"
                                name="fofostorecode" type="text" value=""
                                class="form-control input-sm" disabled> #end
                    </div>
                </div>
                #if(!$fofoStore)
                    <div class="row">
                        <div id="district-name-container">
                            <div class="col-lg-4 form-group">
                                <p class="bold-details">DISTRICT NAME</p>
                            </div>

                            <div class="col-lg-6 form-group">
                                <select class="form-control input-sm" id="districtName"
                                        name="districtName" placeholder="District Name">
                                    <option value="" disabled selected>District Name</option>
                                    #foreach($districtMaster in $districtMasters)
                                        <option value="$districtMaster.getName()">$districtMaster.getName()</option>
                                    #end
                                </select>
                            </div>
                        </div>
                    </div>
                #end
                <div class="row">
                    <div class="col-lg-4 form-group">
                        <p class="bold-details">CounterSize</p>
                    </div>
                    <div class="col-lg-6 form-group">
                        <select class="form-control input-sm" id="counterSize"
                                name="counterSize" placeholder="counterSize">
                            <option value="" disabled selected>counterSize</option>
                            #foreach($counterSize in $counterSizes) #if($counterSize ==
                                $fofoStore.getCounterSize())
                                <option value="$counterSize" selected>$counterSize</option> #else
                                <option value="$counterSize">$counterSize</option> #end #end
                        </select>
                    </div>
                </div>

                <div class="row">
                    <div class="col-lg-4 form-group">
                        <p class="bold-details">Counter Potential</p>
                    </div>
                    <div class="col-lg-6 form-group">
                        #if($fofoStore) <input placeholder="counterPotential"
                                               id="counterPotential" name="counterPotential" type="text"
                                               value="$fofoStore.getCounterPotential()"
                                               class="form-control input-sm"> #else <input
                                placeholder="counterPotential" id="counterPotential"
                                name="counterPotential" type="text" value=""
                                class="form-control input-sm"> #end
                    </div>
                </div>

                <div class="row">
                    <div class="col-lg-4 form-group">
                        <p class="bold-details">MinInvestment</p>
                    </div>
                    <div class="col-lg-6 form-group">
                        #if($fofoStore) <input placeholder="minInvestment"
                                               id="minInvestment" name="minInvestment" type="text"
                                               value="$fofoStore.getMinimumInvestment()"
                                               class="form-control input-sm"> #else <input
                                placeholder="minInvestment" id="minInvestment"
                                name="minInvestment" type="text" value=""
                                class="form-control input-sm"> #end
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-5 form-group">
                        <p class="bold-details">PARTNER</p>
                    </div>
                    <div class="col-lg-4 form-group">
                        #if($fofoRole) <input placeholder="Partner" id="fofoPartner"
                                              name="fofoPartner" type="checkbox" value="true" checked>
                        #else <input placeholder="Partner" id="fofoPartner"
                                     name="fofoPartner" type="checkbox" value="false"> #end
                    </div>
                </div>

                <div class="row">
                    <div class="col-lg-4 form-group">
                        <p class="bold-details">PARTNER ZONE</p>
                    </div>
                    <div class="col-lg-6 form-group">
                        <select class="form-control input-sm" id="fofoZone"
                                name="fofoZone" placeholder="Partner Zone">
                            <option value="" disabled selected>Partner Zone</option>
                            #foreach($warehouse in $warehouses.entrySet())
                                #if($warehouse.getKey() == $fofoStore.getWarehouseId())
                                    <option value="$warehouse.getKey()" selected>$warehouse.getValue()</option>
                                #else
                                    <option value="$warehouse.getKey()">$warehouse.getValue()</option>
                                #end #end
                        </select>
                    </div>

                </div>
                <div class="row">
                    <div class="col-lg-4 form-group">
                        <p class="bold-details">GST NUMBER</p>
                    </div>
                    <div class="col-lg-6 form-group">
                        #if($gstNumber) <input placeholder="GST Number" id="gstNumber"
                                               name="gstNumber" type="text" value="$gstNumber"
                                               class="form-control input-sm"> #else <input
                                placeholder="GST Number" id="gstNumber" name="gstNumber"
                                type="text" value="" class="form-control input-sm"> #end
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-5 form-group">
                        <p class="bold-details">ACTIVE</p>
                    </div>
                    <div class="col-lg-4 form-group">
                        #if($retailer && $retailer.isActive()) <input placeholder="Active"
                                                                      id="active" name="active" type="checkbox"
                                                                      value="true" checked>
                        #else <input placeholder="Active" id="active" name="active"
                                     type="checkbox" value="false"> #end
                    </div>
                </div>

            </div>
            <div class="col-lg-4" style="border-left: 1px solid #f0f0f0;"
                 id="shops">
                <h4>SHOP DETAILS</h4>
                #set($a = 0) #if(!$shops || $shops.isEmpty())
                <div id="new-shops">
                    <h4>SHOP</h4>
                    <div class="row">
                        <div class="col-lg-4 form-group">
                            <p class="bold-details">ID</p>
                        </div>
                        <div class="col-lg-6 form-group" id="0">
                            <p class="normal-details">0</p>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-lg-4 form-group">
                            <p class="bold-details">NAME</p>
                        </div>
                        <div class="col-lg-6 form-group">
                            <input placeholder="Name" id="shopName${a}" name="shopName${a}"
                                   shopId="0" type="text" value="" class="form-control input-sm">
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-lg-4 form-group">
                            <p class="bold-details">DOCUMENT <span style="color:red;">*</span></p>
                        </div>
                        <div class="col-lg-8 form-group">
                            <div class="doc-upload-wrapper">
                                <label class="doc-upload-btn" for="retailerShopDocument${a}">
                                    <i class="fa fa-upload"></i> Browse
                                </label>
                                <input type="file" shopId="0" class="retailerShopDocument"
                                       id="retailerShopDocument${a}" name="retailerShopDocument${a}"
                                       documentId="0" style="display: none">
                                <span class="doc-status not-uploaded" id="shopDocStatus${a}">
                                    <i class="fa fa-times-circle"></i> Not Uploaded
                                </span>
                                <span class="doc-filename" id="shopDocFileName${a}"></span>
                            </div>
                        </div>
                    </div>
                    <h4>ADDRESS</h4>
                    <div class="row">
                        <div class="col-lg-8 form-group">
                            <p class="bold-details">SAME AS RETAILER ADDRESS</p>
                        </div>
                        <div class="col-lg-2 form-group">
                            <input placeholder="Same as Retailer Address"
                                   id="sameAsRetailerAddress${a}" name="sameAsRetailerAddress${a}"
                                   type="checkbox" value="false">
                        </div>
                    </div>
                    <div id="new-shops-address">
                        <div class="row">
                            <div class="col-lg-4 form-group">
                                <p class="bold-details">NAME</p>
                            </div>
                            <div class="col-lg-6 form-group">
                                <input placeholder="Name" id="shopAddressName${a}"
                                       name="shopAddressName${a}" type="text" value=""
                                       class="form-control input-sm">
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-lg-4 form-group">
                                <p class="bold-details">LINE1</p>
                            </div>
                            <div class="col-lg-6 form-group">
                                <input placeholder="Line1" id="shopAddressLine1${a}"
                                       name="shopAddressLine1${a}" type="text" value=""
                                       class="form-control input-sm">
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-lg-4 form-group">
                                <p class="bold-details">LINE2</p>
                            </div>
                            <div class="col-lg-6 form-group">
                                <input placeholder="Line2" id="shopAddressLine2${a}"
                                       name="shopAddressLine2${a}" type="text" value=""
                                       class="form-control input-sm">
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-lg-4 form-group">
                                <p class="bold-details">CITY</p>
                            </div>
                            <div class="col-lg-6 form-group">
                                <input placeholder="City" id="shopAddressCity${a}"
                                       name="shopAddressCity${a}" type="text" value=""
                                       class="form-control input-sm">
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-lg-4 form-group">
                                <p class="bold-details">PIN CODE</p>
                            </div>
                            <div class="col-lg-6 form-group">
                                <input placeholder="Pin Code" id="shopAddressPinCode${a}"
                                       name="shopAddressPinCode${a}" type="text" value=""
                                       class="form-control input-sm">
                            </div>
                        </div>


                        <div class="row">
                            <div class="col-lg-4 form-group">
                                <p class="bold-details">STATE</p>
                            </div>
                            <div class="col-lg-6 form-group">
                                <select class="form-control input-sm" id="shopAddressState${a}"
                                        name="shopAddressState${a}" placeholder="State">
                                    <option value="" disabled selected>State</option>
                                    #foreach($stateName in $stateNames)
                                        <option value="$stateName">$stateName</option> #end
                                </select>
                            </div>
                        </div>
                    </div>


                    #set($a = $a + 1)
                </div>
            #else
                <div id="existing-shops">
                    #foreach($shop in $shops)

                        <h4>SHOP</h4>
                        <div class="row">
                            <div class="col-lg-4 form-group">
                                <p class="bold-details">ID</p>
                            </div>
                            <div class="col-lg-6 form-group" id="$shop.getId()">
                                <p class="normal-details">$shop.getId()</p>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-lg-4 form-group">
                                <p class="bold-details">NAME</p>
                            </div>
                            <div class="col-lg-6 form-group">
                                #if($shop.getName()) <input placeholder="Name" id="shopName${a}"
                                                            name="shopName${a}" shopId="$shop.getId()" type="text"
                                                            value="$shop.getName()" class="form-control input-sm">
                                #else <input placeholder="Name" id="shopName${a}"
                                             name="shopName${a}" shopId="$shop.getId()" type="text" value=""
                                             class="form-control input-sm"> #end
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-lg-4 form-group">
                                <p class="bold-details">DOCUMENT <span style="color:red;">*</span></p>
                            </div>
                            <div class="col-lg-8 form-group">
                                <div class="doc-upload-wrapper">
                                    <label class="doc-upload-btn" for="retailerShopDocument${a}">
                                        <i class="fa fa-upload"></i> Browse
                                    </label>
                                    #if(!$shop.getDocumentId())
                                        <input type="file" shopId="$shop.getId()"
                                               class="retailerShopDocument" id="retailerShopDocument${a}"
                                               name="retailerShopDocument${a}" documentId="0"
                                               style="display: none">
                                        <span class="doc-status not-uploaded" id="shopDocStatus${a}">
                                            <i class="fa fa-times-circle"></i> Not Uploaded
                                        </span>
                                    #else
                                        <input type="file" shopId="$shop.getId()"
                                               class="retailerShopDocument" id="retailerShopDocument${a}"
                                               name="retailerShopDocument${a}" documentId="$shop.getDocumentId()"
                                               style="display: none">
                                        <span class="doc-status uploaded" id="shopDocStatus${a}">
                                            <i class="fa fa-check-circle"></i> Uploaded
                                        </span>
                                        <button type="button" class="btn btn-default btn-sm"
                                                onclick="downloadRetailerShopDocument($shop.getId(), $shop.getRetailerId())">
                                            <i class="fa fa-eye"></i> View
                                        </button>
                                    #end
                                    <span class="doc-filename" id="shopDocFileName${a}"></span>
                                </div>
                            </div>
                        </div>
                        <h4>ADDRESS</h4>
                        <div class="row">
                            <div class="col-lg-6 form-group">
                                <p class="bold-details">Same as Retailer Address</p>
                            </div>
                            <div class="col-lg-4 form-group">
                                <input placeholder="Same as Retailer Address"
                                       id="sameAsRetailerAddress${a}" name="sameAsRetailerAddress${a}"
                                       type="checkbox" value="false">
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-lg-4 form-group">
                                <p class="bold-details">NAME</p>
                            </div>
                            <div class="col-lg-6 form-group">
                                #if($shop.getAddress().getName()) <input placeholder="Name"
                                                                         id="shopAddressName${a}"
                                                                         name="shopAddressName${a}" type="text"
                                                                         value="$shop.getAddress().getName()"
                                                                         class="form-control input-sm"> #else <input
                                        placeholder="Name" id="shopAddressName${a}"
                                        name="shopAddressName${a}" type="text" value=""
                                        class="form-control input-sm"> #end
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-lg-4 form-group">
                                <p class="bold-details">LINE1</p>
                            </div>
                            <div class="col-lg-6 form-group">
                                #if($shop.getAddress().getLine1()) <input placeholder="Line1"
                                                                          id="shopAddressLine1${a}"
                                                                          name="shopAddressLine1${a}"
                                                                          type="text"
                                                                          value="$shop.getAddress().getLine1()"
                                                                          class="form-control input-sm"> #else <input
                                        placeholder="Line1" id="shopAddressLine1${a}"
                                        name="shopAddressLine1${a}" type="text" value=""
                                        class="form-control input-sm"> #end
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-lg-4 form-group">
                                <p class="bold-details">LINE2</p>
                            </div>
                            <div class="col-lg-6 form-group">
                                #if($shop.getAddress().getLine2()) <input placeholder="Line2"
                                                                          id="shopAddressLine2${a}"
                                                                          name="shopAddressLine2${a}"
                                                                          type="text"
                                                                          value="$shop.getAddress().getLine2()"
                                                                          class="form-control input-sm"> #else <input
                                        placeholder="Line2" id="shopAddressLine2${a}"
                                        name="shopAddressLine2${a}" type="text" value=""
                                        class="form-control input-sm"> #end
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-lg-4 form-group">
                                <p class="bold-details">CITY</p>
                            </div>
                            <div class="col-lg-6 form-group">
                                #if($shop.getAddress().getCity()) <input placeholder="City"
                                                                         id="shopAddressCity${a}"
                                                                         name="shopAddressCity${a}" type="text"
                                                                         value="$shop.getAddress().getCity()"
                                                                         class="form-control input-sm"> #else <input
                                        placeholder="City" id="shopAddressCity${a}"
                                        name="shopAddressCity${a}" type="text" value=""
                                        class="form-control input-sm"> #end
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-lg-4 form-group">
                                <p class="bold-details">PIN CODE</p>
                            </div>
                            <div class="col-lg-6 form-group">
                                #if($shop.getAddress().getPinCode()) <input
                                        placeholder="Pin Code" id="shopAddressPinCode${a}"
                                        name="shopAddressPinCode${a}" type="text"
                                        value="$shop.getAddress().getPinCode()"
                                        class="form-control input-sm"> #else <input
                                        placeholder="Pin Code" id="shopAddressPinCode${a}"
                                        name="shopAddressPinCode${a}" type="text" value=""
                                        class="form-control input-sm"> #end
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-lg-4 form-group">
                                <p class="bold-details">STATE</p>
                            </div>
                            <div class="col-lg-6 form-group">
                                <select class="form-control input-sm" id="shopAddressState${a}"
                                        name="shopAddressState${a}" placeholder="State">
                                    <option value="" disabled selected>State</option>
                                    #foreach($stateName in $stateNames)
                                        #if($shop.getAddress().getState() &&
                                            $shop.getAddress().getState() == $stateName)
                                            <option value="$stateName" selected>$stateName</option> #else
                                            <option value="$stateName">$stateName</option> #end #end
                                </select>
                            </div>
                        </div>
                        #set($a = $a + 1) #end
                </div>
            #end
                <div id="shopDetailsSize" size="$a"></div>
            </div>
            <div class="row">
                <div class="col-md-2 col-md-offset-5">
                    <button id="updateDetails" class="btn btn-primary" type="submit">Update Details
                    </button>
                </div>
            </div>
        </form>

    </div>
</section>

<div id="addLocationModal" class="modal" role="dialog">
    <div class="modal-dialog">

        <!-- Modal content-->
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title">Add Location</h4>
            </div>
            <div class="modal-body">
                #if($locationdetail)
                    <form id="add-location-modal">
                        <div class="col-log-6">
                            <div class="row">
                                <div class="col-lg-3 form-group">
                                    <input placeholder="Name" id="personName" name="personName"
                                           type="text" value="$locationdetail.getName()"
                                           class="form-control input-sm">
                                </div>
                                <div class="col-lg-3 form-group">
                                    <input placeholder="Address Line 1" id="line1" name="line1"
                                           type="text" size="50" value="$locationdetail.getLine1()"
                                           class="form-control input-sm">
                                </div>
                                <div class="col-lg-3 form-group">
                                    <input placeholder="Address Line 2" id="line2" name="line2"
                                           type="text" value="$locationdetail.getLine2()"
                                           class="form-control input-sm">
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-lg-3 form-group">
                                    <input placeholder="City" id="city" name="city" type="text"
                                           value="$locationdetail.getCity()" class="form-control input-sm">
                                </div>
                                <div class="col-lg-3 form-group">
                                    <select class="form-control input-sm" id="state" name="state"
                                            placeholder="State">
                                        <option value="" disabled selected>State</option>
                                        #foreach($stateName in $stateNames)
                                            #if($locationdetail.getState() == $stateName)
                                                <option value="$stateName" selected>$stateName</option> #else
                                                <option value="$stateName">$stateName</option> #end #end
                                    </select>
                                </div>

                                <div class="col-lg-3 form-group">
                                    <input placeholder="Pin Code" id="pinCode" name="pinCode"
                                           type="number" value="$locationdetail.getPin()"
                                           class="form-control input-sm">
                                </div>

                                <div class="col-lg-2">
                                    <button class="btn btn-primary" id=""
                                            onclick="updateLocationButton($locationdetail.getId())"
                                            type="button">Update
                                    </button>

                                </div>
                            </div>
                        </div>

                    </form>
                #else
                    <form id="add-location-modal">
                        <div class="col-log-6">
                            <div class="row">
                                <div class="col-lg-3 form-group">
                                    <input placeholder="Name" id="personName" name="personName"
                                           type="text" value="" class="form-control input-sm">
                                </div>
                                <div class="col-lg-3 form-group">
                                    <input placeholder="Address Line 1" id="line1" name="line1"
                                           type="text" size="50" value="" class="form-control input-sm">
                                </div>
                                <div class="col-lg-3 form-group">
                                    <input placeholder="Address Line 2" id="line2" name="line2"
                                           type="text" value="" class="form-control input-sm">
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-lg-3 form-group">
                                    <input placeholder="City" id="city" name="city" type="text"
                                           value="" class="form-control input-sm">
                                </div>
                                <div class="col-lg-3 form-group">
                                    <select class="form-control input-sm" id="state" name="state"
                                            placeholder="State">
                                        <option value="" disabled selected>State</option>
                                        #foreach($stateName in $stateNames) #if($retailerStateName ==
                                            $stateName)
                                            <option value="$stateName" selected>$stateName</option> #else
                                            <option value="$stateName">$stateName</option> #end #end
                                    </select>
                                </div>

                                <div class="col-lg-3 form-group">
                                    <input placeholder="Pin Code" id="pinCode" name="pinCode"
                                           type="number" value="" class="form-control input-sm">
                                </div>

                                <div class="col-lg-2">
                                    <input class="btn btn-primary addlocationbutton" type="button"
                                           value="Add">
                                </div>
                            </div>
                        </div>

                    </form>
                #end

            </div>
        </div>
    </div>
</div>

</div>
<script type="text/javascript">
    $('.chosen-select').chosen({
        search_contains: true

    });
    stateNames = [];
        #foreach($stateName in $stateNames)
        //console.log("$stateName");
        stateNames.push("$stateName");
        #end

    $(".addlocationbutton").click(function () {
        $("#addLocationModal").modal({backdrop: false});
    });


    $(".createUser").click(function () {
        $("#addUserModal").modal({backdrop: false});
    });
        #if($trialForm)
        var trialForm = $trialForm;
        if (trialForm.status == "APPROVED") {
            $(document).ready(function () {
                console.log(trialForm);
                $("#retailerDocument").attr("documentId", trialForm.aadhaarFrontDocumentId);
                localStorage.setItem("retailerDocument", trialForm.aadhaarFrontDocumentId);
                $("#firstName").val(trialForm.firstName);
                $("#lastName").val(trialForm.lastName);
                $("#retailerName").val(trialForm.businessName);
                $("#retailerNumber").val(trialForm.gstNumber);
                $("#retailerAddressName").val(trialForm.businessName);
                $("#retailerAddressLine1").val(trialForm.addressLine1);
                $("#retailerAddressLine2").val(trialForm.addressLine2);
                setTimeout(function () {
                    $("#retailerAddressPinCode").val(trialForm.pincode).trigger("change");
                }, 1000);
                $("#emailId").val(trialForm.email);
                $("#mobileNumber").val(trialForm.mobile);
                $("#fofoType").val("FRANCHISE");
                $("#retailerShopDocument0").attr("documentId", trialForm.panDocumentId);
                localStorage.setItem("retailerShopDocument0", trialForm.panDocumentId);
                $("#shopName0").val(trialForm.businessName);
                $("#gstNumber").val(trialForm.gstNumber);

                //Important to set these fields
                $("#counterPotential").val(300000);
                $("#minInvestment").val(300000);
                $("#active").prop("checked", true);
                $("#fofoPartner").prop("checked", true);
                //$("#sameAsRetailerAddress0").prop("checked", true);

                $("#counterSize").val("THREE_LAC");

            });
        }
        console.log($("#emailId").val());
        uri = new URL($("#mobileAppId")[0].href);
        uri.search = "emailId=" + $("#emailId").val();
        $("#mobileAppId")[0].href = uri.toString();


        #end
    $(function () {
        $('#update-retailer-details-form')
                .validate({
                    submitHandler: function (form, event) {
                        event.preventDefault();
                        debugger;
                        if (validateRetailerDetails()) {
                            alert("Please fix errors");
                            return false;
                        }
                        var json = retailerDetailsJson();
                        debugger;
                        console.log("Retailer Details");
                        console.log(json);
                        if (confirm("Are you sure you want to update Retailer Details!")) {
                            doAjaxRequestWithJsonHandler(
                                    `${context}/retailerDetails`,
                                    "PUT",
                                    json,
                                    function (response) {
                                        $(
                                                '#retailer-details-container')
                                                .html(
                                                        response);
                                        if (localStorage
                                                .getItem("retailerDocument") !== null) {
                                            localStorage
                                                    .removeItem("retailerDocument");
                                        }
                                        var shopDetailsSize = $(
                                                "#shopDetailsSize")
                                                .attr(
                                                        "size");
                                        for (var i = 0; i < shopDetailsSize; i++) {
                                            if (localStorage
                                                    .getItem("retailerShopDocument"
                                                            + i) != null) {
                                                localStorage
                                                        .removeItem("retailerShopDocument"
                                                                + i);
                                            }
                                        }
                                        alert("Retailer Details has been successfully.");
                                    });
                            return false; // required to
                            // block normal
                            // submit since
                            // you used ajax
                        }
                    }
                });

    });

</script>