<!DOCTYPE html>
<html lang="ru">
<head>
  <title>Дела на сегодня</title>
  <meta content="text/html; charset=utf-8" http-equiv="content-type">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0"/>
  <meta name="apple-mobile-web-app-capable" content="yes"/>
  <meta name="apple-mobile-web-app-status-bar-style" content="default">
  <style type="text/css">
	<!--
	body {
	  color:#000;
	  font-size: 14px;
	  font-family: arial, tahoma;
	  background:#eee;
	  padding:0;
	  margin:0;
	}
	div{
	  margin:0;
	  display:block;
	}
	hr{
	  width:100%;
	  border:0 none;
	  border-top: #ccc 1px dotted;
	  padding:0;
	  height:1px;
	  clear:both;
	}
	.green {
	  color: #349C5A;
	}
	.blue, .blue a, a {
	  color:#00548C;
	}
	.head{
	  background:transparent;
	  padding:5px;
	  margin:10px auto;
	  height:50px;
	  border:0 solid #DFDFDF;
	}
	.blok{
	  font-size: 14px;
	  color: #000;
	  border:1px solid #DFDFDF;
	  line-height: 18px;
	  margin:10px auto;
	  /*padding: 10px 10px;*/
	  background:#FFF;
	  padding-bottom: 20px;

	}
	.todo{
	  float:left;
	  color: #000;
	  padding:5px 5px;
	}
	.logo img{
	  height: 40px;
	}
	.red{
	  color : red;
	}
	.green{
	  color : green;
	}
	.border-red{
	  border-left: 2px solid red;
	}
	.border-gray{
	  border-left: 2px solid gray;
	}
	.border-blue{
	  border-left: 2px solid blue;
	}
	.border-green{
	  border-left: 2px solid #349C5A;
	}
	sup{
	  font-size: 0.7rem;
	  font-weight: 700;
	}
	.fs-07{
	  font-size: 0.7rem;
	  font-weight: 700;
	  line-height: 1.0rem;
	}
	.fs-07 a{
	  display: block;
	  margin-top: 5px;
	  font-size: 0.8rem;
	  color:blue;
	  text-decoration: none;
	}
	.fs-09{
	  font-size: 0.9rem;
	  font-weight: 700;
	  line-height: 1.0rem;
	}
	.fs-12{
	  font-size: 0.9rem;
	  font-weight: 700;
	  line-height: 1.3rem;
	}
	.title{
	  font-size: 0.8em;
	  text-transform: uppercase;
	  color: gray;
	}
	.infodiv {
	  border        : 1px dashed #BFCFFF;
	  background    : #E5F0F9;
	  font-size     : 1.0em;
	  padding       : 10px;
	  display       : block;
	  border-radius : 3px;
	}
	.p5 {
	  padding : 5px !important;
	}
	.p10 {
	  padding : 10px !important;
	}
	.pl10 {
	  padding-left : 10px !important;
	}
	.pr10 {
	  padding-right : 10px !important;
	}
	.mb10 {
	  margin-bottom: 10px !important;
	}

	@media (max-width: 989px) {
	  .head{
		width:auto;
		margin:5px;
	  }
	  .todo{
		font-size: 16px;
	  }
	  .logo img{
		height: 30px;
		margin-top: -0px;
	  }
	  .blok{
		width:auto;
		margin:5px;
	  }
	}
	-->
  </style>
</head>
<body>
<DIV style="width:98%; max-width:600px; margin: 0 auto">

  <div class="head" align="left">
	<div class="todo" style="display:table; width:100%;">

	  <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAIySURBVGhD7ZlNS2pRFIb9IX0NnTWoc6YXFIKS/ls/okkZ3gocnkY2CyMKlI4QdO/w1r2pNT2dba+x03e53LK57uA88GCs9lrrPepBqVJBQYE7pxeXtZ8Xrd8jk9Yeys74muPMadL6lS/PRiaXjyg742uOM59LIcrO+JpDedvZXh1WopNhNeoPq3FmO7l48vfzqs+J+oNq3OjvbJURaz4Q/ml6YJz1K9OLTY2dnaXbnOj59Ue8gng6H888GxRnd5vlqcWmxs7O0n1OVEc8nfzwgA+Js2RjbWpxsrFOz87SeU4lekE8HToAmsVnJ+efS8/q5wtfgOscxNNhzWPNy9ys7Y+Wm6XN3drCbyHXOYinw5rHmhvNLDLPltH8vOhN7DoH8XRYcwging5rDkHE02HNIYh4OtfdXhaiiKfDmkMQ8XRYcwging5rDkHE02HNtgeHjS/6rksing5rtpUW+6pLIp4Oa7aVFvuqSyKeDmu2lRb7qksins6fvy9ZiCKeDmsOQcTTYc224+/wY7X65FcC7bwk4umwZltpsVQvLgAing5rtpUWS/XgLmBZIp4Oaw5BxNNhHyK20geQr7ok4umwZltpsa+6JOLpsGZbabGvuiTi6bBmW2mxr7ok4umw5hBEPB3WHIKIp9Pu9gZswFLt9Ob/4267kzbokCXa7vSOEE/nqvtQbnfTZzZoGeZZnm7u7+f/B4fhNk1X8+a6eekmB/43O+m//PHYOXxBQcF3oVR6B/LlQSoOgy8bAAAAAElFTkSuQmCC" style="float: left; margin-right: 10px;">
	  <div style="display: inline-block; padding-top: 5px;">Дела на сегодня<br><b>{{datum}}</b></div>

	</div>
  </div>

  {{#tasks}}
  <div class="blok {{border}}">

	<div style="color:black; font-size:12px; margin-top: 5px;">

	  <div class="p5 pl10" style="margin-bottom:0; font-size:16px">
		<b class="{{color}}">{{time}}</b>&nbsp;{{{priority}}}&nbsp;<b>{{title}}</b>&nbsp;
		<sup style="float:right">{{tip}}</sup>
	  </div>

	  {{#agenda}}
	  <hr>
	  <div class="pl10 pr10">
		<b class="title">Агенда:</b>
		<div class="infodiv">{{{agenda}}}</div>
	  </div>
	  {{/agenda}}

	  {{#iscard}}
	  <hr>
	  <div class="p5 pl10">

		{{#client}}
		<b class="title">Клиент</b>
		<div class="fs-12"><a href="{{crmurl}}/card.client.php?clid={{id}}" target="_blank">{{title}}</a></div>
		{{/client}}

	  </div>

	  {{#isperson}}
	  <hr>
	  <div class="p5 pl10">

		<b class="title">Контакты:</b>

		{{#person}}
		<div class="fs-12 mb10">
		  <a href="{{crmurl}}/card.person.php?pid={{id}}" target="_blank">{{title}}</a>
		  {{#url}}
		  <div class="fs-07 pl10">{{{url}}}</div>
		  {{/url}}
		</div>
		{{/person}}

	  </div>
	  {{/isperson}}

	  {{#deal}}
	  <hr>
	  <div class="p5 pl10">
		<b class="title">Сделка</b>
		<div class="fs-12"><a href="{{crmurl}}/card.deal.php?did={{id}}" target="_blank">{{title}}</a></div>
	  </div>
	  {{/deal}}

	  {{/iscard}}

	  {{#autor}}
	  <hr>
	  <div class="p10" align="right">
		Назначил: <b style="color:red">{{autor}}</b>
	  </div>
	  {{/autor}}

	</div>

  </div>
  {{/tasks}}

  <div style="font-size:10px; margin-top:10px; padding: 10px 10px; margin-bottom: 10px;" align="right">
	<div>SalesMan CRM Team</div>
  </div>

</DIV>
</body>
</html>