{% load i18n %}

<div class="modal fade" id="deleteRequestModal" tabindex="-1" role="dialog" aria-labelledby="DeleteRequestModalLabel" aria-hidden="true">

	<div role="main">
      <div class="album py-5 my-5">
	  <form id="delete-form" action=".">
        <div class="container">
			<div class="card">
				<div class="card-header card-header-color">
					<div class="col-12">
            <h5 class="d-inline-block mt-1">{% trans 'Delete Request' %}</h5>
					</div>
				</div>
				<div class=" mt-3 mb-0 col-12">
          <h5>{% trans 'Report Details' %}</h5>
					<div class="row">
						<div class="col-sm-6 col-md-3 add-margin">
              <small>{% trans 'Booking Date' %}</small>
							<h4 id="booking-date"></h4>
						</div>
						<div class="col-sm-6 col-md-3 add-margin">
              <small>{% trans 'Customer' %}</small>
							<h4 id="booking-customer"></h4>
						</div>
						<div class="col-sm-6 col-md-3 add-margin">
              <small >{% trans 'Number of Guests' %}</small>
							<h4 id="booking-guess"></h4>
						</div>
						<div class="col-sm-6 col-md-3 add-margin">
              <small>{% trans 'Length of Stay (minutes)' %}</small>
							<h4 id="booking-time-spend"></h4>
						</div>
						<div class="col-sm-6 col-md-3 add-margin">
              <small>{% trans 'Net Sale' %}</small>
							<h4 id="booking-net-sale"></h4>
						</div>
						<div class="col-sm-6 col-md-3 add-margin">
              <small>{% trans 'Discount' %}</small>
							<h4 id="booking-discount-amount"></h4>
						</div>
						<div class="col-sm-6 col-md-3 add-margin">
              <small>{% trans 'Tax' %}</small>
							<h4 id="booking-tax"></h4>
						</div>
						<div class="col-sm-6 col-md-3 add-margin">
              <small>{% trans 'Total Sale' %}</small>
							<h4 id="booking-total-sale"></h4>
						</div>
					</div>
				</div>
				<hr>
				<div class="form-group mb-0 col-sm-12 col-md-4">
					<h5>{% trans 'Type' %}</h5>
					<select name="remarks" id="remarks" class="form-control">
            <option value="Delete Request">{% trans 'Delete Request' %}</option>
            <option value="Other Request">{% trans 'Other Request' %}</option>
					</select>
				</div>
				<div class="form-group mt-3 mb-0 col-12">
					<h5 for="comment">{% trans 'Reason' %}</h5>
					<textarea id="notes" class="form-control" rows="8" name="comment" id="comment" maxlength="1000" required></textarea>
					<div id="text-count" class="mb-0 text-count">
						<span id="current">0</span>
						<span id="maximum">/ 1000</span>
					</div>
				</div>
				<hr>
				<div id="wrapperDivHidden" class="wrapperDivHidden">
					<input type="hidden" id="id_booking" name="del_booking" value="">
					<input type="hidden" id="id_store" name="del_store" value="">
				</div>
				<div class="mr-3 mb-3">
          <button type="button" class="btn card-buttons2" data-dismiss="modal">{% trans 'Close' %}</button>
          <button type="submit" class="btn card-buttons2 mr-2">{% trans 'Submit' %}</button>
				</div>

			</div>

			<div class="modal fade" id="dfModal" tabindex="-1" role="dialog" aria-labelledby="dfModal" aria-hidden="true">
				<div class="modal-dialog" role="document">
					<div class="modal-content">
						<div class="modal-body">
							<h2 class="text-center add-color-green mt-2">
								<i class="fas fa-envelope-open-text"></i>
							</h2>
							<h5 class="text-center mb-5">
								Request sent to admin for approval.
							</h5>
							<hr>
							<div>
                <button type="button" class="btn card-buttons2">{% trans 'Back to Reports' %}</button>
							</div>
						</div>
					</div>
				</div>
			</div>

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