Backend-Api/ServiceHost/Areas/Admin/Pages/Index.cshtml

@page
@model ServiceHost.Areas.Admin.Pages.IndexModel
@{
	<link href="~/AdminTheme/assets/css/TypoGraphy.css" rel="stylesheet"/>
	<style>
        .efects {
            background-color: #f5f5f5 !important;
        }

        .dadmehr {
            font-weight: 700;
            text-align: center;
            font-size: 40px;
            text-transform: uppercase;
            background: linear-gradient(90deg, #e7e7e7, #3c763d, #e7e7e7);
            -webkit-background-clip: text;
            background-clip: text;
            -webkit-text-fill-color: transparent;
            background-repeat: no-repeat;
            background-size: 80%;
            animation: shine 5s linear infinite;
            position: relative;
        }

        .time {
            background-color: #28a711;
            height: 50px;
            border-radius: 15px;
          
        }

        .madar {
            position: relative;
        }

        .farzand1 {
            font-size: 20px;
            position: absolute;
            top: 15px;
            right: 20px;
            color: #ffffff;
        }

        .farzand2 {
            font-size: 20px;
            position: absolute;
            top: 11px;
            right: 50px;
            color: #ffffff;
        }
        .searchpanel {
            background-color: #747272;
        }
        .dbBackupPanel {
            background-color: #efefef;
            min-height: 168px;
            border-radius: 15px;

            box-shadow: 0px 1px 15px 0 #4cb733;
            margin-bottom: 15px;
        }
        .insBackupPanel {
            background-color: #efefef;
            min-height: 168px;
            border-radius: 15px;

            box-shadow: 0px 1px 15px 0 #f1c521;
        }
        .dbBackupItems {
            color: #fff;
            background-color: #10aa12;
            font-size: 14px;
            border-radius: 15px;
            height: 25px;
            line-height: 1.8;
            padding-left: 5px;
            width: 99.4%;
        }
        .InsurancebackupItems {
            color: #fff;
            background-color: #f1c521;
            font-size: 14px;
            border-radius: 15px;
            height: 25px;
            line-height: 1.8;
            padding-left: 5px;
            width: 99.4%;
        }
        .download-icon {
            top: 1px;
            right: 4px;
            position: relative;
            border-radius: 25px;
            background-color: white;
   
            padding: 4px 4px;
            float: left;
            left: 1px;
            font-size: 14px;
        }
        .backupPanelHeader {
            background-color: #858585;
            border-radius: 15px;
            color: #fff;
            font-size: 14px;
            text-align: center;
        }
        ::-webkit-scrollbar {
            width: 8px;
        }

        ::-webkit-scrollbar-track {
            background: #dfdfdf;
            border-radius: 5px;
        }

        ::-webkit-scrollbar-thumb {
            background: #767676;
            border-radius: 5px;
        }
        @@media only screen and (max-width : 992px) {
            .InsurancebackupItems {
         
                font-size: 12px !important;
                line-height: 2.4;
              
            }

            .dbBackupItems {
             
                font-size: 12px !important;
                line-height: 2.4;
               
            }
        }
    </style>

}

<div class="row time">
	<div class="form-group madar">
		<i class="fa fa-calendar farzand1"></i>
		<span class="farzand2">
			<span style="border-left: 1px solid #ffffff; padding-left:10px">@Model.today</span>

			<span style="padding-right: 5px">
				@Model.day

				@Model.month

				@Model.year
			</span>
			<span style="display: none;">
				<a id="googleLink" asp-page="./Index" asp-page-handler="Backup" class="btn btn-info pull-left m-rl-5 fff rad">
					<i class="fa faSize fa-trash"></i>
				</a>
			</span>

		</span>
	</div>


</div>
<div class="row efects">
	<p class="dadmehr">دادمهرگستر </p><br/>
	<p class="dadmehrEn">DadmehrGostar</p>
</div>

<div class="row">
	<div class="panel-group panel-group-joined" style="height: 85px; margin-bottom: 0px !important" id="accordion-test">
		<a class="btn btn-warning" style="border-radius: 25px; margin: 3% 45%" asp-area="Client" asp-page="Index"> سایت موازی(آزمایشی) </a>
		<div class="hidden-select" style="display: none;">
			<select class="form-control select-city inpt">
			</select>
		</div>

	</div>
</div>

@*backups*@
<div class="row" permission="2">
	<div class="container">
		<fieldset style="border: 1px solid #999797;  border-radius: 10px; padding: revert;">
			<legend style="margin-bottom: 5px; font-size: large; border-bottom: 0px; color: #505458; width: 140px; text-align: center;"> بکاپ خودکار</legend>
			<div class="col-md-1 hidden-xs hidden-sm" style="width: 4%"></div>
			<div class="col-xs-12 col-md-5 dbBackupPanel progress-bar-striped pull-right">
				<span>
					<h4 class="backupPanelHeader">لیست بکاپ های دیتابیس</h4>
				</span>
				<span style="height: 120px;display: inherit;overflow-y: scroll">
					@foreach (var item in Model.DbBackupList)
					{
						<span style="text-align: end">
							<h4 class="dbBackupItems">
								@item.FileName
								<span>
									<a title="Download_Database" href="@Url.Page("./Index", "DownloadFile", new { path = item.FullPath, fileName = item.FileName })">
										<i class="fa fa-download download-icon" style="color: #10aa12"></i>
									</a>
								</span>
							</h4>
						</span>
					}
				</span>

			</div>
			<div class="col-md-1 hidden-xs hidden-sm"></div>
			<div class="col-xs-12 col-md-5 insBackupPanel progress-bar-striped pull-right">
				<span>
					<h4 class="backupPanelHeader">لیست بکاپ های بیمه</h4>
				</span>
				<span style="height: 120px;display: inherit;overflow-y: scroll">
					@foreach (var item in Model.InsuranceBackupList)
					{
						<span style="text-align: end">
							<h4 class="InsurancebackupItems">
								@item.FileName
								<span>
									<a title="Download_InsuranceList" href="@Url.Page("./Index", "DownloadFile", new { path = item.FullPath, fileName = item.FileName })">
										<i class="fa fa-download download-icon" style="color: #f1c521"></i>
									</a>
								</span>
							</h4>
						</span>
					}
				</span>

			</div>
		</fieldset>
	</div>

</div>