@if (ItemMode == ColType.labelStart || ItemMode == ColType.labelEnd)
{
    <svg viewBox="0 0 @vBox.Width @vBox.Height" xmlns="http://www.w3.org/2000/svg">
        <rect x="0" y="0" width="@vBox.Width" height="@vBox.Height" class="canv"></rect>
        @foreach (var item in LabelItems())
        {
            <g transform="translate(@(item.pX),@(item.pY))">
                <foreignObject x="0" y="0" width="@vBox.Width" height="@hFO">
                    <div class="hour-label">@item.value</div>
                </foreignObject>
            </g>
        }
    </svg>
}
else
{
    <svg viewBox="0 0 @vBox.Width @vBox.Height" xmlns="http://www.w3.org/2000/svg">
        <rect x="0" y="0" width="@vBox.Width" height="@vBox.Height" class="canv"></rect>
        @foreach (var item in BoxItems())
        {
            <g transform="translate(@(item.pX),@(item.pY))">
                <rect x="0" y="0" width="@item.width" height="@item.height" class="boxClass" rx="30"></rect>
                <foreignObject x="@mFO" y="@mFO" width="@item.width" height="@item.height">
                    <a href="#">
                        <div class="textTitle">@item.title</div>
                        <div class="hour-label">@($"{item.start:HH:mm}")-@($"{item.end:HH:mm}")</div>
                        <div class="textBody1">@item.value</div>
                    </a>
                </foreignObject>
            </g>
        }
        @* <a href="#">
    <g transform="translate(25 100)">
    <rect x="0" y="0" width="@(vBox.Width/3)" height="@(vBox.Height/2)" class="boxClass" rx="50"></rect>
    <foreignObject x="30" y="30" width="@(vBox.Width/3)" height="@(vBox.Height/2)">
    <div class="textTitle">Prova A</div>
    <div class="textTime">08:00 - 10:00</div>
    <hr />
    <div class="textBody1">Un lungo testo descrittivo per indicare esattamente di cosa si tratta</div>
    </foreignObject>
    </g>
    </a>
    <a href="#">
    <g transform="translate(300 700)">
    <rect x="0" y="0" width="@(vBox.Width/3)" height="@(vBox.Height/3)" class="boxClass2" rx="50"></rect>
    <foreignObject x="20" y="20" width="@(vBox.Width/3)" height="@(vBox.Height/3)">
    <div class="textTitle">Prova B</div>
    <div class="textTime">09:45 - 11:10</div>
    <hr />
    <div class="textBody2">Un lungo testo descrittivo per indicare esattamente di cosa si tratta...versione 2 molto più lunga</div>
    </foreignObject>
    </g>
    </a>
    <a href="#">
    <g transform="translate(575 1800)">
    <rect x="0" y="0" width="@(vBox.Width/3)" height="@(vBox.Height/4)" class="boxClass3" rx="50"></rect>
    <foreignObject x="20" y="20" width="@(vBox.Width/3)" height="@(vBox.Height/4)">
    <div class="textTitle">Prova C</div>
    <div class="textTime">10:15 - 11:00</div>
    <hr />
    <div class="textBody3">Un lungo testo descrittivo...versione 3 meno lunga</div>
    </foreignObject>
    </g>
    </a>*@
    </svg>
}