<style>
.box-zile .zi{
	width:100px;
	line-height:18px;
	float:left;
	padding:5px; 
	border:1px solid #ccc; display:block; cursor:pointer;
}
.box-zile{
	font-size:11px;
	font-weight:normal;
	display: table;
	width:720px;
}
.btn-success.propus.active,.btn-success.active,.btn-success.active.propus:hover,.btn-success.active.propus:focus{
background:#47a447;
color:#fff;
}
.btn-success.propus:hover,.btn-success.propus:focus{
	background:#69c669;
	color:#fff;
}
.btn-success.propus{
	background:#eee;
}
.btn-success:hover, .btn-success:focus, .btn-success.focus, .btn-success:active, .open > .dropdown-toggle.btn-success{
	color:#fff;
}
.btn-success{
	color:#333;
	font-weight:normal;
	background:#fff;
}
.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;
}
.programare-aleasa{
	height:32px;float:left; margin: 0 10px;
}
.btn-default{
	margin:0 10px;
	height:32px;
}

.schimbare-luni{
	margin:3px 0 0 ;
	float:right;
}
.well {
	-webkit-box-shadow: 0px 0px 2px 4px rgba(254,3,8,0.62);
	-moz-box-shadow: 0px 0px 2px 4px rgba(254,3,8,0.62);
	box-shadow: 0px 0px 2px 4px rgba(254,3,8,0.62);
}
.close-date-picker{
	float: left;
	display: block;
	top: 9px;
	padding: 5px 9px;
	position: absolute;
	left: -30px;
	background: #f00;
	border-radius: 6px 0 0 6px;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	cursor: pointer;
}
.btn-hd.active.right{
	background:#337ab7;
	color:#fff;
}
.btn-hd.active.left{
	background:#47a447;
	color:#fff;
}
.btn-hd{
	background:#eee;
	border:1px solid #ddd;
	 font-size:15px
}
.box-zile .hdf {background:#337ab7; color:#eee;}
.btn-hd.left{
	border-radius: 5px 0 0 5px;
}
.btn-hd.right{
	border-radius: 0 5px 5px 0;
}
</style>
<div style="width:100%; text-align:center;" ng-if="pacient.cnp.length !==13 || !pacient.nume">
	PAGINA INEXISTENTA !
</div>

<div ng-if="pacient.cnp.length === 13 && pacient.nume.length > 1">
	<div class="bara-submeniu">

			<div ui-sref="home.raportare({'an': an, 'luna': luna})" btn class="btn-warning buton-lunar" style="margin:5px">Raportare:<br><strong> {{luni[luna]}}</strong></div>
		<div style="float:left; padding:10px 5px 5px; 20px">
				<span style="font-size:18px;font-weight:bold;">{{pacient.nume}}</span> -{{pacient.cnp}}- pentru luna {{luni[luna]}} are {{(sedinte| filter : true).length }} sedinte notate
		</div>
		<div class="schimbare-luni">
			<div ui-sref="home.sedinte({'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.sedinte({'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="float:left;display:table; clear:both;float:left;width:100%;	padding:0 15px;">

		<br> 
	    <div class="btn-group" style="float:left; margin-right:15px;">
	        <label class="btn btn-hd left" ng-class="{'active': tip_sedinte == 'HD'}" ng-click="schimbaTip('HD')">HD</label>
	        <label class="btn btn-hd right" ng-class="{'active': tip_sedinte == 'HDF'}"  ng-click="schimbaTip('HDF')">HDF</label>
	    </div>
		<span class="dropdown" dropdown style="float:left">
	        <a class="dropdown-toggle" dropdown-toggle style="cursor:pointer; padding:7px 20px 7px 10px; margin-right:2px; width:100px;">
	        	<div style="float:left" ng-repeat="(iN, pA) in programareAleasa"> <div style="float:left" ng-if="iN > 0">-</div>{{pA[0]}}</div>
	        </a>
	        <ul class="dropdown-menu" >
	        
	           <li ng-click="sProgr(sedinte.obiect)" ng-repeat="sedinte in avemSedinte" class="ng-scope">
	                <a tooltip-popup-delay="1000" tooltip="{{pacient.cnp}}" tooltip-append-to-body="true" tooltip-placement="left" class="ng-binding">{{sedinte.name}}</a>
	            </li>
	        </ul>
	    </span>

		<div style="position:relative;float:left;margin:0 10px;">

			<div ng-show="showPicker" style="position:absolute; margin-top:36px;">
				<div datepicker="dd-MM-yyyy" ng-model="datePicker" show-weeks="false" class="well well-sm"></div>
				<div ng-click="showPicker = false" class="close-date-picker">X</div>
			</div>
			<input type="text" ng-blur="showPicker" ng-focus="showPicker = true" class="form-control" datepicker-append-to-body="true" datepicker-popup="dd-MM-yyyy" ng-model="datePicker" ng-required="true"/>
	        
	    </div>

		
		<div style="float:left; margin-right:15px;height:31px;" class="btn btn-success" btn ng-click="schimbaProgramare();showPicker = false"> SCHIMBA PROGRAMARE </div>

		<div ng-if="pacientPrecedent" style="float:left; margin-right:15px;height:31px;" class="btn btn-success" btn ng-click="schimbaPacientul(pacientPrecedent.cnp)"> << {{pacientPrecedent.nume}}</div>
	<span class="dropdown" dropdown style="float:left">
        <a class="dropdown-toggle" dropdown-toggle style="cursor:pointer">
        	<input style="width:200px; height:31px; padding-left:10px;" ng-model="filtramPacientii" placeholder="Schimba pacient">
        </a>
        <ul class="dropdown-menu" >
        
           <li ng-repeat="pacient in listaPacienti | filter: filtramPacientii" class="ng-scope">
                <a ng-click="schimbaPacientul(pacient.cnp)" tooltip-popup-delay="1000" tooltip="{{pacient.cnp}}" tooltip-append-to-body="true" tooltip-placement="left" class="ng-binding">{{pacient.nume}}</a>
            </li>
        </ul>
    </span>
			<div ng-if="pacientUrmator" style="float:; margin-right:15px;height:31px;" class="btn btn-success" btn ng-click="schimbaPacientul(pacientUrmator.cnp)">{{pacientUrmator.nume}} >> </div>
	</div>
	<div style="float:left; clear:both; margin:57px 15px 0 15px"  class="manage-select">
		<a style="float:left;" class="btn btn-default" ng-click="selectAll();"> SELECTARE AUTOMATA </a>
		<a style="float:left;" class="btn btn-default" ng-click="deselectAll();"> DESELECTARE </a>

		<div class="btn btn-danger" btn ng-click="setSedinte()"> SALVEAZA </div>
		<div class="btn btn-success" style="background:#bcf8bc; color:#333" ng-if="mesaj" ng-click="mesaj = ''">{{mesaj}}</div>
	</div>
	<div style="clear:both; padding:0 15px;">

	<div>
	<br>
	<div class="box-zile" style="float:left">
		<div ng-repeat="zi in zile" class="zi">
			{{zi}}
		</div>

		<div ng-repeat="zi in startZile" class="zi" style="border:1px solid #ccc">
			-
		</div>

		<div ng-click="tipSelect([zi.zi])" ng-repeat="zi in lunaCurenta" class="btn-success zi" ng-class="{'propus': zi.prop, 'active': hd[zi.zi], 'hdf': hdf[zi.zi]}">
			<div style="font-size:18px;float:left;margin-right:10px;">{{zi.zi}} </div>/ {{luna}} / {{an}}
		</div> 

	</div>

	<div style="float:left;font-weight:bold">
		Observatii:<br>
		<textarea style="padding:5px;width:100%;min-width:400px;height:129px;font-weight:normal" ng-model="pacient.observatii"> </textarea>
	</div>
</div>