@using BlazorAnimation
@using TIAM.Core.Enums
@using TIAM.Entities.Transfers
@using TIAM.Services
@using TIAMSharedUI.Shared.Components.Cards
@using TIAMWebApp.Shared.Application.Interfaces
@using TIAMWebApp.Shared.Application.Models.ClientSide.UI
@using TIAMWebApp.Shared.Application.Services
@using TIAM.Entities.Drivers
@inject IServiceProviderDataService ServiceProviderDataService
@inject AdminSignalRClient AdminSignalRClient;

<div class="e-card cw-480">
    <div class="e-main d-flex align-items-center">
        <div class="flex-shrink-0">
            <img class="e-photo" src="_content/TIAMSharedUI/images/defaultcar_60.png" alt="" />
        </div>
        <div class="e-info flex-grow-1 ms-3">
            <div class="e-name">@($"{MyCar.Color}")</div>
            <p class="e-title"> @MyCar.Manufacture</p>
            <p class="e-title"> @MyCar.CarModel</p>
        </div>
    </div>

    <hr class="hr" />

    <div class="row">
        <div class="col-12 col-md-6">
            @RenderDetailsItem("fa-solid fa-engine", "Engine", Enum.GetName(MyCar.CarMotorType))
        </div>
        <div class="col-12 col-md-6">
            @RenderDetailsItem("fa-solid fa-location-dot", "Year", MyCar.YearOfMake.ToString())
        </div>
        <hr class="hr" />
        <div class="col-12 col-md-4">
            @RenderDetailsItem("fa-solid fa-users", "Seats", MyCar.SeatNumber.ToString())
        </div>
        
    </div>
</div>

@code {
    [Parameter] public Car MyCar { get; set; }

    protected override async Task OnInitializedAsync()
    {
        await base.OnInitializedAsync();
    }

    protected override Task OnParametersSetAsync()
    {
        
        return base.OnParametersSetAsync();
    }

    RenderFragment RenderDetailsItem(string iconCssClass, string caption, string value)
    {
        return @<div class="d-flex m-1 align-items-center">
        <div class="icon-container flex-shrink-0">
            <span class="dxbl-image m-1 @iconCssClass"></span>
        </div>
        <div class="text-container m-1 flex-grow-1 ms-2">
            <label>@caption:</label>
            <div>@value</div>
        </div>
    </div>;
    }
}