Dynamically loading Partial View based on media query in Umbraco and access page properties

_Layout.cshtml

<script src="/scripts/ajaxInclude.min.js"></script>
<footer id="footer" data-append="@Url.Action("Footer", "Modules", new { id = CurrentPage.Id })" data-media="(min-width:45em)"></footer>
<script>$("[data-append]").ajaxInclude()</script>

Footer.cshtml

@inherits Umbraco.Web.Mvc.UmbracoViewPage<Umbraco.Core.Models.IPublishedContent>
Current page name: @Model.Name

ModulesController.cs

using System.Web.Mvc;
using Umbraco.Web.Mvc;

namespace MRM.Marketing.Web.Controllers
{
    public class ModulesController : SurfaceController
    {
        public ActionResult Footer(int id)
        {
            return PartialView("Footer", Umbraco.TypedContent(id));
        }
    }
}