@model Album
@{
    ViewBag.Title = "Edit " + (Model.IsProfileAlbum ? "Profile Pictures" : Model.Title);
    Layout = "~/Views/Shared/_LayoutUserTwoBars.cshtml";
    Html.DoSelect("Sidebar", "Album");

    var title = Model.IsProfileAlbum ? @Resources.Albums.ProfilePictures : Model.IsWallAlbum ? @Resources.Albums.WallPictures : Model.Title;

            // to be hijacked
            // this is a grid view of all pictures within an album
            // hijacked version shows the first picture in picture-view mode.
}
<div id="albumView" class="wallSection">
    <div class="header">
        <a href="@Url.Action("BackToAlbums", "Album", new { accountEmail = Model.Owner.Email, id = Model.Id })">&lt; @Resources.Albums.BackToAlbums
        </a>
        <form id="edit-name-form" action="@Url.Action("EditName", new { accountEmail = Model.Owner.Email, id = Model.Id })" method="POST">
            <div class="editor-field">
                <input type="text" value="@title" name="title" id="title" data-val-required="@Resources.Albums.AlbumNameRequired" data-val="true" class="text-box single-line" />
                <span class="field-validation-valid" data-valmsg-for="title" data-valmsg-replace="true" style="display: inline; padding: 6px 5px;"></span>
            </div>
            @*<input type="text" name="name" value="@(string.IsNullOrEmpty(Model.Title) ? (Model.IsProfileAlbum ? "Profile pictures" : "Wall photos") : Model.Title)" />*@
            <a id="save-album-title" href="#" class="tool">@Resources.Albums.SaveAlbumName</a>
            @*<a href="@Url.Action("Cancel", "Album", new { accountEmail = Model.Owner.Email, id = Model.Id })" class="tool">Cancel</a>*@
            <span class="desc">Created @Model.Created.GetDifferenceText()</span><br />
            <span class="desc">@(Model.Photos == null ? 0 : Model.Photos.Count)
                @Resources.Albums.Pictures</span>
        </form>
    </div>
    <div class="albumToolbar">
        <div class="toolbarGroup">
            <a class="album-upload-photos" href="@Url.Action("PostPhotos", new { accountEmail = Model.Owner.Email, id = Model.Id })">@Resources.Albums.ChoosePictures</a> <a class="remove-selected" href="#">@Resources.Albums.RemoveSelected</a>
            <a class="remove-all" href="#">@Resources.Albums.RemoveAll</a> <a class="move-photo-2album" href="#">@Resources.Albums.MoveTo &gt;</a>
        </div>
        <div class="toolbarGroup toolbarGroupR">
            <a href="#" class="check-all-btn" data="aphoto-checkbox">@Resources.Albums.SelectAll</a> <a href="#"
                class="uncheck-all-btn" data="aphoto-checkbox">@Resources.Albums.DeselectAll</a>
        </div>
    </div>
    <form id="photos-form" action="@Url.Action("EditAlbumPhotos", new { accountEmail = Model.Owner.Email, id = Model.Id })" method="POST">
        <input type="hidden" id="operation" name="operation" value="" />
        <input type="hidden" id="operation-data" name="operation_data" value="" />
        <div id="photos-container">
        </div>
    </form>
    <div class="albumToolbar">
        <div class="toolbarGroup">
            <a class="album-upload-photos" href="@Url.Action("PostPhotos", new { accountEmail = Model.Owner.Email, id = Model.Id })">@Resources.Albums.ChoosePictures</a> <a class="remove-selected" href="#">@Resources.Albums.RemoveSelected</a>
            <a class="remove-all" href="#">@Resources.Albums.RemoveAll</a> <a class="move-photo-2album" href="#">@Resources.Albums.MoveTo &gt;</a>
        </div>
        <div class="toolbarGroup toolbarGroupR">
            <a href="#" class="check-all-btn" data="aphoto-checkbox">@Resources.Albums.SelectAll</a> <a href="#"
                class="uncheck-all-btn" data="aphoto-checkbox">@Resources.Albums.DeselectAll</a>
        </div>
    </div>
    <div id="upload-photos-ctx">
        <div id="upload-photos" class="postForm postFormActive ">
            <h3>@Resources.Albums.ChooseMorePictures</h3>
            <br />
            <form action="@Url.Action("PostPhotos", new { accountEmail = Model.Owner.Email, id = Model.Id })" enctype="multipart/form-data" method="POST">
                <div class="postFormPhoto">
                    <input type="file" name="name" value="" class="multi-upload" accept="jpg|jpeg|png" />
                    <span>@Resources.Albums.ChoosePicturesFromPC</span>
                </div>
                <div class="postTypeBar">
                    <input id="btn-upload-photos" style="width: auto;" type="submit" name="name" value="upload these pictures" />
                </div>
            </form>
        </div>
    </div>
    @*
    <div id="move2album-ctx">
        <div id="move2album">
            <div id="myphotos" class="wallSection">
                <div class="header">
                    @if (Model.Owner.Email == ViewBag.Account.Email)
                    {
                        <h3>
                            Select one of your albums to move the photo</h3>
                    }
                    else
                    {
                        <h3>
                            Select one of @Model.Owner.FullName's albums to move the photo</h3>
                    }
                </div>
                <ul class="p">
                    @foreach (var album in ModelsPreview)
                    {
                        if (album.Id != Model.Id)
                        {
                        <li class="liAlbum"><a class="albumThumb album2move" data="@album.Id" href="@Url.Action("Display", new { accountEmail = Model.Owner.Email, album.Id })">
                            <img alt="album name" src="@Url.ImageResizerUrl(album.PhotoImage, "?w=180&h=135")" />
                        </a><a class="albumLink album2move"  data="@album.Id" href="@Url.Action("Display", new { accountEmail = Model.Owner.Email, album.Id })">@album.Title</a>
                        </li>   
                        }
                    }
                </ul>
            </div>
        </div>
    </div>
*@
    <div>
        <a href="@Url.Action("Delete", new { accountEmail = Model.Owner.Email, Model.Id })" onclick="return confirm(Resources.Album.confirmDeleteAlbum);" class="tool">@Resources.Albums.DeleteAlbum</a>
    </div>
</div>
@section foot {
    @* javascript ("~/Scripts/jquery.MultiFile-1.47.js") *@
    @* javascript ("~/Scripts/p4p.album.edit.js") *@
    <script type="text/javascript">
        $(function() {
            $.extend(globals, {
                ownerEmail: '@Model.Owner.Email',
                albumId: @Model.Id,
                actionLoadAlbumPhotos4Edit: '@Url.Action("LoadAlbumPhotos4Edit", new { accountEmail = Model.Owner.Email, id = Model.Id })'
            });

            $(document).trigger("album_photos.changed");
        });
    </script>
}