@using Renter.Common.Enums
@using Renter.Localization
@model List<Renter.Dtos.BuildingDto>
@{
	ViewBag.Title = "Yönetilen Mülkler";
}

<div class="row">
	<div class="col-xl-12">
		<div class="card card-custom card-stretch gutter-b">
			<div class="card-header border-0">
				<h3 class="card-title font-weight-bolder text-dark">
					@ViewBag.Title
				</h3>
			</div>
			<div class="card-body pt-2">
				@if (Model.Count > 0)
				{
					@foreach (var item in Model.OrderByDescending(x => x.CreatedDate))
					{
						<div data-id="@item.Id" onclick="goDetail(this)" class="d-flex flex-wrap align-items-center mb-10"
							style="cursor:pointer">
							<div class="symbol symbol-2by3 flex-shrink-0 mr-4">
								@if (item.BuildingImages.Count > 0)
								{
									<img src="@item.BuildingImages.FirstOrDefault()?.ImageUrl" class="h-auto" alt="">
								}
								else
								{
									<img src="~/media/svg/house-city-construction-architecture.svg" class="h-auto" alt="">
								}
							</div>
							<div class="d-flex flex-column flex-grow-1 my-lg-0 my-2 pr-3">
								<span class="text-dark-75 font-weight-bolder text-hover-primary font-size-lg">@item.Title</span>
								<span
									class="text-dark-75 font-weight-bolder text-hover-primary font-size-lg">
									@item.OwnerUser.FullName
								</span>
								<span class="text-muted font-weight-bold font-size-sm my-1">
									@item.District @item.Street
									@item.No
								</span>
								<span class="text-muted font-weight-bold font-size-sm">

									@if (item.StateId == (int) EnumBuildingStateType.Empty)
									{
										<span class="text-primary font-weight-bold">@lang.Empty</span>
									}
									else if (item.StateId == (int) EnumBuildingStateType.Full)
									{
										<span class="text-danger font-weight-bold">@lang.Full</span>
									}
									else
									{
										<span class="text-dark font-weight-bold">@lang.Unknown</span>
									}
								</span>
							</div>

							<div class="d-flex align-items-center py-lg-0 py-2">
								<div class="d-flex flex-column text-right">
									<span class="text-dark-75 font-weight-bolder font-size-h4">@item.City.Name</span>
									<span class="text-muted font-size-sm font-weight-bolder">@item.County.Name</span>
								</div>
							</div>
						</div>
					}
				}
				else
				{
					<div class="d-flex flex-wrap align-items-center mb-10">
						<div class="d-flex flex-column flex-grow-1 my-lg-0 my-2 pr-3">
							<span class="text-dark-75 font-weight-bolder text-hover-primary font-size-lg">
								<span
									class="text-muted font-weight-bold">
									@lang.ManagedBuildingRecordNotFoundBuildingOwnerHastoAuthorization
								</span>
							</span>
						</div>
					</div>
				}
			</div>
		</div>
	</div>

</div>


@section Scripts {
	<script>
    function goDetail(e) {
        const id = e.attributes["data-id"].value;
        window.location.href = `/Building/Detail/${id}`;
    }
</script>
}