Bootstrap image slider в MVC ломается, когда я пытаюсь передать все файлы из папки в него

---

@{
    ViewBag.Title = "GalerijaIndex";
    Layout = "~/Views/Shared/_GalerijaLayout.cshtml";
}

<div id="mycarousel" class="carousel slide" data-ride="carousel" style="margin-top: -15px">

    <ol class="carousel-indicators">
        <li data-target="#mycarousel" data-slide-to="0" class="active"></li>
        <li data-target="#mycarousel" data-slide-to="1"></li>
        <li data-target="#mycarousel" data-slide-to="2"></li>
    </ol>
    <div class="carousel-inner" role="listbox">
        <div class="item active">
            <img src="~/Content/First/Music1.jpg" />
        </div>
        @{
            string source = "~/Content/Images/";
            string[] fileEntries = Directory.GetFiles(source);
            foreach (var i in fileEntries)
            {
                <div class="item">
                    <img src="~/Content/Images/@{Path.GetFileName(i)}" />
                </div>
             }
        }
             }


    <a class="left carousel-control" href="#mycarousel" role="button" data-slide="prev">
        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
        <span class="sr-only">Prethodna</span>
    </a>

    <a class="right carousel-control" href="#mycarousel" role="button" data-slide="next">
        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
        <span class="sr-only">Slijedeća</span>
    </a>
</div>

Цель состоит в том, чтобы динамически заполнить слайдер всеми изображениями в папке "~Content/Images/", чтобы он мог их отображать. Вся логика здесь на виду, но я не могу понять, почему я получаю ошибку 500.

Что я уже пробовал:

Я пробовал то, что знал, но понятия не имею, что не так. Все остальное работает нормально. Я пробовал передать ему значение через ViewBag из контроллера, то же самое;

---