82 lines
3.4 KiB
Twig
82 lines
3.4 KiB
Twig
{% extends 'base.html.twig' %}
|
|
|
|
{% block body %}
|
|
<!-- BEGIN: Subheader -->
|
|
<div class="m-subheader">
|
|
<div class="d-flex align-items-center">
|
|
<div class="mr-auto">
|
|
<h3 class="m-subheader__title">Auto-Assigned Job Orders Report</h3>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- END: Subheader -->
|
|
<div class="m-content">
|
|
<!--Begin::Section-->
|
|
<div class="row">
|
|
<div class="col-xl-6">
|
|
<div class="m-portlet m-portlet--mobile">
|
|
<div class="m-portlet__head">
|
|
<div class="m-portlet__head-caption">
|
|
<div class="m-portlet__head-title">
|
|
<span class="m-portlet__head-icon">
|
|
<i class="fa fa-calendar"></i>
|
|
</span>
|
|
<h3 class="m-portlet__head-text">
|
|
Select a date range
|
|
</h3>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<form id="row-form" autocomplete="off" class="m-form m-form--fit m-form--label-align-right m-form--group-seperator-dashed" method="post" action="{{ url('rep_jo_auto_assign_submit') }}">
|
|
<div class="m-portlet__body">
|
|
<div class="form-group m-form__group row">
|
|
<div class="input-daterange input-group" id="date-range">
|
|
<input role="presentation" type="text" class="form-control m-input" name="date_start" placeholder="Start date" />
|
|
<div class="input-group-append">
|
|
<span class="input-group-text"><i class="la la-ellipsis-h"></i></span>
|
|
</div>
|
|
<input role="presentation" type="text" class="form-control" name="date_end" placeholder="End date" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="m-portlet__foot m-portlet__foot--fit">
|
|
<div class="m-form__actions m-form__actions--solid m-form__actions--right">
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<button type="submit" class="btn btn-success">Submit</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endblock %}
|
|
|
|
{% block scripts %}
|
|
<script>
|
|
$(function() {
|
|
$("#date-range").datepicker({
|
|
orientation: "bottom"
|
|
});
|
|
|
|
$("#row-form").submit(function(e) {
|
|
var form = $(this);
|
|
|
|
if (!$("[name='date_start']").val() || !$("[name='date_end']").val()) {
|
|
e.preventDefault();
|
|
|
|
swal({
|
|
title: 'Whoops!',
|
|
text: 'Please fill in both date fields.',
|
|
type: 'warning'
|
|
});
|
|
|
|
return false;
|
|
}
|
|
});
|
|
});
|
|
</script>
|
|
{% endblock %}
|