@extends('layouts.master')
@section('content')
<section class="content home">
   <div class="block-header">
      <div class="row">
         <div class="col-lg-5 col-md-5 col-sm-12">
         <h2> DPR List
         <small>Welcome to WBI</small>
         </h2>
         </div>
         <div class="col-lg-7 col-md-7 col-sm-12 text-right">

         <ul class="breadcrumb float-md-right">
         <li class="breadcrumb-item"><a href="#"><i class="zmdi zmdi-home"></i>ASSAM-WBI</a></li>
         <li class="breadcrumb-item active"> DPR List</li>
         </ul>
         </div>
      </div>
   </div>
	<div class="container-fluid">
		<div class="row">
			<div class="col-lg-12 col-md-12 col-sm-12">
				<div class="card">
				<div class="header">
                    <h2>
                        <strong>DPR </strong> List
                        <ul class="header-dropdown">
                            <li >
                                <a href="{{ route('dpr-report.create') }}" class="btn btn-primary btn-sm btn-round">Add DPR</a>
                            </li>
                        </ul>
                    </h2>
				</div>
				<div class="body">
                    <form id="filterForm" action="{{ route('dpr-report.index') }}">
                        <div class="row ">
                            <div class="col-lg-3 mb-lg-0 mb-6">
                                <label>Application No</label>
                                <input type="text" class="form-control" name="dpr_no"
                                       id="dpr_no"
                                       placeholder="Search by Application No"/>
                            </div>
                            <div class="col-lg-3 mb-lg-0 mb-6">
                                <label>Industry Type </label>
                                <select name="industry_type_detail.id"
                                        id="industry_type_detail.id"
                                        class="form-control">
                                    <option value="">Select Industry Type</option>
                                    @foreach($industrytypes as $key => $industrytype)
                                        <option
                                            value="{{ $industrytype->id }}">{{ $industrytype->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-lg-3 mb-lg-0 mb-6">
                                <label>Application Type</label>
                                <select name="application_type_detail.application_type"
                                        id="application_type_detail.application_type"
                                        class="form-control">
                                    <option value="">Select Application Type</option>
                                    @foreach($application_types as $key => $application_type)
                                        <option
                                            value="{{ $application_type->application_type }}">{{ $application_type->application_type }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-lg-3 mb-lg-0 mb-6">
                                <label>Doc Status</label>
                                <select name="doc_status" class="form-control">
                                    <option value="">Select Status</option>
                                    @foreach($statuses as $key => $status)
                                        <option value="{{ $status->id }}">{{ $status->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-lg-3 mb-lg-0 mb-6">
                                <label>Submitted From Date</label>
                                <input type="date" class="form-control" name="created_at_from"
                                       id="created_at_from"
                                       placeholder="Search by Submitted Date"/>
                            </div>
                            <div class="col-lg-3 mb-lg-0 mb-6">
                                <label>Submitted To Date</label>
                                <input type="date" class="form-control" name="created_at_to"
                                       id="created_at_to"
                                       placeholder="Search by Submitted Date"/>
                            </div>
                            <div class="col-lg-3 mb-lg-0 mb-6">
                                <label>ReSubmitted From Date</label>
                                <input type="date" class="form-control" name="updated_at_from"
                                       id="updated_at_from"
                                       placeholder="Search by ReSubmitted Date"/>
                            </div>
                            <div class="col-lg-3 mb-lg-0 mb-6">
                                <label>ReSubmitted To Date</label>
                                <input type="date" class="form-control" name="updated_at_to"
                                       id="updated_at_to"
                                       placeholder="Search by ReSubmitted Date"/>
                            </div>
                            <div class="col-lg-3">
                                <a href="{{ route('dpr-report.index') }}"
                                   class="btn btn-danger"><i class="zmdi zmdi-refresh-sync"
                                                             aria-hidden="true"></i>
                                    Clear
                                </a>
                            </div>
                        </div>
                    </form>
					<div class="row clearfix">
						<div class="col-md-12 col-lg-12">
                     @if ($message = Session::get('success'))
                     <div class="alert alert-success">
                           <p>{{ $message }}</p>
                     </div>
                     @endif
                     <div class="table-responsive">
                        <table class="table m-b-0 table-bordered table-striped dpr_report_datatable">
                           <thead>
                              <tr>
                                 <th>Application No</th>
                                 <th>Divison</th>
                                 <th>Industry Type</th>
                                 <th>Application Type</th>
                                 <th>Status</th>
                                 <th>Submitted Date</th>
                                 <th>Resubmission Date</th>
                                 <th class="text-center">Action</th>
                              </tr>
                           </thead>
                        </table>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div></div>
      <div class="row">
         <div class="col-lg-12 col-md-12 col-sm-12">
            @include('layouts.footer')
         </div>
      </div>
   </div>
</section>
@yield('script')
<script type="text/javascript">
    $(document).on('click', '.updateStatus', function () {
        let id = $(this).attr('data-id');
        let form_role_map_id = $(this).attr('data-form_role_map_id');
        $('#id').val(id);
        $('#form_role_map_id').val(form_role_map_id);
    });

    $(function () {
        var dataTable = $('.dpr_report_datatable').DataTable({
            processing: true,
            scrollX: true,
            responsive: true,
            serverSide: true,
            searching: true,
 ordering: false,
            ajax: {
                data: function (data) {
                    data['filter'] = {};

                    $('#filterForm input[type=text], #filterForm input[type=number], #filterForm input[type=date], #filterForm select').each(function (i, el) {
                        let input = $(el);
                        let propertyName = input.prop('name');

                        if (input.val()) {
                            data['filter'][propertyName] = input.val();
                        }
                    });
                },
            },
            columns: [
                {data: 'dpr_no', name: 'dpr_no'},
                {data: 'division.name', name: 'division.name'},
                {data: 'industry_type_detail.name', name: 'industry_type_detail.name'},
                {
                    data: 'application_type_detail.application_type',
                    name: 'application_type_detail.application_type'
                },
                {data: 'doc_status', name: 'doc_status'},
                {data: 'created_at', name: 'created_at'},
                {data: 'updated_at', name: 'updated_at'},
                {data: 'action', name: 'action', orderable: false, searchable: false},
            ]
        });
        $('#filterForm input[type=text], #filterForm input[type=number]').on('keyup', function () {
            dataTable.draw();
            return false;
        });
        $('#filterForm input[type=date]').on('change', function () {
            dataTable.draw();
            return false;
        });
        $(' #filterForm select').on('change', function () {
            dataTable.draw();
            return false;
        });
    });
</script>
@endsection