@{
    Layout = null;
}

<style>
    .add-destination-input {
        border-top: 1px solid #ccc !important;
        border-bottom: 1px solid #ccc !important;
    }

    .top-border {
        border-top: 1px solid #ddd !important;
    }

    #nodeDropDownWrapper .select2-container--bootstrap {
        padding-top: 5px !important;
        padding-left: 5px !important;
    }
</style>
<div class="row">
    <div class="col-md-12 top-border">

    </div>
</div>

<div class="row" style="padding-left: 20px;">
    <div class="col-lg-6 col-md-8 col-sm-10 col-xs-12">
        <br />
        <table id="identSearchTable" class="table table-bordered ident-search" role="grid">
            <tbody>
                <tr role="row">
                    <td id="nodeDropDownWrapper" class="add-destination-input">
                        <select name="Node"
                                data-placeholder="@Loc.Destination"
                                class="form-control select2withAPI select2selection"
                                data-url=@Url.Action("SearchSubjects", "TravelOrdersDistances")
                                onchange="getKilometers();"
                                id="Node"
                                tags="True"
                                data-column-names="@Loc.Company,@Loc.Name,@Loc.Address,@Loc.Post"
                                data-bootstrap-columns="col-md-4,col-md-4,col-md-3,col-md-1"
                                data-search-width="700"
                                data-splitter=","
                                required></select>
                    </td>
                    <td id="streetSearchWrapper">
                        @Html.TextBox("streetSearch", "",
                        new { @name = "Node", @class = "form-control", @style = "min-width:365px;padding-left:5px", @autocomplete = "false", @onchange = "getKilometers();", @placeholder = Loc.Destination })
                    </td>
                    <td>
                        <input type="hidden" id="KilometersHidden" />
                        <input type="hidden" name="Km" class="form-control" id="Kilometers" placeholder="@Loc.Kilometers" />
                        <input autocomplete="off" class="form-control" id="counterBefore" name="KMCounterBefore" placeholder="@Loc.CounterBefore" type="hidden">
                        <input autocomplete="off" class="form-control" id="counterAfter" name="KMCounterAfter" placeholder="@Loc.CounterBy" type="hidden" value="">
                    </td>
                    <td>
                        <div class="addable-button">
                            <button type="button" class="btn btn-success" title="@Loc.AddLocation" onclick="addNewDistance()">
                                <i id="add-position-icon" class="fa fa-plus"></i>
                            </button>
                        </div>
                    </td>
                    <td>
                        <div class="addable-button">
                            <button type="button" class="btn btn-outline btn-primary" title="@Loc.GoogleSearch" onclick="toggleNodeSelection()">
                                <i class="fa fa-search"></i>
                            </button>
                            <button type="button" class="btn btn-outline btn-primary add-distance-button" title="@Loc.AddingNewPartner" id="NewSupplier" onclick="openSubjectModal('Supplier')">
                                <i class="fa fa-building"></i>
                            </button>
                        </div>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
</div>