@*<div class="sizeFull ReassignMap" id="reassignMap" style="display:none;">
    <div class="window">
        <div class="titlebar">
            <div class="title">
                Map
            </div>
        </div>
        <div class="innerWindow">
            <div id="_divmap" class="content MapBox" style="top: 1%;"></div>
        </div>
    </div>
</div>*@
<div class="sizeFull ReassignMap" >
    <div class="window">
        <div class="titlebar" id="dvlocationchange">
            <div class="title">Do you want to change the breakdown location</div>
                   
                <input id="rdoYes" type="radio" name="gender" style="height: 16px; margin-left: 232px; margin-top: 4px;" value="Yes" onclick="locationreassign();" />
                <label labelfor="rdoYes" style="margin-left: -64px;">
                    Yes</label>
                    <input id="rdoNo" type="radio" name="gender"  style="height: 16px; margin-left:-38px;"  value="No" onclick="locationreassign();" />
                <label labelfor ="rdoNo" style="height: 16px; margin-left:-56px;">No</label>    
                   </div>
      <div class="innerWindow">
          <div style="display:none;margin-top:12px;" id="dvDealerReassign">

               <label>Dealer change reason</label>
                          <select id="delear_reassign" data-placeholder="-Select-" onchange="chkval();"style=" margin-left: 61px; margin-top: -18px;"></select>   
                   <span class="error" id="spndealerreassignerror" style="color: #ee1d23;display:none;">* </span>   
            
              <label style="margin-top: 14px; margin-left:85px; display:none;" id="lblremark">Remarks</label>  
                <textarea rows="20" cols="20" id="txtdealearchangereason"  style="height:28px;margin-left:188px;display:none;"></textarea>
               <button id="buttonGetVansListLocation" class="button_blue" onclick="dealerreassignreason();" >ok</button>
          </div>
                    <div id="dvgetallvan" style="display:none;margin-top:12px;">
                 <div>  <label>State</label> <span class="error" id="spnlocationstateerror" style="color: #ee1d23;">* </span>
                          <select id="eos_state_reassign" onchange="setlocation();" data-placeholder="-Select-" style=" margin-left: 61px; margin-top: -18px; "></select>   
                   </div>    
                        <div style="margin-top: 14px;">Nearest Big Town/City <span class="error" style="color: #ee1d23">* </span>
                       
                                        <input type="text" id="eos_city_location" name="City" onblur="onBlurCityLocation(id)">

                                        <span id="spanCityLocation" class="error" style="display: none; color: #ee1d23; margin-left: 14px;">* </span>
                                    </div>
               <div>    <label style="margin-top: 14px;">BreakDown Location</label>   <span class="error" id="spnbreakdownlocationError" style="color: #ee1d23;">* </span>
                        <textarea rows="20" cols="20" id="eos_exact_location_change" disabled style="height:28px;margin-left:188px;display:none;"></textarea>
                      </div>
                    
                        <div class="sugList-holder-location" id="
                             sugList-holder-location" style="display: block;margin-top: -34px; ">
                              <input id="searchLocationToolLocation" style="margin-top: 11px; margin-left: 135px;width:225px; " class="controls" type="text" placeholder="Enter break down location" oninput="getlatlongLocation();">
                <ul id="sugListLocation" class="sugListLocation"></ul>
                            </div>
<div style="margin-top: 12px;"> <label>Landmark</label>
                        <input type="text" id="breakdown_landmark_location"></div>
                         <div style="margin-top: 22px;">    <label>Routes</label> 
						 <span class="error" id="spnRoutesError" style="color: #ee1d23;">* </span> 
                         
 <select id="ddlRoutesLocation" name="routes" >
                                                <option value="24">Others</option>
                                            </select>
                        
					   </div>  
                        <button id="buttonGetVansListLocationReassign" class="button_blue" onclick="locationReassignTicket()" >Get All Vans</button>
                           </div>
                                        @*<div class="k-widget k-multiselect k-header" unselectable="on" style=""><div class="k-multiselect-wrap k-floatwrap" unselectable="on"><ul role="listbox" unselectable="on" class="k-reset" id="eos_state_taglist"><li class="k-button" unselectable="on"><span unselectable="on">Madhya Pradesh</span><span unselectable="on" class="k-icon k-delete">delete</span></li><li class="k-button" unselectable="on"><span unselectable="on">Maharashtra</span><span unselectable="on" class="k-icon k-delete">delete</span></li></ul><input class="k-input" style="width: 25px;" accesskey="" role="listbox" aria-expanded="false" tabindex="0" aria-owns="eos_state_taglist eos_state_listbox" aria-disabled="false" aria-readonly="false" aria-busy="false"><span class="k-icon k-loading k-loading-hidden"></span></div><select id="eos_state" name="State" multiple="multiple" onchange="onStateChange();" data-placeholder="-Select-" data-role="multiselect" aria-disabled="false" aria-readonly="false" style="display: none;"><option value="34">Andaman and Nicobar Islands</option><option value="4">Andhra Pradesh</option><option value="32">Arunachal Pradesh</option><option value="22">Assam</option><option value="17">Bihar</option><option value="36">Chandigarh</option><option value="13">Chhattisgarh</option><option value="35">Dadra and Nagar Haveli</option><option value="37">Daman and Diu</option><option value="25">Delhi</option><option value="30">Goa</option><option value="2">Gujarat</option><option value="20">Haryana</option><option value="29">Himachal Pradesh</option><option value="15">Jammu and Kashmir</option><option value="3">Jharkhand</option><option value="6">Karnataka</option><option value="5">Kerala</option><option value="42">Ladakh</option><option value="38">Lakshadweep</option><option value="12" selected="selected">Madhya Pradesh</option><option value="9" selected="selected">Maharashtra</option><option value="27">Manipur</option><option value="33">Meghalaya</option><option value="10">Mizoram</option><option value="26">Nagaland</option><option value="40">New Delhi</option><option value="21">Odisha</option><option value="28">Puducherry</option><option value="14">Punjab</option><option value="11">Rajasthan</option><option value="39">Sikkim</option><option value="16">Tamil Nadu</option><option value="23">Telangana</option><option value="8">Tripura</option><option value="1">Uttar Pradesh</option><option value="19">Uttarakhand</option><option value="41">Vidarbha</option><option value="7">West Bengal</option></select><span style="font-family: Arial; font-size: 13px; font-stretch: 100%; font-style: normal; font-weight: 400; letter-spacing: normal; text-transform: none; line-height: 17.03px; position: absolute; visibility: hidden; top: -3333px; left: -3333px;"></span></div>
                                        <span id="spanState" class="error" style="display: none; color: #ee1d23">* </span>*@
                                   
                    @*<input id="searchLocationToolReassign" class="controls" type="text" placeholder="Search Box" oninput="getlatlongReassign();" style="display:none;">
                      <ul id="sugListreassign" class="sugList"></ul>
                    <select id="eos_state_reassign"></select>*@
            </div>
        </div>
    </div>


<div id="_divVanDealerList" class="sizeFull ReassignDealerList" style="display: none; height: 5300px;margin-top:-353px;">
    <div class="window">
        <div class="titlebar titilebar-blue">
            <div class="title color-white">
                Van/Dealer List
            </div>
        </div>
        <div class="innerWindow">
            <div class="content overflow" id="tableVansDealers_reassign">
            </div>
        </div>
    </div>
</div>
<script>
    /* function set timeout to load map */
    
    setTimeout(function () { _initMap("_divmap"); }, 1000);
</script>
<style type="text/css">
    .k-i-close {
        background-color: #fff;
        border-radius: 2px;
        width: inherit !important;
    }

    #displayVansDealersTable_reassign tbody tr td:first-child {
        text-indent: 15px;
    }

    .k-multiselect .k-delete {
        width: 12px !important;
        background-position: -160px -80px;
    }


    .sugListLocation {
        width: 99%;
        background: #fff;
        position: absolute;
        padding: 0px;
    }

        .sugListLocation li {
            padding: 6px 10px;
            border-top: 1px #e6e1e1 solid;
            font-size: 12px;
        }

            .sugListLocation li i {
                position: relative;
                width: 15px;
                height: 27px;
                background: transparent url('../../content/css/images/tracking.png');
                background-repeat: no-repeat;
                background-position: -1px 1px;
                opacity: 0.5;
                float: left;
                margin-right: 7px;
            }

            .sugListLocation li:hover, .sugListLocation li.key-highlight {
                background: #efecec;
            }

                .sugListLocation li:hover i, .sugListLocation li.key-highlight i {
                    opacity: 1;
                    background-color: transparent;
                }
	
</style>