@model GODATA.Models.Inventory.VanList

@Html.HiddenFor(model => model.VanId, new { @id = "vanId" })
<div id="div_load">
    <img src="~/Content/images/13.gif" style="position: absolute; top: 44%; left: 48%;" />
</div>
<div class="size25 left">
    <div class="window">
        <div class="titlebar">
            <div class="title">
                Van Detail
            </div>
        </div>
        <div class="innerWindow ">
            <div id="divTicket" class="content">
                <table id="tableTicketHistory" class="OpenTicketTbl" cellpadding="0" cellspacing="0" width="100%">
                    <tbody>
                        <tr>
                            <td width="84px">Van Name</td>
                            <td width="84px" class="">@Html.DisplayFor(modelItem => modelItem.VanAlias)</td>
                        </tr>
                        <tr>
                            <td>State</td>
                            <td class="">@Html.DisplayFor(modelItem => modelItem.VanState)</td>
                        </tr>
                        <tr>
                            <td>City
                            </td>
                            <td class="">@Html.DisplayFor(modelItem => modelItem.VanCity)</td>
                        </tr>
                        <tr>
                            <td>Model</td>
                            <td class="">@Html.DisplayFor(modelItem => modelItem.VanModelName)</td>
                        </tr>
                        <tr>
                            <td>Registration No.</td>
                            <td class="">@Html.DisplayFor(modelItem => modelItem.VanRegistrationNo)</td>
                        </tr>
                        <tr>
                            <td>@Html.LabelFor(modelItem => modelItem.ServiceEngineerAlias)</td>
                            <td class="">@Html.DisplayFor(modelItem => modelItem.ServiceEngineerName)</td>
                        </tr>
                        <tr>
                            <td>@Html.LabelFor(modelItem => modelItem.ServiceEngineerContactNumber)</td>
                            <td class="">@Html.DisplayFor(modelItem => modelItem.ServiceEngineerContactNumber)</td>
                        </tr>
                    </tbody>
                </table>

                <div id="div_searchLocation" style="padding: 5px 5px;">
                    <input type="radio" value="11" name="radioLocation" id="radio_latLng" onchange="onRadioButtonCheckChange(id);" />
                    <span class="darktxt">
                        <label for="radio_latLng">Search by LatLng</label></span><br />
                    <input type="radio" value="11" name="radioLocation" id="radio_Address" onchange="onRadioButtonCheckChange(id);" />
                    <span class="darktxt">
                        <label for="radio_Address">Search by Location</label></span>
                </div>
                <div style="clear: both; float: none"></div>
                <div id="div_searchByLatLng" style="display: none; margin: 10px auto; text-align: center;">
                    Lattitude :
    <input id="textLat" class="" type="text" placeholder="Lattitude" />
                    Longitude :
    <input id="textLng" class="" type="text" placeholder="Longitude" />
                    <input type="button" class="button_blue" onclick="getLocationByLatLng()" value="Submit" style="margin: 0; padding: 0;" />
                </div>
                <input id="searchLocationTool" class="controls" type="text" placeholder="Search Box" style="display: none;" />



                <div id="blindSpot_toolbox" class="shadow_btm">
                    <table class="themeTable" cellpadding="5" cellspacing="0">
                        <thead>
                            <tr>
                                <th colspan="2">
                                    <img src="~/Content/css/images/coverage-tool-banner.png" border="0" />
                                </th>
                            </tr>
                        </thead>
                        <tbody id="slaListBox">
                        </tbody>
                    </table>
                    <div id="coverageBtns" class="btn_wrapper">
                        <table width="100%" cellspacing="0" cellpadding="0" border="0">
                            <tr>
                                <td class="bdrbtmnone">
                                    <input type="button" id="resetBtn" value="RESET" class="button_blue" style="width: 50%; margin: -3px 0px 0 0" onclick="resetVanCoverage()" /></td>
                                <td class="bdrbtmnone">
                                    <input type="button" id="saveBtn" value="SAVE" class="button_blue" style="width: 50%; margin: -3px 0 0 0" onclick="saveVanCoverage()" /></td>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>


        </div>
    </div>
</div>
<div class="size75 right">
    <div class="window">
        <div class="titlebar">
            <div class="title fleft">
                Van on Map
            </div>


        </div>
        <div id="divDetail" class="innerWindow">
            <div class="sugList-holder_van" id="sugList-holder_van">
                <input id="searchLocationTool_van" class="controls" type="text" placeholder="Search Box" >
                <ul id="sugList_van" class="sugList_van"></ul>
            </div>
            <div id="map-canvas" class="content">
            </div>
        </div>
    </div>
</div>
@*<script src="https://maps.googleapis.com/maps/api/js?v=3&sensor=false&libraries=geometry&client=gme-teramatrix"></script>*@
<script type="text/javascript" src="~/Scripts/Inventory/ShowDealerVanDetail.js"></script>
<style type="text/css">
    div.k-window { height: 75% !important; }


    div.k-window2 { height: auto !important; }


    .midBox { margin-top: auto; position: relative; }

    .slaBtn { width: 100%; cursor: pointer; }

    .slaBtnSelected { background: #9c9b9b; }
    #coverageBtns { display: none; }


    #div_load { position: fixed !important; }



    .slaBtn { opacity: 0.5; color: #FFFFFF; background: rgba(238, 46, 34, 1) !important; padding: 2px 9px; text-align: center; font-family: Verdana; font-size: 15px; margin: auto; cursor: pointer; width: 80%; text-indent: 0; margin-top: 5px; }
    .slaBtnSelected { opacity: 1; }

    input[type="radio"] { height: auto; width: auto !important; vertical-align: top; margin-top: -0.5px; }


    
    #searchLocationTool_van { background-color: #fff; font-family: 'Hermes_FB'; font-size: 13px; font-weight: 300; margin-left: -178px; padding: 0 11px 0 13px; text-overflow: ellipsis; width: 100%; max-width: 400px; position: absolute !important; left: 50% !important; top: 5px !important; }

        #searchLocationTool:focus { }

    
.sugList-holder_van{position: relative; z-index: 1; margin: auto; width: 425px;}
.sugList_van {  width: 94%; background: #fff; position: absolute; left: 33px; top: 24px; padding: 0px;}
.sugList_van li { padding: 6px 10px; border-top: 1px #e6e1e1 solid; font-size: 12px;}
.sugList_van 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;}
.sugList_van li:hover, .sugList li.key-highlight { background:#efecec;}

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