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

{% block contentTitle %}{% if title %}{{title}}{% else %}{{'coffeeshop'|trans}}{% endif %}{% endblock %}

{% block content %}

</div>

<style type="text/css">
	.productButton{
		height:150px;
		
		cursor:pointer;
		color: #5bc0de;
	}
	.productButton:hover{
		opacity: 0.5;
	}
	.cart{
		font-size: 10px;
	}
</style>

<div class="container-fluid pl-5 pr-5">

<div class="mt-5 mb-5">
			<a class="mt-4 btn btn-outline-warning" href="{% if returnsUrl %}{{returnsUrl}}{% else %}{{path_for(constant('GestionComedor\\Configuration\\Routers\\CoffeeShopPosRouters::COFFEESHOPPOS_RETURNS'))}}{% endif %}">{{'back'|trans}}</a>
</div>

<h2>{{dateArching}}</h2>

<h3>{{'cash-summary'|trans}}</h3>

	<div class="row">
		<div class="col-md-6">
			{{'last-cash-found'|trans}}
		</div>
		<div class="col-md-6">
			<span id="lastCashFound">{{sales.initialCash}}</span>
		</div>
	</div>

	<div class="row">
		<div class="col-md-6">
			{{'payment-cash'|trans}}
		</div>
		<div class="col-md-6">
			<span id="paymentCash">{{sales.paymentCash}}</span>
		</div>
	</div>

	<div class="row">
		<div class="col-md-6">
			{{'return-cash'|trans}}
		</div>
		<div class="col-md-6">
			<span id="returnCash">{{sales.returnCash}}</span>
		</div>
	</div>

	<div class="row">
		<div class="col-md-6">
			{{'teoric-cash-cash'|trans}}
		</div>
		<div class="col-md-6">
			<span id="teoricCashCash">{{sales.teoricCashCash}}</span>
		</div>
	</div>

<hr/>
{{'sales-summary'|trans}}

	<div class="row">
		<div class="col-md-6">
			{{'gross-sales'|trans}}
		</div>
		<div class="col-md-6">
			<span id="grossSales">{{sales.totalSales}}</span>
		</div>
	</div>


	<div class="row">
		<div class="col-md-6">
			{{'returns'|trans}}
		</div>
		<div class="col-md-6">
			<span id="returnsSales">{{sales.totalReturns}}</span>
		</div>
	</div>

<hr/>
	<div class="row">
		<div class="col-md-6">
			{{'recharges'|trans}}
		</div>
		<div class="col-md-6">
			<span id="returnsSales">{{sales.totalRecharges}}</span>
		</div>
	</div>
	<div class="row">
		<div class="col-md-6">
			{{'visa'|trans}}
		</div>
		<div class="col-md-6">
			<span id="returnsSales">{{sales.totalRechargesVisa}}</span>
		</div>
	</div>
	<div class="row">
		<div class="col-md-6">
			{{'cash'|trans}}
		</div>
		<div class="col-md-6">
			<span id="returnsSales">{{sales.totalRechargesCash}}</span>
		</div>
	</div>

<hr/>
	<div class="row">
		<div class="col-md-6">
			{{'sales'|trans}}
		</div>
		<div class="col-md-6">
			<span id="netSales">{{sales.totalNet}}</span>
		</div>
	</div>

	<div class="row">
		<div class="col-md-6">
			{{'cash'|trans}}
		</div>
		<div class="col-md-6">
			<span id="netCash">{{sales.totalNetCash}}</span>
		</div>
	</div>

	<div class="row">
		<div class="col-md-6">
			{{'visa'|trans}}
		</div>
		<div class="col-md-6">
			<span id="netVisa">{{sales.totalNetVisa}}</span>
		</div>
	</div>

	<div class="row">
		<div class="col-md-6">
			{{'smart-card'|trans}}
		</div>
		<div class="col-md-6">
			<span id="netSmartCard">{{sales.totalNetSmartcard}}</span>
		</div>
	</div>

	<div class="row">
		<div class="col-md-6">
			Reserva de bocadillos
		</div>
		<div class="col-md-6">
			<span id="getTotalSandwichReservation">{{sales.totalSandwichReservation}}</span>
		</div>
	</div>

<hr/>
{{'taxes'|trans}}

	<div class="row">
		<div class="col-md-6">
			{{'iva'|trans}}, 10 % {{'taxable-base-reduced'|trans}}
		</div>
		<div class="col-md-6">
			<span id="totalSalesTaxable">{{sales.totalSalesTaxable}}</span>
		</div>
	</div>
	<div class="row">
		<div class="col-md-6">
			{{'iva'|trans}}, 10 % {{'share-tax'|trans}}
		</div>
		<div class="col-md-6">
			<span id="totalSalesShare">{{sales.totalSalesShare}}</span>
		</div>
	</div>

	{% if not arched %}
		<div class="row pt-5">
			<div class="col-md-12 text-center">
				<button class="btn btn-info" data-toggle="modal" data-target="#closeCashBoxModal">{{'close-cash-box'|trans}}</button>
			</div> 
		</div>
	{% else %}
		<div class="row pt-5">
			<div class="col-md-12 text-center">
				<button class="btn btn-success" style="width:100%" disabled>{{'arching-done'|trans}} {{sales.close}}</button>
			</div>
		</div>

	{% endif %}

<form action="{% if archingUrl %}{{archingUrl}}{% else %}{{path_for(constant('GestionComedor\\Configuration\\Routers\\CoffeeShopPosRouters::COFFEESHOPPOS_ARCHING'))}}{% endif %}" method="POST"  >
	<div class="row">
		<div class="col-md-2 form-group">
				<label >{{'date'|trans}}</label>
	      <input type="date" class="form-control text-center" id="dateArching" name="dateArching" {% if dateArching %}value="{{dateArching}}"{% endif %} required pattern="[0-9]{4}-[0-9]{2}-[0-9]{2}">
			</div>
			<div class="col-md-2 form-group">
				<button type="submit" class="mt-4 btn btn-dark">{{'to-search'|trans}}</button>
			</div>
	</div>
</form>

</div>

	<div class="modal fade" id="closeCashBoxModal" tabindex="-1" role="dialog" aria-labelledby="closeCashBox" aria-hidden="true">
	  <div class="modal-dialog" role="document">
	    <div class="modal-content">
	      <div class="modal-header">
	        <h5 class="modal-title" id="closeCashBox">{{'close-cash-box'|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="{% if archingCloseUrl %}{{archingCloseUrl}}{% else %}{{path_for(constant('GestionComedor\\Configuration\\Routers\\CoffeeShopPosRouters::COFFEESHOPPOS_ARCHING_CLOSE'))}}{% endif %}" method="POST" >
	        	<div class="form-group">
              <label for="initialCash" class="font-weight-bold" >{{'initial-efective'|trans}} (€)</label>
              <input type="number" class="form-control" id="initialCash" name="initialCash" value="{{sales.teoricCashCash}}" step=".01" required/>
            </div>
            <div class="form-group">
            	{{'arching-confirm'|trans}}
            </div>
            <div class="form-group">
              <button type="submit" class="btn btn-success">{{'close-cash-box'|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>
{% endblock %}