@model BOL.Model.civ_Address
@*@{
    using (Ajax.BeginForm("AddClient", "Client", new AjaxOptions()
    {
        HttpMethod = "POST",
        OnSuccess = "OnSuccess",
        OnFailure = "OnFailure",
    }, new { enctype = "multipart/form-data" }))
    {*@
<div class="row addrs" @*style="padding:10px;"*@>

   
    @Html.HiddenFor(model => model.Id)
    <input type="hidden" id="CityId" name="CityId" value="@Model.CityIDFK" />
    <div class="form-group col-md-3">
        <label>State*</label>
        @Html.DropDownList("SateIDFK", (SelectList)ViewBag.StateIDFK, htmlAttributes: new { @id = "ddlStateIDFK", @class = "form-control validate[required] StateIDFK" })
    </div>
    <div class="form-group col-md-3">
        <label>City*</label>
        <div class="City">
            @Html.DropDownListFor(model => model.CityIDFK, new List<SelectListItem> { }, htmlAttributes: new { @class = "form-control validate[required] select2 CityIDFK nested" })
           
        </div>
    </div>

    <div class="form-group col-md-3">
        <label for="Name">Address *</label>
        @Html.EditorFor(model => model.Address, new { htmlAttributes = new { @class = "form-control validate[required,maxSize[256]] Address", @placeholder = "Enter Address" } })
        @Html.ValidationMessageFor(model => model.Address, "", new { @class = "text-danger" })
    </div>
    <div class="form-group col-md-3">
        <label for="Name">ZipCode</label>
        @Html.EditorFor(model => model.ZipCode, new { htmlAttributes = new { @class = "form-control validate[maxSize[32]] ZipCode", @placeholder = "Enter Zipcode" } })
        @Html.ValidationMessageFor(model => model.ZipCode, "", new { @class = "text-danger" })
    </div>
</div>

<div class="row addrs">



    <div class="form-group col-md-3">
        <label for="Name">Contact No *</label>
        <div class="input-group">
            <div class="input-group-addon">
                <i class="fa fa-phone"></i>
            </div>
            @Html.EditorFor(model => model.PhoneNo1, new { htmlAttributes = new { @class = "form-control validate[required,maxSize[56]] PhoneNo1" } })
            @Html.ValidationMessageFor(model => model.PhoneNo1, "", new { @class = "text-danger" })
        </div>
    </div>
    <div class="form-group col-md-3">
        <label for="Name">Contact No 2</label>
        <div class="input-group">
            <div class="input-group-addon">
                <i class="fa fa-phone"></i>
            </div>
            @Html.EditorFor(model => model.PhoneNo2, new { htmlAttributes = new { @class = "form-control validate[maxSize[56]] PhoneNo2" } })
            @Html.ValidationMessageFor(model => model.PhoneNo2, "", new { @class = "text-danger" })
        </div>
    </div>
    <div class="form-group col-md-3">
        <label for="Name">Contact No 3</label>
        <div class="input-group">
            <div class="input-group-addon">
                <i class="fa fa-phone"></i>
            </div>
            @Html.EditorFor(model => model.MobileNo, new { htmlAttributes = new { @class = "form-control validate[maxSize[56]] MobileNo" } })
            @Html.ValidationMessageFor(model => model.MobileNo, "", new { @class = "text-danger" })
        </div>
    </div>
    <div class="form-group col-md-3">
        <label for="Name">Email 1</label>
        <div class="input-group">
            <div class="input-group-addon">
                <i class="fa fa-envelope"></i>
            </div>
            @Html.EditorFor(model => model.email1, new { htmlAttributes = new { @class = "form-control",type = "email" } })
            @Html.ValidationMessageFor(model => model.email1, "", new { @class = "text-danger" })
        </div>
    </div>
    <div class="form-group col-md-3"> 
        <label for="Name">Email 2</label>
        <div class="input-group">
            <div class="input-group-addon">
                <i class="fa fa-envelope"></i>
            </div>
            @Html.EditorFor(model => model.email2, new { htmlAttributes = new { @class = "form-control", type = "email" } })
            @Html.ValidationMessageFor(model => model.email2, "", new { @class = "text-danger" })
        </div>
    </div>
    <div class="form-group col-md-3">
        <label for="Name">Website Address</label>
        <div class="input-group">
            <div class="input-group-addon">
                <i class="fa fa-link"></i>
            </div>
            @Html.EditorFor(model => model.website_address, new { htmlAttributes = new { @class = "form-control website_address"} })
            @Html.ValidationMessageFor(model => model.website_address, "", new { @class = "text-danger" })
        </div>
    </div>
    <div class="form-group col-md-3">
        <label for="Name">Pin Location</label>
        <div class="input-group">
            <div class="input-group-addon">
                <i class="fa fa-map-pin"></i>
            </div>
            @Html.EditorFor(model => model.pin_location, new { htmlAttributes = new { @class = "form-control pin_location", } })
            @Html.ValidationMessageFor(model => model.pin_location, "", new { @class = "text-danger" })
        </div>
    </div>
</div>







    <script type="text/javascript">

        var state = document.getElementById('ddlStateIDFK').value;


    </script>
    <style>
        .select2-container--default .select2-selection--single {
            background-color: #fff;
            border-color: #d2d6de;
            border-radius: 0px;
        }

        .select2-container .select2-selection--single {
            height: 34px;
        }

        /*.addrs {
            padding: 10px;
        }*/
    </style>
    @*}
        }*@