Webportal/WebPortal/WebPortal/Views/CustomerCare/Showroom.cshtml


@{
    ViewData["Title"] = "Customer Care";
    ViewBag.description = "Visit our showroom for a hands-on experience with Telemor’s latest products and services.";
}

@using WebPortal.Texts;
@using WebService;

@model string[]
@{
//string[] areaShowroom = Context.Session.GetComplexData<string[]>("areaShowroom");
}

<div class="pathway pt-5">
    <div class="container">
        <ul class="breadcrumb">
            <li class="breadcrumb-item"><a href="/Home">@Lang.Home</a></li>
            <li class="breadcrumb-item"><a href="/CustomerCare">@Lang.CustomerCare</a> </li>
            <li class="breadcrumb-item active">@Lang.FindAStore</li>
        </ul>
    </div>
</div>

<div class="tele-customer mb-5">
    <div class="container aos-init" data-aos="fade-up">
        <h3 class="mb-5">
            @Lang.TelemorShowrooms
        </h3>
        <div class="box-customer f-Helvetica">
            <div class="form-search d-flex align-items-center mb-4">

                <label><b class="f14"> @Lang.SelectArea</b></label>
                <select id="inputState" class="form-control">
                    @if (Model != null)
                    {
                        foreach (var name in Model)
                        {
                            <option value="@name">@name</option>
                        }
                    }
                </select>
                <button type="button" class=" btn-accept" onclick="loadShowroom();">@Lang.SearchShowroom</button>

            </div>
            <div id="showrooms">

            </div>
        </div>

    </div>
</div>

@section Scripts{

    <script>
        function loadShowroom() {
            var areaName = $("#inputState").val();
            $.ajax({
                url: ('/CustomerCare/ShowroomLoad'),
                type: "POST",
                data: {
                    __RequestVerificationToken: $('input[name=__RequestVerificationToken]').val(),
                    areaName: areaName
                },
                success: function (result) {
                    $("#showrooms").html(result);
                },
                error: function (err) {
                    console.log(err);
                }
            });
        }


        $(document).ready(function () {
            $("#inputState").val($("#inputState option:first").val());
            loadShowroom();
        });

    </script>
}