@using global::Shared.DTOs
@inject NavigationManager Navigation
<div class="col-xl-4 col-lg-6 col-md-6 mb-30">
    <div class="tp-blog-item">
        <div class="tp-blog-thumb fix">
            <a href="@Navigation.ToAbsoluteUri($"/BlogDetails/{@Item?.ID}")"><img width="300" height="300" src="img/blog/@Item?.Photo" alt=""></a>
        </div>
        <div class="tp-blog-content">
            <div class="tp-blog-meta d-flex align-items-center">
                <div class="tp-blog-category category-color-1">
                    <span>@Item?.Title.Split(':')[0]</span>
                </div>
                <div class="tp-blog-date">
                    <span>@Item?.Date</span>
                </div>
            </div>
            <div class="tp-blog-title-box">
                <a class="tp-blog-title-sm" href="@Navigation.ToAbsoluteUri($"/BlogDetails/{@Item?.ID}")">@Item?.Title.Split(':')[1]</a>
            </div>
            <div class="tp-blog-author-info-box d-flex align-items-center">
                <div class="tp-blog-avata">
                    <img src="img/avata/blog-avata-Publisher.png" alt="">
                </div>
                <div class="tp-blog-author-info">
                    <h5>مهدی ربیع نژاد</h5>
                    <span>مدیر سایت</span>
                </div>
            </div>
        </div>
    </div>
</div>

@code {
    [Parameter]
    public BlogDto? Item { get; set; }
    
}