@{
    ViewData["Title"] = "Campaigns";
@model WebMVC.ViewModels.CampaignViewModel
}

<section class="esh-campaigns-hero">
    <div class="container">
        <img class="esh-campaigns-title" src="~/images/main_banner_text.png" />
    </div>
</section>

@Html.Partial("_Header", new List<Header>() {
    new Header() { Controller = "Catalog", Text = "Back to catalog" } })

<div class="container">
    <br />
    <div class="row">
        
        @if (!ViewData.ModelState.IsValid)
        {
            <div class="alert alert-warning">
                @Html.ValidationSummary(false)
            </div>
        }        

        <div class="col-md-12">
            <div class="esh-campaigns-items" style="font-weight: 300;">
                UPDATE USER LOCATION
            </div>            

            <form class="form-inline" asp-action="CreateNewUserLocation" method="post">                       
            <label class="sr-only" for="longitudeInput">Name</label>
           
            <div class="input-group mb-2 mr-sm-2 mb-sm-0">
                <div class="input-group-addon">Lat</div>
                <input type="text" class="form-control mb-2 mr-sm-2 mb-sm-0" id="latitudeInput" asp-for="Lat" placeholder="Latitude">                
            </div>

            <div class="input-group mb-2 mr-sm-2 mb-sm-0">
                <div class="input-group-addon">Lon</div>
                <input type="text" class="form-control mb-2 mr-sm-2 mb-sm-0" id="longitudeInput" asp-for="Lon" placeholder="Longitude">
            </div>
            
            <div class="input-group mb-2 mr-sm-2 mb-sm-0 col-md-2">
                <input type="submit" value="Update" class="btn esh-campaigns-form-button" />
            </div>            
        </form>
        </div>        
    </div>    
    <br />
        @if (Model != null && Model.CampaignItems !=null && Model.CampaignItems.Any())
        {
            <div class="card-group esh-campaigns-items row">
                @foreach (var catalogItem in Model.CampaignItems)
                {
                    <div class="esh-campaigns-item col-md-4">
                        @Html.Partial("_campaign", catalogItem)
                    </div>
                }
            </div>

            @Html.Partial("_pagination", Model.PaginationInfo)
        }
        else
        {
            <div class="esh-campaigns-items row">
                THERE ARE NO CAMPAIGNS
            </div>
        }
</div>