MINI Sh3ll
@extends('layouts.main')
@section('title', 'Enquiry')
@section('content')
<div class="m-content">
<div class="row" >
<div class="m-portlet m-portlet--mobile filter_row">
<div class="m-portlet__head">
<div class="m-portlet__head-caption">
<div class="m-portlet__head-title">
<h3 class="m-portlet__head-text">
Enquiry Filter
</h3>
</div>
</div>
</div>
<form class="m-form m-form--fit m-form--label-align-right" autocomplete="off" id="searchForm" role="form" data-parsley-validate="parsley">
<div class="m-portlet__body">
<div class="row">
<div class="col-md-6">
<div class="form-group m-form__group">
<label class="show_status"> From Date </label>
<div class="m-input-icon m-input-icon--right" >
<input type="text" class="form-control m-input" name="from_date" id="m_datepicker_2" placeholder="MM/DD/YYYY">
<span class="m-input-icon__icon m-input-icon__icon--right">
<span>
<i class="la la-calendar"></i>
</span>
</span>
</div>
</div>
</div>
<div class="col-md-6">
<div class="form-group m-form__group">
<label class="show_status"> To Date </label>
<div class="m-input-icon m-input-icon--right" >
<input type="text" class="form-control m-input" name="to_date" id="m_datepicker_1" placeholder="MM/DD/YYYY">
<span class="m-input-icon__icon m-input-icon__icon--right">
<span>
<i class="la la-calendar"></i>
</span>
</span>
</div>
</div>
</div>
</div><br>
<div class="row">
<div class="col-md-6">
<div class="form-group m-form__group">
<label class="show_status"> Company Name</label>
<select class="form-control m-input" id="companyId">
<option value="" >All</option>
@if(!empty($companies_name))
@foreach($companies_name as $name)
<option value="{{$name->id}}" >{{$name->company_name}}</option>
@endforeach
@else
<option value="">Company not found.</option>
@endif
</select>
</div>
</div>
<div class="col-md-6">
<div class="form-group m-form__group">
<label class="show_status"> Select Status </label>
<select class="form-control m-input" id="status">
<option value="">All</option>
<option value="0">Pending</option>
<option value="1">In Progress</option>
<option value="2">Closed</option>
</select>
</div>
</div>
</div><br>
<div class="row">
<div class="col-md-6">
<div class="form-group m-form__group">
<label class="show_status"> Select Product Type</label>
<select class="form-control m-input" id="productTypeId">
<option value="" >All</option>
@if(!empty($productTypes))
@foreach($productTypes as $productType)
<option value="{{$productType['id']}}" >{{$productType['name']}}</option>
@endforeach
@else
<option value="">Product Type not found.</option>
@endif
</select>
</div>
</div>
<div class="col-md-6">
<div class="form-group m-form__group">
<label class="show_status"> Select Issue Type </label>
<select class="form-control m-input" id="issueTypeId">
<option value="" >All</option>
@if(!empty($issueTypes))
@foreach($issueTypes as $issueType)
<option value="{{$issueType['id']}}" >{{$issueType['name']}}</option>
@endforeach
@else
<option value="" >Issue Type not found.</option>
@endif
</select>
</div>
</div>
</div><br>
<div class="row">
<div class="col-md-6">
<div class="form-group m-form__group">
<label class="show_status"> Select Plant</label>
<select class="form-control m-input" id="plantId">
<option value="" >All</option>
@if(!empty($plants_name))
@foreach($plants_name as $name)
<option value="{{$name->id}}" >{{$name->plant_name}}</option>
@endforeach
@else
<option value="">Plant not found.</option>
@endif
</select>
</div>
</div>
<div class="col-md-6">
@if(Auth::user()->role_id != config('constants.role.user.id'))
<div class="form-group m-form__group">
<label class="show_status"> Created By </label>
<select class="form-control m-input" id="createdBy">
<option value="" >All</option>
@if(!empty($created_by_names))
@foreach($created_by_names as $name)
<option value="{{$name->id}}" >{{$name->contact_name}}</option>
@endforeach
@else
<option value="">User not found.</option>
@endif
</select>
</div>
@endif
</div>
</div><br>
</div>
<div class="m-portlet__foot m-portlet__foot--fit">
<div class="m-form__actions">
<button type="button" id="searchBtn" class="btn btn-sm btn-accent m-btn m-btn--custom m-btn--icon m-btn--air search_plant">
Search <i class="la la-search"></i>
</button>
</div>
</div>
</form>
</div>
</div>
<div class="row" >
<div class="m-portlet m-portlet--mobile filter_row">
<div class="m-portlet__head">
<div class="m-portlet__head-caption">
<div class="m-portlet__head-title">
<h3 class="m-portlet__head-text">
Enquiry
</h3>
</div>
</div>
</div>
<div class="m-portlet__body">
<!--begin: Datatable -->
<div class="m_datatable" id="local_data">
<table id="enquiry_data" class="display" cellspacing="0" width="100%">
<thead>
<tr>
<th>Name</th>
<th>Email</th>
<th>Contact Number</th>
<th>Company</th>
<th>Product Type</th>
<th>Issue Type</th>
<th>Enquiry Date</th>
<th>Assigned By</th>
<th>Assigned Date</th>
<th>Status</th>
<th>Action</th>
</tr>
</thead>
</table>
</div>
<!--end: Datatable -->
</div>
</div>
</div>
</div>
@endsection
@section('script')
<script>
var base_url = window.location.origin;
var url = '{{ route('getAssignedEnquiry') }}';
loadDataTable(url);
function loadDataTable(url) {
$('#enquiry_data').DataTable({
"order": [],
"bAutoWidth": false,
"processing": false,
"serverSide": false,
"bDestroy": true,
"scrollX": true,
"aLengthMenu": [[10, 20, 50, -1], [10, 20, 50, "All"]],
"pageLength": 10,
"columnDefs": [{
"targets": 'no-sort',
"orderable": false,
}],
"ajax": url,
language: {
search: "_INPUT_",
searchPlaceholder: "Search...",
"lengthMenu": "Show _MENU_"
}
});
}
$(document).on("click","#searchBtn", function() {
$('#searchForm').submit();
var from_date = $('#m_datepicker_2').val();
var to_date = $('#m_datepicker_1').val();
var status = $('#status').val();
var id = $('#companyId').val();
var plant_id = $('#plantId').val();
if($('#createdBy').val()){
var created_by = $('#createdBy').val();
}
else{
created_by = '';
}
var product_type_id = $('#productTypeId').val();
var issue_type_id = $('#issueTypeId').val();
var url = '{{ route('getEnquiry') }}';
url = url+"?from_date="+from_date+"&to_date="+to_date+"&id="+id+"&plant_id="+plant_id+"&status="+status+"&product_type_id="+product_type_id+"&issue_type_id="+issue_type_id+"&created_by="+created_by;
loadDataTable(url);
});
</script>
@endsection
OHA YOOOO