@extends('backend.includes.panel')

@section('page_css')
<link href="{{ BE_URL.'plugins/bootstrap-switch/bootstrap-switch.min.css' }}" rel="stylesheet">
<link href="{{ BE_URL.'plugins/sweetalert/sweetalert.css' }}" rel="stylesheet" type="text/css">
<link href="{{ BE_URL.'plugins/bootstrap-material-datetimepicker/css/bootstrap-material-datetimepicker.css'}}" rel="stylesheet">
@stop

@section('page_title','Contractors Report')

@section('inner_page_link')
    <li class="breadcrumb-item active">Contractors Report</li>
@stop

@section('main_content')
	<div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-body">
                    <h4 class="card-title">Searching Filters</h4>
                    <form method="POST" action="{{ route('export.report.contractor') }}">
                        @csrf
                        @if($userData->role_id == 1)
                        <div class="form-group col-md-4 m-b-40" >
                            <label class="form-control-label" for="name">Company</label>
                            {{ Form::select('company_id',$companies,null,['class'=>'form-control select2','id'=>'company','placeholder' => 'Select Company']) }}
                        </div>
                        @else
                            {{ Form::hidden('company_id',($userData->role_id == 2 ? $userData->id : $userData->parent_user_id),['id'=>'company']) }}
                        @endif
                        <div class="form-group col-md-4 m-b-40" >
                                <label class="form-control-label" for="start_date">Start Date</label>
                                {{ Form::text('start_date',Input::old('start_date'),['class'=>'form-control','id'=>'start_date','placeholder' => 'dd/mm/yyyy']) }}
                                @if(isset($errors) && $errors->first('start_date'))
                                <code>{{ $errors->first('start_date') }}</code>
                                @endif
                        </div>
                        <div class="form-group col-md-4 m-b-40" >
                            <label class="form-control-label" for="end_date">End Date</label>
                            {{ Form::text('end_date',Input::old('end_date'),['class'=>'form-control','id'=>'end_date','placeholder' => 'dd/mm/yyyy']) }}
                            @if(isset($errors) && $errors->first('end_date'))
                            <code>{{ $errors->first('end_date') }}</code>
                            @endif
                        </div>
                        <div class="form-group col-md-4" >
                            <!-- { ($userData->role_id != 1 ? 'style=display:none;' : '')  }} -->
                            <button type="button"  class="btn btn-success waves-effect waves-light m-r-10" onclick="reloadContractors();">Search</button>
                            <button type="submit" class="btn btn-warning waves-effect waves-light m-r-10">Export</button>
                            <button type="button" class="btn btn-warning waves-effect waves-light m-r-10 clear-filter">Clear Filter</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
        <div class="col-12">
            <div class="card">
                <div class="card-body">
                    <h4 class="card-title">Contractors</h4>
                    <div class="table-responsive m-t-10">
                        <table id="contractors-report-table" class="table table-bordered table-striped">
                            <thead>
                                <tr>
                                    <th>{{'#'}}</th>
                                    <th>Name</th>
                                    <th>Company</th>
                                    <th>Categories</th>
                                    <th>ACMO registration</th>
                                    <th>CCI registration</th>
                                    <th>Email</th>
                                    <th>Phone</th>
                                    <th>Status</th>
                                    <th>Registered Date</th>
                                    <th>Membership Status</th>
                                </tr>
                            </thead>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
@stop

@section('page_script')
<script src="{{ BE_URL.'plugins/bootstrap-switch/bootstrap-switch.min.js' }}"></script>
<script src="{{ BE_URL.'plugins/datatables/jquery.dataTables.min.js' }}"></script>
<script src="{{ BE_URL.'plugins/bootstrap-datepicker/bootstrap-datepicker.min.js'}}"></script>
<script src="{{ BE_URL.'plugins/moment/moment.js'}}"></script>
<script src="{{ BE_URL.'plugins/bootstrap-material-datetimepicker/js/bootstrap-material-datetimepicker.js'}}"></script>
<script src="{{ BE_URL.'plugins/sweetalert/sweetalert.min.js' }}"></script>


<script type="text/javascript">

        $('#start_date').bootstrapMaterialDatePicker({
            format: 'DD/MM/YYYY',
            maxDate: new Date(),
            time: false
        }).on('change', function (e, date) {
            $('#end_date').bootstrapMaterialDatePicker('setMinDate',$('#start_date').val());
        });

        $('#end_date').bootstrapMaterialDatePicker({
            format: 'DD/MM/YYYY',
            maxDate: new Date(),
            time: false
        });

        var dataTable = null;

        function reloadContractors(){
            dataTable.draw();
        }

        function setBuilderData(){
            return {'company':$('#company').val()}
        }

        function setDatatable(){

            dataTable = $('#contractors-report-table').DataTable({
                aaSorting: [],
                processing: true,
                serverSide: true,
                ajax: {
                    "url": ' {{ route("filter.report.contractor") }}',
                    "type": "POST",
                    "data": function(data){
                        data.company_id = $('#company').val();
                        data.start_date = $('#start_date').val();
                        data.end_date = $('#end_date').val();
                    },
                },
                columns: [
                    {data: 'id', name: 'id',
                        render: function (ata, type, row) {
                            return '';
                        }
                    },
                    {data: 'name', name: 'name'},
                    {data: 'company', name: 'company',
                        render: function (data, type, row) {
                            if(data){
                                return data.name;
                            }
                            return "-";
                        }
                    },
                    {data: 'contractor_categories', name: 'Categories',
                        render: function (data, type, row) {
                            if(data){
                                var categoriesList = [];
                                $.each( data, function( key, value ) {
                                    categoriesList.push(value['categories'].name);
                                });

                                if(categoriesList.length >0)
                                {
                                    return categoriesList.join(",");
                                }
                            }
                            return "-";
                        }
                    },
                {data: 'contractor_info', name: 'Acmo Registered',
                    render: function (data, type, row) {
                        if(data){
                            if(data.acmo_registered && data.acmo_registered == 1)
                            {
                                return "Yes";
                            }
                        }
                        return "No";
                    }
                },
                {data: 'contractor_info', name: 'CCI Registered',
                    render: function (data, type, row) {
                        if(data){
                            if(data.cci_registered && data.cci_registered==1)
                            {
                                return "Yes";
                            }
                        }
                        return "No";
                    }
                },
                    {data: 'email', name: 'email'},
                    {data: 'phone', name: 'phone'},
                    {data: 'status', name: 'status', searchable: true,
                        render: function (data, type, row) {
                            var status = 'Pending';
                            if (data == 1) {
                                status = 'Approved';
                            }
                            if (data == 2) {
                                status = 'Rejected';
                            }

                            return '<code class="text-' + (data == '1' ? 'success' : 'danger') + '">' + status + '</code>';
                        }
                    },
                    {data: 'created_at', name: 'created_at'},
                    {data: 'membership_status', name: 'membership_status'}

                ],
                "fnCreatedRow": function (row, data, index) {
                    $('td', row).eq(0).html(index + 1);
                },
                aoColumnDefs: [
                    {
                        bSortable: false,
                        aTargets: [-1]
                    }
                ],
                "oLanguage": {
                    "sEmptyTable": "No Contractor Available."
                }
            });
        }

        setDatatable();

        function reloadData(){
            dataTable.draw();
        }

        $(document).on('click','.clear-filter',function(){
            $(this).closest('form')[0].reset();
            $('.select2').change();
            $('#end_date').bootstrapMaterialDatePicker('setMinDate',null);
            $('#start_date').bootstrapMaterialDatePicker('setMinDate',null);
            reloadData();
        });

</script>
@stop