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

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

{% block content %}


<div class="container">
	
	<div class="card">
		<div class="card-header">
			{{'user-data'|trans}}
		</div>

		<div class="card-body">
			{% if allergensUser|length > 0 %}
			<div class="row form-group">
				<div class="col-md-12">
					<button type="button" class="btn btn-danger btn-sm disabled" style="width: 100%;">{{'allergic'|trans}}</button>
				</div>
			</div>
			{% endif %}
			<form class="form-horizontal" action="{{path_for(constant('GestionComedor\\Configuration\\Routers\\UserRouters::USER_SAVE'))}}" method="POST">
				<input type="hidden" name="userId" value="{{user.id}}" />
				<div class="row">

					<div class="col-md-9">
						  <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 class="form-group row">
							  <label for="department" class="col-sm-2 col-form-label font-weight-bold text-right">{{'department'|trans}}</label>
						    <div class="col-sm-10">
						      <input type="text" class="form-control" name="department" id="department" value="{{user.department}}">
						    </div>
						  </div>

						  <div class="form-group row">
							  <label for="role" class="col-sm-2 col-form-label font-weight-bold text-right">{{'role'|trans}}</label>
						    <div class="col-sm-10">
			    	  		<select name="role" id="role" class="form-control">
			    	  			{% for role in roles %}
			    	  				<option value="{{role.id}}" {% if user.role_id == role.id %} selected {% endif %} >{{role.name}}</option>
			    		  		{% endfor %}
			    	  		</select>
						    </div>
						  </div>

						  <div class="form-group row">
							  <label for="rate" class="col-sm-2 col-form-label font-weight-bold text-right">{{'rate'|trans}}</label>
						    <div class="col-sm-10">
			    	  		<select name="rate" id="rate" class="form-control">
			    	  			{% for rate in rates %}
			    	  				<option value="{{rate.id}}" {% if user.rateId == rate.id %} selected {% endif %} >{{rate.name}} - {{rate.price}} €</option>
			    		  		{% endfor %}
			    	  		</select>
						    </div>
						  </div>

						  <div class="form-group row">
							  <label for="rate" class="col-sm-2 col-form-label font-weight-bold text-right">{{'state'|trans}}</label>
						    <div class="col-sm-10">
			    	  		<select name="userState" id="userState" class="form-control">
			    	  			{% for userState in userStates %}
			    	  				<option value="{{userState.id}}" {% if user.userStateId == userState.id %} selected {% endif %} >{{userState.state}}</option>
			    		  		{% endfor %}
			    	  		</select>
						    </div>
						  </div>

						  <div class="form-group row">
							  <label for="rate" class="col-sm-2 col-form-label font-weight-bold text-right"></label>
						    <div class="col-sm-10">
			    	  		<input type="checkbox" class="form-check-input" id="excludeAllergens" name="excludeAllergens" value="1" {% if user.excludeAllergens and allergensUser|length > 0 %}checked{% endif %}/>
									<label class="form-check-label" for="excludeAllergens">{{'exclude-allergens'|trans}} </label>
						    </div>
						  </div>

						  <div class="form-group row">
							  <label for="rate" class="col-sm-2 col-form-label font-weight-bold text-right"></label>
						    <div class="col-sm-10">
			    	  		<input type="checkbox" class="form-check-input" id="excludeReserved" name="excludeReserved" value="1" {% if user.excludeReserved %}checked{% endif %}/>
									<label class="form-check-label" for="excludeReserved">{{'exclude-reserved'|trans}}</label>
						    </div>
						  </div>

						  <div class="form-group row">
							  <label for="rate" class="col-sm-2 col-form-label font-weight-bold text-right"></label>
						    <div class="col-sm-10">
			    	  		<input type="checkbox" class="form-check-input" id="vegetarian" name="vegetarian" value="1" {% if user.vegetarian %}checked{% endif %}/>
									<label class="form-check-label" for="vegetarian">{{'vegetarian'|trans}}</label>
						    </div>
						  </div>

							<div class="form-group row">
						  	<div class="col-sm-2"></div>
						  	<div class="col-sm-4"><button class="btn btn-outline-dark btn-block" type="submit">{{'save'|trans}}</button></div>
						  	</form>
						  	<div class="col-sm-4">
						  		<a class="btn btn-outline-success btn-block"  href="{{path_for(constant('GestionComedor\\Configuration\\Routers\\UserRouters::USER_SEND_PASSWORD'),{id: user.id})}}">{{'send-password'|trans}}</a>
						  	</div>
							</div>
					</div>

					<div class="col-md-3">
				  	<h1 class="text-center">{{user.balance}} €</h1>
				  	<div class="btn btn-outline-info btn-block" id="chargeBalance" data-toggle="modal" data-target="#balanceModal">{{'charge-balance'|trans}}</div>
						<img class="mw-100" src="{{qrPath}}?ver={{user.qrCreatedQuantity}}">
						<a href="{{qrPath}}?ver={{user.qrCreatedQuantity}}" target="_blank" class="btn btn-outline-dark btn-block">
						{{'see-qr'|trans}}
						</a>
						<h3 class="text-center mt-3">{{user.username}}</h3>

						<a class="btn btn-outline-success btn-block"  href="{{path_for(constant('GestionComedor\\Configuration\\Routers\\MenuRouters::MENU_WEEK_BY_USER'),{week:"now"|date("W"),year:"now"|date("o"),userId: user.id})}}">{{'see-reserves'|trans}}</a>

						<a class="btn btn-outline-dark btn-block"  href="{{path_for(constant('GestionComedor\\Configuration\\Routers\\UserRouters::USER_USERCARD'),{id: user.id})}}">{{'download-card'|trans}}</a>
						
						<a class="btn btn-outline-danger btn-block"  href="{{path_for(constant('GestionComedor\\Configuration\\Routers\\UserRouters::USER_NEGATIVE_BALANCE_SEND'),{id: user.id})}}">Correo Balance Negativo</a>

						<a class="btn btn-outline-danger btn-block"  href="{{path_for(constant('GestionComedor\\Configuration\\Routers\\UserRouters::USER_NOT_RESERVED_SEND'),{id: user.id})}}">Correo Sin Reserva</a>

						<a class="btn btn-outline-warning btn-block"  href="{{path_for(constant('GestionComedor\\Configuration\\Routers\\UserRouters::USER_RESET_QR'),{id: user.id})}}">{{'reset-qr'|trans}}</a>

						<a class="btn btn-outline-info btn-block"  href="{{path_for(constant('GestionComedor\\Configuration\\Routers\\UserRouters::USER_LETTER'),{id: user.id})}}">{{'download-letter'|trans}}</a>

					</div>
				</div>
				<div class="col-md-12 mt-5">
					  {% if user.verify %}
					  <div class="form-group row">
						<label for="userDepartment" class="col-sm-3 col-form-label font-weight-bold text-right">{{'temp-password'|trans}}</label>
					    <div class="col-sm-9" style="padding-top:5px;">{{user.verify}}</div>
					  </div>
						{% endif %}
				</div>
		</div>
	</div>

	<div class="pt-5">
		<div class="card">
			<div class="card-header">
				{{'contact-emails'|trans}}
			</div>
			<div class="card-body">
			  <div class="form-group row">
			  	<div class="col-md-12">
			  		 <table class="table" id="paymentsTable">
			  		 	<thead>
					  	<tr>
					  		<th>{{'description'|trans}}</th>
					  		<th>{{'email'|trans}}</th>
					  		<th>{{'phone'|trans}}</th>
					  		<th></th>
					  		<th></th>
					  	</tr>
					  	</thead>
					  	<tbody>
					  	{% for contactMail in contactMails %}
					  	<tr>			  		
					  		<td>{{contactMail.description}}</td>
					  		<td>{{contactMail.email}}</td>
					  		<td>{{contactMail.phone}}</td>
					  		<td>
					  			<button class="btn btn-outline-dark editContactEmail" data-contactemail-id="{{contactMail.id}}">
              			{{'edit'|trans}}
            			</button>
					  		</td>
					  		<td>
					  			<button class="btn btn-outline-danger deleteContactEmail" data-contactemail-id="{{contactMail.id}}">
              			{{'delete'|trans}}
            			</button>
					  		</td>
					  	</tr>
					  	{% endfor %}
					  	</tbody>
					  </table>
					</div>
				</div>

			  <div class="form-group row">
			  	<div class="col-sm-4"></div>
			  	<div class="col-sm-4"><button class="btn btn-outline-dark btn-block" id="assignContactEmail" data-toggle="modal" data-target="#userContactMailModal">{{'assign-contact-email'|trans}}</button></div>
			  	<div class="col-sm-4"></div>
			  </div>
			</div>
		</div>
	</div>

	<div class="pt-5">
		<div class="card">
			<div class="card-header">
				{{'allergens'|trans}}
			</div>

			<div class="card-body">
				<div class="pl-3">
 			  	<form action="{{path_for(constant('GestionComedor\\Configuration\\Routers\\UserRouters::USER_SAVE_ALLERGENS'),{id: user.id})}}" method="POST">
					{% for allergen in allergens %}
						<div class="form-check form-check-inline">
						  <input type="checkbox" class="form-check-input" id="allergen-{{allergen.id}}" name="allergens[]" value="{{allergen.id}}"
							  {% for allergenUser in allergensUser %}
						  		{% if allergenUser.id == allergen.id %}
										checked
									{% endif %}
					  		{% endfor %}
						  />
			   			<label class="form-check-label" for="allergen-{{allergen.id}}">{{allergen.code}} {{allergen.name}}</label>
				  	</div>
		 			{% endfor %}
		 				<div class="row">
			        <div class="col text-right">
								<button type="submit" class="btn btn-outline-success ">{{'save'|trans}}</button>
							</div>
						</div>
		 			</form>
 				</div>
			</div>
		</div>
	</div>

	<div class="pt-5">
		<div class="card">
			<div class="card-header">
				{{'rfid-chip'|trans}}
			</div>

			<div class="card-body">
			  <div class="form-group row">
			    <div class="col-sm-12">
			    	<span>{{'rfid-chip-assigned'|trans}}</span> <span class="font-weight-bold">{{user.rfid}}</span>
			    </div>
			  </div>
			  <div class="form-group row pt-3">
			  	<div class="col-sm-2"></div>
			  	<div class="col-sm-4"><button class="btn btn-outline-dark btn-block" id="deleteRfid" data-user-id="{{user.id}}">{{'rfid-delete-assignement'|trans}}</button></div>
			  	<div class="col-sm-4"><button class="btn btn-outline-dark btn-block" id="assignRfid" data-toggle="modal" data-target="#rfidModal">{{'rfid-assign'|trans}}</button></div>
					<div class="col-sm-2"></div>
			  </div>
			</div>
		</div>
	</div>

</div>

<div class="container pt-5">

	<div class="row">
		<div class="col-md-12">
			<div class="card mb-5">
				<div class="card-header">
					{{'transactions'|trans}}
				</div>
				<div class="card-body text-center">		
					<table id="transactionBankTable" class=" table table-striped display  mw-100" style="width:100%">
						<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 transactionsBanks %}
								<tr>
									<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>
										<form action="{{path_for(constant('GestionComedor\\Configuration\\Routers\\TransactionsBanksRouters::TRANSACTIONS_BANKS_ROLLBACK'))}}" method="POST">
											<input type="hidden" name="transactionBankId" value="{{transactionBank.id}}" />
											<input type="hidden" name="userId" value="{{user.id}}" />
											<button class="btn btn-outline-danger">
												{{'undo'|trans}}
											</button>
										</form>
				          </td>
								</tr>
							{% endfor %}
							</tbody>
						</table>
							
					</div>
				</div>
			</div>
		</div>
	</div>

	<div class="row">
		<div class="col-md-3">
			<div class="card mb-5">
				<div class="card-header">
					{{'balance'|trans}}
				</div>
				<div class="card-body text-center">
				  <h1>{{user.balance}} €</h1>
				  <div class="row">
				  	<div class="col-md-12 mb-3">
				  	<button class="btn btn-outline-info btn-block" id="chargeBalance" data-toggle="modal" data-target="#balanceModal">{{'charge-balance'|trans}}</button>
				  	</div>
					</div>
				  
				  <div class="row">
				  	<div class="col-md-12 mb-3">
					  	<form action="{{path_for(constant('GestionComedor\\Configuration\\Routers\\UserRouters::USER_PAYMENT_UPDATE'),{id: user.id,price: 6})}}" method="POST">
					  	<button class="btn btn-outline-info btn-block mw-100" type="submit">{{'charge'|trans}} 6 €</button>
					  	</form>
					  </div>
				  </div>

				  <div class="row">
				  	<div class="col-md-12 mb-3">
					  	<form action="{{path_for(constant('GestionComedor\\Configuration\\Routers\\UserRouters::USER_PAYMENT_UPDATE'),{id: user.id,price: 20})}}" method="POST">
					  	<button class="btn btn-outline-info btn-block mw-100" type="submit">{{'charge'|trans}} 20 €</button>
					  	</form>
					  </div>
				  </div>

				  <div class="row">
				  	<div class="col-md-12 mb-3">
					  	<form action="{{path_for(constant('GestionComedor\\Configuration\\Routers\\UserRouters::USER_PAYMENT_UPDATE'),{id: user.id,price: 30})}}" method="POST">
					  	<button class="btn btn-outline-info btn-block mw-100" type="submit">{{'charge'|trans}} 30 €</button>
					  	</form>
					  </div>
				  </div>

				  <div class="row">
				  	<div class="col-md-12 mb-3">
					  	<form action="{{path_for(constant('GestionComedor\\Configuration\\Routers\\UserRouters::USER_PAYMENT_UPDATE'),{id: user.id,price: 50})}}" method="POST">
					  	<button class="btn btn-outline-info btn-block mw-100" type="submit">{{'charge'|trans}} 50 €</button>
					  	</form>
					  </div>
				  </div>

				  <div class="row">
				  	<div class="col-md-12 mb-3">
					  	<form action="{{path_for(constant('GestionComedor\\Configuration\\Routers\\UserRouters::USER_PAYMENT_UPDATE'),{id: user.id,price: 100})}}" method="POST">
					  	<button class="btn btn-outline-info btn-block mw-100" type="submit">{{'charge'|trans}} 100 €</button>
					  	</form>
					  </div>
				  </div>
				  
				</div>
			</div>
		</div>
		<div class="col-md-9">
			
				<div class="card">
					<div class="card-header">
						{{'payments'|trans}}
						<a href="{{path_for(constant('GestionComedor\\Configuration\\Routers\\UserRouters::USER_GET_TRANSACTIONS'),{id: user.id})}}">
						<button class="btn btn-outline-info btn-block mw-100" >Exportar Pagos en CSV</button>
						</a>
					</div>

					<div class="card-body">
					  <table class="table">
					  	<tr>
					  		<th>{{'type'|trans}}</th>
					  		<th>{{'value'|trans}}</th>
					  		<th>{{'hour'|trans}}</th>
					  		<th></th>
					  	</tr>
					  	{% for payment in payments %}
					  	<tr >			  		
					  		<td data-toggle="tooltip" data-html="true" title="Realizado por {{payment.userRegistry.name}} {{payment.userRegistry.surname}}">{{payment.description}}{% if payment.coffeeshopTicket %} - Ticket {{payment.coffeeshopTicket.numTicket}}{% endif %}</td>
					  		<td>{{payment.value}} €</td>
					  		<td>{{payment.createdAt|date("d-m-Y H:i")}}</td>
					  		<td>
					  			{% if not payment.coffeeshopTicket %}
					  			<button class="btn btn-outline-danger deletePayment" data-payment-id="{{payment.id}}">{{'delete'|trans}}</button>
					  			{% endif %}
					  		</td>
					  	</tr>
					  	{% endfor %}
					  </table>
					</div>
				</div>
			
		</div>
	</div>
</div>

<div class="modal fade" id="userContactMailModal" tabindex="-1" role="dialog" aria-labelledby="contactEmailModal" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
 			<div class="modal-header">
        <h5 class="modal-title" id="contactEmailModal">{{'contact-email'|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\\UserRouters::USER_SAVE_CONTACT_MAIL'))}}" method="POST">
        	<input type="hidden" name="contactMailId" id="contactMailIdModal" value="" />
        	<input type="hidden" name="userId" id="contactMailUserIdModal" value="{{user.id}}" />
	        <div class="row">
	        	<div class="form-group col-md-12">
        		  <label for="description" class="font-weight-bold" >{{'description'|trans}}</label>
          		<input type="text" class="form-control" id="contactMailDescriptionModal" name="description" value="" required/>
	        	</div>
	        </div>
	        <div class="row">
	        	<div class="form-group col-md-12">
        		  <label for="email" class="font-weight-bold" >{{'email'|trans}}</label>
          		<input type="text" class="form-control" id="contactMailEmailModal" name="email" value="" required/>
	        	</div>
	        </div>
	        <div class="row">
	        	<div class="form-group col-md-12">
        		  <label for="phone" class="font-weight-bold" >{{'phone'|trans}}</label>
          		<input type="text" class="form-control" id="contactMailPhoneModal" name="phone" value="" required/>
	        	</div>
	        </div>
	        <div class="row">
		        <div class="col text-right">
							<button type="submit" class="btn btn-primary ">{{'save'|trans}}</button>
						</div>
					</div>
				</form>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">{{'cancel'|trans}}</button>
      </div>
    </div>
  </div>
</div>

<div class="modal fade" id="rfidModal" tabindex="-1" role="dialog" aria-labelledby="assignRfidModal" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="assignRfidModal">{{'rfid-assign'|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\\UserRouters::USER_RFID_UPDATE'),{id: user.id})}}" method="POST">
          <div class="form-group">
            <label for="rfidCode" class="font-weight-bold" >{{'rfid-code'|trans}}</label>
            <input type="text" class="form-control" id="rfidCode" name="rfidCode" value="" required/>
          </div>
          <div class="form-group">
            <button class="btn btn-primary mb-2 btn-dark" >{{'save'|trans}}</button>
          </div>  
        </form> 
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">{{'cancel'|trans}}</button>
      </div>
    </div>
  </div>
</div>

<div class="modal fade" id="balanceModal" tabindex="-1" role="dialog" aria-labelledby="chargeBalanceModal" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="chargeBalanceModal">{{'charge-balance'|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\\UserRouters::USER_PAYMENT_UPDATE'),{id: user.id})}}" method="POST">
        	<div class="row">
    		    <div class="form-group col-md-6">
    		      <label for="value" class="font-weight-bold" >{{'value'|trans}}</label>
    		      <input type="number" step=".01" class="form-control text-right" id="value" name="value" value="" required/>
    		    </div>
    		    <div class="form-group col-md-6">
    		      <label for="paymentMethod" class="font-weight-bold" >{{'payment-method'|trans}}</label>
    		  		<select name="paymentMethod" id="paymentMethod" class="form-control">
    		  			{% for paymentMethod in paymentMethods %}
    		  				{% if  paymentMethod.id != 8 and paymentMethod.id != 9 and paymentMethod.id != 1 and paymentMethod.id != 4 and paymentMethod.id != 5  %}
    		  				<option value="{{paymentMethod.id}}">{{paymentMethod.name}}</option>
                            {% endif %}
    			  		{% endfor %}
    		  		</select>
    		    </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 %}