@model HeuristicLab.Clients.Hive.WebJobManager.ViewModels.UploadedJobViewModel

<div>

    @Html.Partial("Navbar", new HeuristicLab.Clients.Hive.WebJobManager.ViewModels.NavbarViewModel("Job"))

    <ul class="nav nav-pills nav-justified">
        <li role="presentation"
            class="">
            <a asp-controller="Job"
               asp-action="Index">
                Jobs
            </a>
        </li>
        <li role="presentation"
            class="active">
            <a asp-controller="Job"
               asp-action="Uploads">
                Uploads
            </a>
        </li>
    </ul>
    <div class="row" style="margin:10px">
        <div style="text-align:center">@Model.message</div>

    </div>
    <div class="row" style="padding:10px">
        @if (Model.DisplayDatePaths.Count == 0)
        {
            <div>
                <p style="text-align:center">
                    No files uploaded
                </p>
                <a class="btn btn-success btn-lg btn-block"
                   asp-controller="Job"
                   asp-action="Uploader"
                   style="margin:10px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
                            text-shadow:2px 2px black;">
                    <i class="fa fa-cloud-upload"></i> Upload new file(s)
                </a>
            </div>

        }
        else {
            <div class="col-sm-4">
                <div class="btn-group-vertical btn-block">
                    <a class="btn btn-info btn-lg btn-block disabled"
                       style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
                            text-shadow:2px 2px black;">
                        <i class="fa fa-cloud"></i> Uploads
                    </a>
                    <a class="btn btn-success btn-block
                       @(Model.SelectedIndex == -1 ? "active" : "")
                       "
                       asp-controller="Job"
                       asp-action="UploadDir"
                       asp-route-index="-1"
                       onclick="showUploader()"
                       style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
                            text-shadow:2px 2px black;">
                        <i class="fa fa-cloud-upload"></i> Upload new file(s)
                    </a>
                    @for (int i = 0; i < Model.DisplayDatePaths.Count; i++)
                    {
                        <a class="btn  btn-default @(i == Model.SelectedIndex ? "active" : "" )"
                           style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);"
                           asp-controller="Job"
                           asp-action="UploadDir"
                           asp-route-index="@(i)"
                           onclick="showDownloader()">
                            @Model.DisplayDatePaths[i]
                        </a>
                    }

                </div>
            </div>
            <p style="display:none"
               id="downloader"
               class="text-center">
                <br /><br /><br /><br /><br /><br /><br />
                <i class="fa fa-cloud-download fa-spin fa-5x" id="spinner">
                </i>
            </p>
            <p style="display:none"
               id="uploader"
               class="text-center">
                <br /><br /><br /><br /><br /><br /><br />
                <i class="fa fa-cloud-upload fa-spin fa-5x" id="spinner">
                </i>
            </p>
            <p style="display:none"
               id="deleter"
               class="text-center">
                <br /><br /><br /><br /><br /><br /><br />
                <i class="fa fa-trash-o fa-spin fa-5x" id="spinner">
                </i>
            </p>
            <div id="content">
                @if (Model.SelectedIndex != -1)
                {
                    <div class="col-sm-8">

                        @for (int i = 0; i < Model.DisplayFilesPaths.Count; i++)
                    {
                            <div class="btn-group-justified btn-block">

                                <a class="btn btn-default @(Model.DisplayFilesPaths[i].EndsWith(".hl") ? "" : "disabled" )"
                                   asp-controller="Job"
                                   asp-action="OpenFile"
                                   asp-route-index="@(Model.SelectedIndex)"
                                   asp-route-filedex="@i"
                                   style="width:6%;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);">
                                    @Model.DisplayFilesPaths[i]
                                </a>
                                <a id="del"
                                   style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
                            text-shadow:2px 2px black;"
                                   class='btn btn-group btn-danger'
                                   asp-controller="Job"
                                   asp-action="DeleteFile"
                                   asp-route-index="@(Model.SelectedIndex)"
                                   asp-route-filedex="@i"
                                   onclick="showDeleter()">
                                    <span class='glyphicon glyphicon-trash' aria-hidden='true'></span>
                                </a>
                            </div>
                        }


                    </div>

                }
                else
                {
                    <div class="col-sm-8">

                        @Html.Partial("UploaderPartial/_UploaderPartial")
                    </div>
                }
            </div>

        }
    </div>
    <script type="text/javascript">
        function showDownloader() {
            document.getElementById("content").style.display = "none";
            document.getElementById("downloader").style.display = "";

        }
        function showUploader() {
            document.getElementById("content").style.display = "none";
            document.getElementById("uploader").style.display = "";

        }
        function showDeleter() {
            document.getElementById("content").style.display = "none";
            document.getElementById("deleter").style.display = "";
        }
    </script>
</div>