<style>
td { 
	white-space:nowrap;
	padding:10px !important;
	width: auto;
}
.table {
	width:100%;
}
.ultim{
	white-space:normal;
}

td span{
	padding: 4px;
	margin: 2px 3px 2px 0;
	color: #fff;
	border-radius: 4px;
	text-align: center;
}
td span.lmv, td.lmv, .sedinte-propuse .lmv{
	background: #8B6897 !important;
	color:#fff;
}
td span.mjs, td.mjs, .sedinte-propuse .mjs{
	background: #FD904A !important;
	color:#fff;
}

td span.none{
	background: #7F7F7F !important;
}
.sedinte {
	text-align:center;margin: 0 auto;display: block;letter-spacing:2px
}
.schimbare-luni{
	margin:3px 0 0 ;
	float:right;
}
.buton-lunar{
	margin: 2px 15px 5px 0;
	cursor:pointer;
	font-size:11px;
	font-weight: normal;
	display:table;
	float:left;padding: 5px 10px;text-align:center;
}
p.sedinte-diff{
	text-align:center;
	width:40px;border-radius:4px;display:table;  margin:0 auto;
	-webkit-box-shadow: -1px 1px 5px 1px rgba(179,11,11,1);
	-moz-box-shadow: -1px 1px 5px 1px rgba(179,11,11,1);
	box-shadow: -1px 1px 5px 1px rgba(179,11,11,1);
}
 .sedinte-propuse .mjs, .sedinte-propuse .lmv{ padding:3px 9px; border-radius:3px;font-size:18px;}
</style>

<div>
	<div class="bara-submeniu">
		<div class="sedinte-propuse" style="float:left; padding:10px 5px 5px; 20px">
				SEDINTE <span style="font-size:18px;font-weight:bold;">{{luni[luna]}} / {{an}}</span> avem
				<span class="lmv">{{propuseLMV.length}} LMV</span> de efectuat  / 
				<span class="mjs">{{propuseMJS.length}} MJS</span> de efectuat /
				<span class="lmv">{{propuseLV.length}} LV</span> de efectuat  / 
				<span class="mjs">{{propuseMS.length}} MS</span> de efectuat 
		</div>
		<div class="schimbare-luni">
			<a style="padding:5px; margin-right:5px;" href='/exemple/machete.php?luna={{luna}}&an={{an}}&format=xls' class="btn-warning"> MACHETE </a>
			<a style="padding:5px; margin-right:5px;" href='/exemple/raportare_dia.php?luna={{luna}}&an={{an}}&format=xls' class="btn-warning"> fisier DIA </a>
			<a style="padding:5px; margin-right:5px;" href='' class="btn-warning"> CNP </a>
			<div ui-sref="home.raportare({'an': an_ant, 'luna': luna_ant})" btn class="btn-primary buton-lunar">Luna trecuta:<br><strong> {{luni[luna_ant]}}</strong></div>
			<div ui-sref="home.raportare({'an': an_urm, 'luna': luna_urm})" btn class="btn-primary buton-lunar">Luna urmatoare:<br><strong> {{luni[luna_urm]}}</strong></div>
		</div>
	</div>
<div style="padding:0 15px">
	<table ng-table="tableParams" class="table inline-list" fixed-header>
		<thead>
			<td style="background:#7EBF7E;color:#fff">
				CNP
			</td>
			<td style="background:#7EBF7E;color:#fff">NUME PACIENT</td>
			<td style="background:#7EBF7E;color:#fff;width:10px;text-align:center;">ZILE</td>
			
			<td style="background:#7EBF7E;color:#fff">
				Nr. SEDINTE
			</td>
			<td style="background:#7EBF7E;color:#fff">
				Data SEDINTE
			</td>
			<td style="background:#7EBF7E;color:#fff">
				TIP
			</td>
			<td class="ultim" style="background:#7EBF7E;color:#fff;min-width:100px;">
				OBSERVATII
			</td>
		</thead>
			<tr ng-if="raportare.obiectSedinte.length > 0"  ui-sref="home.sedinte({ 'cnp': raportare.cnp, 'an': an,'luna': luna })" ng-repeat="raportare in raportari" ng-init="rand.show">
				<td class="fCell" style="border-center:8px solid {{cons.color}}; text-align:left;padding-left:10px; vertical-align:middle;width:10px;" data-title="'ID'"  sortable="'name'">
					{{raportare.cnp}}</td>
				<td class="fCell" style="text-align:left;padding-left:10px; vertical-align:middle;" data-title="'Name'"  sortable="'name'">
					{{raportare.nume}}</td>
				<td><span  class="sedinte" ng-class="{'lmv': raportare.programare[0][0] == 'L', 'mjs': raportare.programare[0][0] == 'M'}">
					{{raportare.zile}}<s/pan>
				</td>
				<td style="font-size:16px; font-weight:bold;text-align:center">
					<p ng-class="{'sedinte-diff': (raportare.obiectSedinteHDF.length + raportare.obiectSedinte.length)  !== 13}">
						{{raportare.obiectSedinte.length  + raportare.obiectSedinteHDF.length}}
					</p>
				</td>
				<td >
					<span
						ng-class="{'lmv' : verificareProgramare(sedinta,raportare.programare[0]) == 'lmv', 'mjs' : verificareProgramare(sedinta,raportare.programare[0]) == 'mjs', 'none': verificareProgramare(sedinta,raportare.programare[0]) == 'none'}" 
						ng-repeat="sedinta in raportare.obiectSedinte">

						{{sedinta}}
					</span>
				</td>
				<td >
					{{raportare.obiectSedinte.length}}HD
				</td>
				<td class="ultim" >
					{{raportare.observatii}}
				</td>
			
			</tr>
	</table>


	<table ng-table="tableParams" class="table inline-list" fixed-header>
		<thead>
			<td style="background:#5B94C5;color:#fff">
				CNP
			</td>
			<td style="background:#5B94C5;color:#fff">NUME PACIENT</td>
			<td style="background:#5B94C5;color:#fff;width:10px;text-align:center;">ZILE</td>
			
			<td style="background:#5B94C5;color:#fff">
				Nr. SEDINTE
			</td>
			<td style="background:#5B94C5;color:#fff">
				Data SEDINTE
			</td>
			<td style="background:#5B94C5;color:#fff">
				TIP
			</td>
			<td class="ultim" style="background:#5B94C5;color:#fff;min-width:100px;">
				OBSERVATII
			</td>
		</thead> 
			<tr ng-if="raportare.obiectSedinteHDF.length > 0" ui-sref="home.sedinte({ 'cnp': raportare.cnp, 'an': an,'luna': luna })" ng-repeat="raportare in raportari" ng-init="rand.show">
				<td class="fCell" style="border-center:8px solid {{cons.color}}; text-align:left;padding-left:10px; vertical-align:middle;width:10px;" data-title="'ID'"  sortable="'name'">
					{{raportare.cnp}}</td>
				<td class="fCell" style="text-align:left;padding-left:10px; vertical-align:middle;" data-title="'Name'"  sortable="'name'">
					{{raportare.nume}}</td>
				<td><span  class="sedinte" ng-class="{'lmv': raportare.programare[0][0] == 'L', 'mjs': raportare.programare[0][0] == 'M'}">
					{{raportare.zile}}<s/pan>
				</td>
				<td style="font-size:16px; font-weight:bold;text-align:center">
					<p ng-class="{'sedinte-diff': (raportare.obiectSedinteHDF.length + raportare.obiectSedinte.length)  !== 13}">
						{{raportare.obiectSedinteHDF.length + raportare.obiectSedinte.length}}
					</p>
				</td>
				<td >
					<span
						ng-class="{'lmv' : verificareProgramare(sedinta,raportare.programare[0]) == 'lmv', 'mjs' : verificareProgramare(sedinta,raportare.programare[0]) == 'mjs', 'none': verificareProgramare(sedinta,raportare.programare[0]) == 'none'}" 
						ng-repeat="sedinta in raportare.obiectSedinteHDF">

						{{sedinta}} 
					</span>	
				</td>
				<td >
					{{raportare.obiectSedinteHDF.length}} HDF
				</td>
				<td class="ultim" >
					{{raportare.observatii}}
				</td>
			
			</tr>
	</table>
</div>



</div>