{{template "base/head" .}}
<div class="dashboard feeds">
	{{template "user/dashboard/navbar" .}}
	<div class="ui container">
		{{template "base/alert" .}}
		<div class="ui mobile reversed stackable grid">
			<div class="ui container ten wide column">
				<div class="default" id = 'default_page'>
					<div class="title">
						{{.i18n.Tr "home.wecome_AI_plt"}}
					</div>
					<div class="content">
						<p >{{.i18n.Tr "home.explore_AI"}} <a href="{{AppSubUrl}}/explore/repos"> {{.i18n.Tr "home.repositories"}}</a> 或 <a href="{{AppSubUrl}}/explore/datasets">{{.i18n.Tr "home.datasets"}}</a></p>
						<p >{{.i18n.Tr "home.use_plt__fuction"}}<a class="btn_create" href="{{AppSubUrl}}/repo/create{{if .ContextUser.IsOrganization}}?org={{.ContextUser.ID}}{{end}}" >{{.i18n.Tr "repo.create_repo"}}</a></p>
						<p > {{.i18n.Tr "home.provide_resoure"}}</p>
					</div>
					<div class="guide ">
						<a class="a_guide " href="https://git.openi.org.cn/zeizei/OpenI_Learning" target="_blank">{{.i18n.Tr "custom.Platform_Tutorial"}} <i class="ri-arrow-right-line" style="vertical-align: top;"></i></a>
					</div>
				</div>
				{{if .EnableHeatmap}}
					{{template "user/dashboard/heatmap" .}}
				{{end}}
				{{template "user/dashboard/feeds" .}}			
				<div  class="ui placeholder segment bgtask-none padding_none">
					<div class="act_title" style="padding-left: 0px ;">
						{{.i18n.Tr "home.activity"}}:
					</div>
					<div class="ui icon header bgtask-header-pic"></div>
					<p class="p_hint">
						{{.i18n.Tr "home.no_events"}}
					</p>
				</div>
			</div>
			{{template "user/dashboard/repolist" .}}
		</div>
	</div>
</div>
{{template "base/footer" .}}
<script>

	const {AppSubUrl, StaticUrlPrefix, csrf} = window.config;

	let URL = AppSubUrl +  '/api/v1/repos/search?sort=updated&order=desc&uid=true&q=&page=1&limit=10&mode= ';
        
	$.getJSON(URL, (result, _textStatus, request) => {
        const count = request.getResponseHeader('X-Total-Count');
		if (count != 0){
			document.getElementById("default_page").style.display = "none";
			document.getElementById("activity_cont").style.display = "none"
		}
    })
</script>

<style>
	.default{
		background-color: rgba(24, 144, 255, 0.1);
		margin-bottom: 20px;
		border-radius: 15px;
		line-height: 20px;
		padding:0px 25px;
	}
	.title{
		padding-top: 25px;
		color: rgba(16, 16, 16, 100);
		font-size: 20px;
		text-align: left;
		font-family: SourceHanSansSC-medium;
	}
	.content{
		color: rgba(80, 85, 89, 100);
		font-size: 14px;
		text-align: left;
		font-family: SourceHanSansSC-regular;
		margin-top: 20px;
	}
	.btn_create{
		border-radius: 4px;
		background-color: rgba(24, 144, 255, 100);
		color: rgba(255, 255, 255, 100);
		font-size: 14px;
		text-align: center;
		font-family: Microsoft Yahei;
		margin-left:5px;
		padding:5px
	}
	.hint{
		color: rgba(24, 144, 255, 0.5);
		font-size: 14px;
		text-align: left;
		font-family: SourceHanSansSC-regular;
		margin-top: 30px;
	}

	.guide{
		margin-top:30px;
		padding-bottom: 30px;
	}
	.a_guide{
		border-radius: 4px;
		background-color: rgba(255, 255, 255, 100);
		color: rgba(24, 144, 255, 100);
		font-size: 14px;
		text-align: center;
		font-family: Microsoft Yahei;
		border: 1px solid rgba(24, 144, 255, 100);
		padding: 5px 5px;
		vertical-align: middle;
		border-radius: 4px;
	}
	.activity{
		margin-top: 20px;
	}
	.act_title{
		color: rgba(16, 16, 16, 100);
		font-size: 20px;
		text-align: left;
		font-family: SourceHanSansSC-medium;
	}
	.p_hint{
		color: rgba(136, 136, 136, 100);
		font-size: 14px;
		text-align: center;
		font-family: SourceHanSansSC-regular;
	}
	.padding_none{
		padding: 0px !important;
	}
	.content >p{
		line-height: 2em !important;
	}
</style>