@page "/city/{CityId:int}/pointofinterest/{PointOfInterestId:int}"

@if(PointOfInterest == null)
{
    <Loading></Loading>
} else
{
    <PageHeader Name="Point d'intéret" NameType="Détails" LinkType="LinkType.Edit" Link="@($"/city/{CityId}/pointofinterest/{PointOfInterestId}/edit")"></PageHeader>
    <Card HeaderTitle="Informations sur le point d'intéret">
        <div class="datagrid">
            <div class="datagrid-item">
                <div class="datagrid-title">Nom</div>
                <div class="datagrid-content">@PointOfInterest.Name</div>
            </div>
            <div class="datagrid-item">
                <div class="datagrid-title">Description</div>
                <div class="datagrid-content">@PointOfInterest.Description</div>
            </div>
            @if(City != null)
            {
                <div class="datagrid-item">
                    <div class="datagrid-title">Ville liée</div>
                    <div class="datagrid-content"><a class="link link-primary" href="@($"/city/{CityId}")">@City.Name</a></div>
                </div>
            }
            
        </div>
    </Card>

}