{% extends "common/auth_page.twig" %}

{% block contentTitle %}{{'user-view'|trans}}{% endblock %}

{% block content %}


<div class="container">

	<div class="row">
		<div class="col-md-12">
			<div class="card">
				<div class="card-header">
					{{'user-list'|trans}}
				</div>
				<div class="card-body text-left">
			  	<div class="col-md-12 mb-3">
				  	<button class="btn btn-outline-primary btn-block mw-100" id="createUserModal" data-toggle="modal" data-target="#createUser">{{'create-user-individual'|trans}}</button>
				  </div>
					<table class="table" id="usersTable">
						<thead>
							<tr>
								<th>{{'name'|trans}}</th>
								<th>{{'username'|trans}}</th>
								<th>{{'department'|trans}}</th>
								<th>{{'balance'|trans}}</th>
								<th>{{'role'|trans}}</th>
								<th></th>
							</tr>
						</thead>
						<tbody>
							{% for user in users %}
							<tr>			  		
								<td>{{user.name}} {{user.surname}}</td>
								<td>{{user.username}}</td>
								<td>{{user.department}}</td>
								<td>{% if user.balance %}{{user.balance|number_format(2, '.', ',')}}{% endif %}</td>
								<td>{{user.role}}</td>
								<td>
									{% if disabled %}

									<a href="{{path_for(constant('GestionComedor\\Configuration\\Routers\\UserRouters::USER_GET_DISABLED'),{id: user.id, disabled: 1})}}">
									<button class="btn-sm btn-outline-primary btn-block mw-100" type="submit">{{'view'|trans}}</button>
									</a>
									{% else %}
										<a href="{{path_for(constant('GestionComedor\\Configuration\\Routers\\UserRouters::USER_GET'),{id: user.id})}}">
										<button class="btn-sm btn-outline-primary btn-block mw-100" type="submit">{{'view'|trans}}</button>
										</a>
									{% endif %}
								</td>
							</tr>
							{% endfor %}
						</tbody>
					</table>
				</div>
			</div>
		</div>
	</div>

	<div class="row pt-5">
		<div class="col-md-12">
			<div class="card">
				<div class="card-header">
					{{'generate-user-card'|trans}}
				</div>
				<div class="card-body text-center">
					<form action="{{path_for(constant('GestionComedor\\Configuration\\Routers\\UserRouters::USER_USERCARD_DEPARTMENT'))}}" method="GET" enctype="multipart/form-data">
						<div class="row">
							<div class="col-md-6">
								<label for="department" >{{'department'|trans}}</label>
								<select name="department" id="department">
				          {% for department in departments %}
				          	<option value="{{department.department}}">{{department.department}}</option>
				        	{% endfor %}
			        	</select>
			        </div>
							<div class="col-md-6 text-left">
			        	<button class="btn-sm btn-outline-primary btn-block mw-100" type="submit">{{'download'|trans}}</button>
			        </div>
		        </div>
	        </form>
				</div>
			</div>
		</div>
	</div>

	<div class="row pt-5">
		<div class="col-md-12">
			<div class="card">
				<div class="card-header">
					{{'generate-user-card-role'|trans}}
				</div>
				<div class="card-body text-center">
					<form action="{{path_for(constant('GestionComedor\\Configuration\\Routers\\UserRouters::USER_USERCARD_ROLE'))}}" method="GET" enctype="multipart/form-data">
						<div class="row">
							<div class="col-md-6">
								<label for="role" >{{'role'|trans}}</label>
								<select name="role" id="role">
				          {% for role in roles %}
				          	<option value="{{role.id}}">{{role.name|trans}}</option>
				        	{% endfor %}
				        	<option value="all">Custom</option>
			        	</select>
			        </div>
							<div class="col-md-6 text-left">
			        	<button class="btn-sm btn-outline-primary btn-block mw-100" type="submit">{{'download'|trans}}</button>
			        </div>
		        </div>
	        </form>
				</div>
			</div>
		</div>
	</div>

	<div class="row pt-5">
		<div class="col-md-12">
			<div class="card">
				<div class="card-header">
					{{'assign-user-class-csv'|trans}}
				</div>
				<div class="card-body text-center">
          <form action="{{path_for(constant('GestionComedor\\Configuration\\Routers\\UserRouters::USER_MANAGER_ASSIGN_USER_DEPARTMENT'))}}" method="POST" enctype="multipart/form-data">
  					<div class="row">
				  		<div class="col-md-12 mb-3">
				  			<label for="dataUserDepartment" >{{'select-upload-file'|trans}}</label>
	              <input id="dataUserDepartment" name="dataUserDepartment" type="file" class="form-control">
				  		</div>
				  	</div>
				  	<div class="row">
				  		<div class="col-md-6 mb-3">
				  			<label for="department" >{{'department'|trans}}</label>
				  			<select class="form-control" name="department">
				  				<option value="0">---</option>
				  				<option value="administracion">administracion</option>
				  				<option value="kindergarden">kindergarden</option>
				  				<option value="primaria">primaria</option>
				  				<option value="secundaria">secundaria</option>
				  				<option value="01">01</option>
				  				<option value="01a">01a</option>
				  				<option value="01b">01b</option>
				  				<option value="01c">01c</option>
				  				<option value="01d">01d</option>
				  				<option value="01f">01f</option>
				  				<option value="02a">02a</option>
				  				<option value="02b">02b</option>
				  				<option value="02c">02c</option>
				  				<option value="02d">02d</option>
				  				<option value="03a">03a</option>
				  				<option value="03b">03b</option>
				  				<option value="03c">03c</option>
				  				<option value="03d">03d</option>
				  				<option value="04a">04a</option>
				  				<option value="04b">04b</option>
				  				<option value="04c">04c</option>
				  				<option value="04d">04d</option>
				  				<option value="04f">04f</option>
				  				<option value="05a">05a</option>
				  				<option value="05b">05b</option>
				  				<option value="05c">05c</option>
				  				<option value="05d">05d</option>
				  				<option value="05e">05e</option>
				  				<option value="05eN">05eN</option>
				  				<option value="06a">06a</option>
				  				<option value="06b">06b</option>
				  				<option value="06c">06c</option>
				  				<option value="06d">06d</option>
				  				<option value="06e">06e</option>
				  				<option value="07a">07a</option>
				  				<option value="07b">07b</option>
				  				<option value="07c">07c</option>
				  				<option value="07d">07d</option>
				  				<option value="07e">07e</option>
				  				<option value="08a">08a</option>
				  				<option value="08b">08b</option>
				  				<option value="08c">08c</option>
				  				<option value="08d">08d</option>
				  				<option value="08e">08e</option>
				  				<option value="09a">09a</option>
				  				<option value="09b">09b</option>
				  				<option value="09c">09c</option>
				  				<option value="09d">09d</option>
				  				<option value="09f">09f</option>
				  				<option value="10a">10a</option>
				  				<option value="10b">10b</option>
				  				<option value="10c">10c</option>
				  				<option value="10d">10d</option>
				  				<option value="10f">10f</option>
				  				<option value="11a">11a</option>
				  				<option value="11b">11b</option>
				  				<option value="11c">11c</option>
				  				<option value="11d">11d</option>
				  				<option value="11f">11f</option>
				  				<option value="12a">12a</option>
				  				<option value="12b">12b</option>
				  				<option value="12c">12c</option>
				  				<option value="12d">12d</option>
				  				<option value="12f">12f</option>
				  				<option value="nuevos-primaria">nuevos-primaria</option>
				  				<option value="nuevos-secundaria">nuevos-secundaria</option>
				  				<option value="nuevos-profesores">nuevos-profesores</option>
				  				<option value="nuevos-alumnos">nuevos-alumnos</option>
				  				<option value="all">Incluido en el CSV</option>
				  			</select>
				  		</div>
				  		<div class="col-md-6 mb-3">
				  			<label for="role" >{{'role'|trans}}</label>
				  			<select name="role" class="form-control">
				  				{% for role in roles%}
				  					<option value="{{role.id}}">{{role.name|trans}}</option>
				  				{% endfor %}
				  			</select>
				  		</div>
				  	</div>
				  	<div class="row">
				  		<div class="col-md-6 mb-3">
								<button class="btn-sm btn-outline-primary btn-block mw-100" type="submit">{{'upload'|trans}}</button>
				  		</div>
				  	</div>
				  	<div class="row">
				  		<div class="col-md-12 mb-3">
				  			({{'transactions-upload-advice'|trans}})
				  		</div>
				  	</div>
				  </form>
				</div>
			</div>
		</div>
	</div>
	
	<div class="row pt-5">
		<div class="col-md-12">
			<div class="card">
				<div class="card-header">
					{{'transactions-upload'|trans}}
				</div>
				<div class="card-body text-center">
          <form action="{{path_for(constant('GestionComedor\\Configuration\\Routers\\TransactionsBanksRouters::TRANSACTIONS_BANKS_UPLOAD'))}}" method="POST" enctype="multipart/form-data">
  					<div class="row">
				  		<div class="col-md-7 mb-3">
	              <input id="documentTransactionsBanks" name="documentTransactionsBanks" type="file" class="form-control">
				  		</div>
				  		<div class="col-md-5 mb-3">
				  			<button class="btn-sm btn-outline-primary btn-block mw-100" type="submit">{{'upload'|trans}}</button>
				  		</div>
				  	</div>
				  	
							
				  </form>
				  <div class="row">
			  		<div class="col-md-12">
			  			<h3>Transacciones no asignadas</h3>
			  		</div>
			  		<div class="col-md-12">
			  			<table id="transactionBankTable" class="table table-hover display mw-100" style="width:100%;font-size: 14px;">
			  				<thead>
			  					<tr>
			  						<th>{{'date'|trans}}</th>
			  						<th>{{'payer'|trans}}</th>
			  						<th>{{'operation-number'|trans}}</th>
			  						<th>{{'comments'|trans}}</th>
			  						<th>{{'value'|trans}}</th>
			  						<th></th>
			  					</tr>
			  				</thead>
			  				<tbody>
			  					{% for transactionBank in transactionsBank %}
			  						<tr class={% if transaction.tempLevel == 1 %}"alert alert-warning"{% else %}{% if transaction.user %}"alert alert-success"{% else %}"alert alert-danger"{% endif %}{% endif %} >	
			  							<td>{{transactionBank.datePayment|date("d-m-Y")}}</td>
			  							<td>{{transactionBank.payer}}</td>
			  							<td>{{transactionBank.operationNumber}}</td>
			  							<td>{{transactionBank.comments}}</td>
			  							<td>{{transactionBank.amount}} €</td>
			  							<td>
			  	  						<button class="btn btn-outline-primary btn-sm btn-block mw-100 assignTransactionBankModal" id="assignTransactionUserModal" data-toggle="modal" data-target="#assignTransaction" data-transaction-id="{{transactionBank.id}}" data-payer="{{transactionBank.payer}}" data-comments="{{transactionBank.comments}}" data-amount="{{transactionBank.amount}}" >{{'assign-transaction'|trans}}
			  	  						</button>
			  		          </td>
			  						</tr>
			  					{% endfor %}
			  					</tbody>
			  				</table>
			  			</div>
			  		</div>
				  </div>
				</div>
			</div>
		</div>
	</div>

	<div class="row pt-5">
		<div class="col-md-12">
			<div class="card">
				<div class="card-header">
					{{'balance-monthly'|trans}}
				</div>
				<div class="card-body text-center">

					<div class="row">
			  		<div class="col-md-12">
			  			<table class="table table-hover display mw-100" style="width:100%;font-size: 14px;">
			  				<thead>
			  					<tr>
			  						<th>{{'date'|trans}}</th>
			  						<th>{{'balance'|trans}}</th>
			  						<th>{{'balance-disabled'|trans}}</th>
			  					</tr>
			  				</thead>
			  				<tbody>
			  					{% for balance in balanceMonthly %}
			  						<tr>
			  							<td>{{balance.date|date("m-Y")}}</td>
			  							<td>{% if balance.balance == "--" %}{{balance.balance}}{% else %}{{balance.balance|number_format(2, '.', ',')}} €{% endif %}</td>
			  							<td>{% if balance.balanceDisabled == "--" %}{{balance.balanceDisabled}}{% else %}{{balance.balanceDisabled|number_format(2, '.', ',')}} €{% endif %}</td>
			  						</tr>
			  					{% endfor %}
			  					</tbody>
			  				</table>
			  		</div>
			  	</div>

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

	<div class="row pt-5">
		<div class="col-md-12">
			<div class="card">
				<div class="card-header">
					{{'balance-monthly-reservation'|trans}}
				</div>
				<div class="card-body text-center">

					<div class="row">
			  		<div class="col-md-12">
			  			<table class="table table-hover display mw-100" style="width:100%;font-size: 14px;">
			  				<thead>
			  					<tr>
			  						<th>{{'date'|trans}}</th>
			  						<th>{{'balance'|trans}}</th>
			  					</tr>
			  				</thead>
			  				<tbody>
			  					{% for balance in balanceMonthlyReservation %}
			  						<tr>
			  							<td>{{balance.date|date("m-Y")}}</td>
			  							<td>{{balance.balance|number_format(2, '.', ',')}} €</td>
			  						</tr>
			  					{% endfor %}
			  					</tbody>
			  				</table>
			  		</div>
			  	</div>

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

	<div class="row pt-5">
		
	</div>

</div>



<div class="modal fade" id="assignTransaction" tabindex="-1" role="dialog" aria-labelledby="assignTransactionUser" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="assignTransactionUser">{{'assign-transaction'|trans}}</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
      	<form action="{{path_for(constant('GestionComedor\\Configuration\\Routers\\TransactionsBanksRouters::TRANSACTIONS_BANKS_ASSIGN_USER'))}}" method="POST">
	      	<div class="row">
	      		<div class="col-sm-12">
	      			<label class="font-weight-bold">{{'payer'|trans}}</label> <span id="transaction-payer"></span>
	      		</div>
	      		<div class="col-sm-12">
	      			<label class="font-weight-bold">{{'comments'|trans}}</label> <span id="transaction-comments"></span>
	      		</div>
	      		<div class="col-sm-12">
	      			<label class="font-weight-bold">{{'amount'|trans}}</label> <span id="transaction-amount"></span>
	      		</div>
	    		  <div class="col-sm-12">
			  			<label for="userNameTransaction" class="font-weight-bold" >{{'user-select'|trans}}</label>
	            <input type="search" class="form-control" name="userNameTransaction" id="userNameTransaction" />
	            <input type="hidden" id="userTransactionModal" name="userTransactionModal">
	            <input type="hidden" id="transactionBankIdModal" name="transactionBankIdModal">
	          </div>
	      	</div>
	      	<div class="row">
	      		<div class="col-sm-10 pt-5">
	      			<button class="btn btn-outline-primary">{{'assign'|trans}}</button>
	      		</div>
	      	</div>
      	</form>
      </div>
    </div>
  </div>
</div>


<div class="modal fade" id="createUser" tabindex="-1" role="dialog" aria-labelledby="assigncreateUser" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="assigncreateUser">{{'create-user-individual'|trans}}</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <form class="form-horizontal" action="{{path_for(constant('GestionComedor\\Configuration\\Routers\\UserRouters::USER_SAVE'))}}" method="POST">
          <div class="form-group row">
        	  <label for="userName" class="col-sm-2 col-form-label font-weight-bold text-right">{{'name'|trans}}</label>
            <div class="col-sm-10">
              <input type="text" class="form-control" name="userName" id="userName" value="{{user.name}}" required />
            </div>
          </div>

          <div class="form-group row">
        	  <label for="userSurname" class="col-sm-2 col-form-label font-weight-bold text-right">{{'surname'|trans}}</label>
            <div class="col-sm-10">
              <input type="text" class="form-control" name="userSurname" id="userSurname" value="{{user.surname}}" required />
            </div>
          </div>

          <div class="form-group row">
        	  <label for="userEmail" class="col-sm-2 col-form-label font-weight-bold text-right">{{'email'|trans}}</label>
            <div class="col-sm-10">
              <input type="email" class="form-control" name="userEmail" id="userEmail" value="{{user.email}}">
            </div>
          </div>

        	<div class="form-group row">
        	  <label for="userPhone" class="col-sm-2 col-form-label font-weight-bold text-right">{{'phone'|trans}}</label>
            <div class="col-sm-10">
              <input type="text" class="form-control" name="userPhone" id="userPhone" value="{{user.phone}}">
            </div>
          </div>
      </div>
      <div class="modal-footer">
	      <div class="col text-left">
	        <button type="button" class="btn btn-danger" data-dismiss="modal">{{'cancel'|trans}}</button>
	      </div>
	      <div class="col text-right">
					<button class="btn btn-success btn-success ">{{'save'|trans}}</button>
				</div>
				</form> 
	     </div>
    </div>
  </div>
</div>

{% endblock %}