хлебная крошка не работает на уровне страницы 2 или более asp.net mvc

Question

хлебные крошки работают только так:

Home / Pages

но если страница уровня 2 или более, например:

Home / Pages / Edit

не работает.

Мой код JS:

 var Home = '<li><a href="/home"><span class="glyphicon glyphicon-home"></span></a></li>';
var URl = window.location.href.split('/')[0] + '/' + window.location.href.split('/')[1] + '/' + window.location.href.split('/')[2] + '/' + window.location.href.split('/')[3];
var total = Home + "<li><a href=" + URl + ">" + Page.replace(/[0-9]/g, '') + "</a></li>";
if (window.location.href.split('/')[5] || (window.location.href.split('/')[4])) {
    if ((window.location.href.split('/')[4].toUpperCase() != "INDEX")) { total += "<li>" + $('h2:eq(0)').text().split(' ')[0] + "</li>"; }
}
$('.breadcrumb').html(total);

HTML

 <ul class="breadcrumb">
                <li>
                    <i class="ace-icon fa fa-home home-icon"></i>
                    <a href="#">Home</a>
                </li>
            </ul>