@extends('admin::curd.index')
@section('heading')
    <i class="fa fa-file-text-o"></i> {!! trans('assets::asset_request.name') !!} <small> {!! trans('cms.manage') !!} {!! trans('assets::asset_request.names') !!}</small>
@stop

@section('title')
    {!! trans('assets::asset_request.names') !!}
@stop

@section('breadcrumb')
    <ol class="breadcrumb">
        <li><a href="{!! trans_url('admin') !!}"><i class="fa fa-dashboard"></i> {!! trans('cms.home') !!} </a></li>
        <li class="active">{!! trans('assets::asset_request.names') !!}</li>
    </ol>
@stop

@section('entry')
    <div class="box box-warning" id='asset_request-asset_request-entry'>
    </div>
@stop

@section('tools')
@stop

@section('content')
    <div class="table-responsive">
        <table id="asset_request-asset_request-list" class="table table-striped data-table">
            <thead class="list_head">
                <th>
                    <div class="reset" style="display:none;"></div>
                </th>
                <th>{!! trans('assets::asset_request.label.trans_status') !!}</th>
                <th>Request No</th>
                <th> Request Date</th>
                <th> Required Date</th>
                <th> Required for</th>
                <th>{{ config('app.client_id') == 1500 ? 'Name' : 'Asset Name' }}</th>
                <th> Estimated Amount</th>
                <th> Approved Amount</th>
                <th> Category </th>
                <th> Department</th>
                <th> Work Department</th>
                <th> Division</th>
                <th> Type </th>
                <th> Sub Location</th>
                <th>{{ client_config('asset_request.approval_labels.level1', 'Level 1') }}</th>
                <th>{{ client_config('asset_request.approval_labels.level1', 'Level 1') }} Remarks</th>
                <th>{{ client_config('asset_request.approval_labels.level2', 'Level 2') }}</th>
                <th>{{ client_config('asset_request.approval_labels.level2', 'Level 2') }} Remarks</th>
                <th>{{ client_config('asset_request.approval_labels.level3', 'Level 3') }}</th>
                <th>{{ client_config('asset_request.approval_labels.level3', 'Level 3') }} Remarks</th>
                <th> Action Taken</th>
                <th> Action Taken / Remarks</th>
            </thead>
            <thead class="search_bar">
                <th>
                    <div class="reset" style="display:none;"><a id="resetnow" class="headpicture"
                            style="cursor:pointer;"><i class="fa fa-refresh" style="color:#000;"></i></a></div>
                </th>
                <th>{!! Form::select('search[trans_status]')->options(['' => 'All'] + trans('assets::asset_request.options.trans_status'))->raw() !!}</th>
                <th>{!! Form::number('search[id]')->raw() !!}</th>
                <th>{!! Form::date('search[created_at]')->addClass('datepick')->raw() !!}</th>
                <th>{!! Form::text('search[asset_requests.requireddate]')->id('ser_requireddate')->addClass('datepick')->raw() !!}</th>
                <th>{!! Form::select('search[requiredfor]')->options(['' => 'All'] + Company::employees())->id('requiredfor')->raw() !!}</th>
                <th>{!! Form::text('search[itemdetails]')->style('width:120px;')->raw() !!}</th>
                <th></th>
                <th></th>
                <th>{!! Form::select('search[categoryid]')->options(['' => 'All'] + Category::allCategories())->id('categoryid')->raw() !!}</th>
                <th>{!! Form::select('search[departmentid]')->options(['' => 'All'] + Department::departments())->id('departmentid')->raw() !!}</th>
                <th>{!! Form::select('search[workdepartmentid]')->options(['' => 'All'] + WorkDepartment::work_departments())->id('workdepartmentid')->raw() !!}</th>
                <th>{!! Form::select('search[divisionid]')->options(['' => 'All'] + Company::divisions())->id('search_division')->raw() !!}</th>
                <th>{!! Form::select('search[request_type]')->options(['' => 'All'] + trans('assets::asset_request.options.request_type'))->raw() !!}</th>
                <th>{!! Form::select('search[sublocationid]')->options(['' => 'All'] + Location::allSublocations())->id('sublocationid')->raw() !!}</th>
                <th>{!! Form::select('search[lvl1]')->options(['' => 'All'] + trans('assets::asset_request.options.lvl1_search'))->raw() !!}</th>
                <th>{!! Form::text('search[lvl1_remarks]')->id('lvl1_remarks')->raw() !!}</th>
                <th>{!! Form::select('search[lvl2]')->options(['' => 'All'] + trans('assets::asset_request.options.lvl2_search'))->raw() !!}</th>
                <th>{!! Form::text('search[lvl2_remarks]')->id('lvl2_remarks')->raw() !!}</th>
                <th>{!! Form::select('search[lvl3]')->options(['' => 'All'] + trans('assets::asset_request.options.lvl3_search'))->raw() !!}</th>
                <th>{!! Form::text('search[lvl3_remarks]')->id('lvl3_remarks')->raw() !!}</th>
                <th>{!! Form::select('search[action_taken]')->options(['' => 'All'] + trans('assets::asset_request.options.action_taken'))->raw() !!}</th>
                <th>{!! Form::text('search[action_remarks]')->id('action_remarks')->raw() !!}</th>
            </thead>
        </table>
    </div>
@stop

@section('script')
    <script type="text/javascript">
        var oTable;
        $(document).ready(function() {

            $(".datepick").pickadate({
                format: 'dd mmm, yyyy',
                formatSubmit: 'yyyy-mm-dd',
                hiddenSuffix: '',
                selectMonths: true,
                selectYears: true
            }).prop('type', 'text');

            let searchParams = new URLSearchParams(window.location.search)
            if (searchParams.get('id')) {
                app.load('#asset_request-asset_request-entry', '{!! trans_url('admin/assets/asset_request') !!}' + '/' + searchParams.get('id'));
            } else {
                app.load('#asset_request-asset_request-entry', '{!! trans_url('admin/assets/asset_request/0') !!}');
            }


            oTable = $('#asset_request-asset_request-list').dataTable({
                "bProcessing": true,
                "sDom": 'R<>rt<ilp><"clear">',
                "bServerSide": true,
                "sAjaxSource": '{!! trans_url('/admin/assets/asset_request') !!}',
                "fnServerData": function(sSource, aoData, fnCallback) {

                    $('#asset_request-asset_request-list .search_bar input, #asset_request-asset_request-list .search_bar select')
                        .each(
                            function() {
                                aoData.push({
                                    'name': $(this).attr('name'),
                                    'value': $(this).val()
                                });
                            }
                        );
                    app.dataTable(aoData);
                    $.ajax({
                        'dataType': 'json',
                        'data': aoData,
                        'type': 'GET',
                        'url': sSource,
                        'success': fnCallback
                    });
                },

                "columns": [{
                        data: 'dresets'
                    },
                    {
                        data: 'trans_status'
                    },
                    {
                        data: 'request_no'
                    },
                    {
                        data: 'created_at'
                    },
                    {
                        data: 'requireddate'
                    },
                    {
                        data: 'requiredfor'
                    },
                    {
                        data: 'itemdetails'
                    },
                    {
                        data: 'approximate_value'
                    },
                    {
                        data: 'approved_value'
                    },
                    {
                        data: 'categoryid'
                    },
                    {
                        data: 'departmentid'
                    },
                    {
                        data: 'workdepartmentid'
                    },
                    {
                        data: 'divisionid'
                    },
                    {
                        data: 'request_type'
                    },
                    {
                        data: 'sublocationid'
                    },
                    {
                        data: 'lvl1'
                    },
                    {
                        data: 'lvl1_remarks'
                    },
                    {
                        data: 'lvl2'
                    },
                    {
                        data: 'lvl2_remarks'
                    },
                    {
                        data: 'lvl3'
                    },
                    {
                        data: 'lvl3_remarks'
                    },
                    {
                        data: 'action_taken'
                    },
                    {
                        data: 'action_remarks'
                    },
                ],
                "order": [
                    [3, "desc"]
                ],
                "pageLength": 25
            });

            $("#asset_request-asset_request-list .search_bar select,.datepick").on('change', function(e) {
                e.preventDefault();
                oTable.api().draw();
            });


            $("#resetnow").click(function() {
                $('.search_bar input, .search_bar select').each(function() {
                    $(this).val('');
                })


                //document.getElementById("select2-search_assetid-container").innerHTML = " ";        
                oTable.api().draw();
                $(".reset").css({
                    'display': 'none'
                });
            });

            $('.search_bar').change(function() {
                $(".reset").css({
                    'display': 'inline'
                });
                return;
            });

            $('#asset_request-asset_request-list tbody').on('click', 'tr', function() {

                oTable.$('tr.selected').removeClass('selected');
                $(this).addClass('selected');

                var d = $('#asset_request-asset_request-list').DataTable().row(this).data();
                $('#asset_request-asset_request-entry').load('{!! trans_url('admin/assets/asset_request') !!}' + '/' + d.id);
            });

            $("#asset_request-asset_request-list .search_bar input, #asset_request-asset_request-list .search_bar select")
                .on('keyup select', function(e) {
                    e.preventDefault();
                    if (e.keyCode == 13 || e.keyCode == 9) {
                        oTable.api().draw();
                    }
                });

            $("#asset_request-asset_request-list .search_bar select").on('change', function(e) {
                e.preventDefault();
                oTable.api().draw();
            });;

            $("#search_company").change(function() {
                if ($("#search_company option:selected").val() != '') {
                    var company = $("#search_company option:selected").val();

                } else {
                    $("#search_division").val('');
                    oTable.api().draw();
                    var company = 0;
                }
                $("#search_division").load('{{ URL::to('admin/company/division/employee') }}' + '/' +
                    company);

            });
            $("#search_company,#search_division").change(function() {
                if ($("#search_company option:selected").val() != '' && $(
                        "#search_division option:selected").val() != '') {
                    var company = $("#search_company option:selected").val();
                    var division = $("#search_division option:selected").val();
                    $("#search_location").load('{{ URL::to('admin/location/location/location') }}' + '/' +
                        company + '/' + division);

                } else {
                    $("#search_location").val('');
                    var company = 0;
                    var division = 0;
                }

            });

            $("#search_location").change(function() {
                if ($("#search_location option:selected").val() != '') {
                    var location = $("#search_location option:selected").val();

                } else {
                    $("#search_sublocation").val('');
                    oTable.api().draw();
                    var location = 0;
                }
                $("#search_sublocation").load('{{ URL::to('admin/location/sub_location/location') }}' +
                    '/' + location);

            });

            $(".js-selectt2").select2({
                ajax: {
                    url: "{{ trans_url('admin/assets/select2/asset') }}",
                    dataType: 'json',
                    delay: 250,
                    data: function(params) {
                        return {
                            q: params.term, // search term
                            page: params.page
                        };
                    },
                    processResults: function(data, params) {

                        params.page = params.page || 1;
                        return {
                            results: data.items,
                            pagination: {
                                more: (params.page * 30) < data.total_count
                            }
                        };
                    },
                    cache: true
                },
                escapeMarkup: function(markup) {
                    return markup;
                }, // let our custom formatter work
                initSelection: function(element, callback) {
                    callback({
                        id: "{{ @$service_request->asset_id }}",
                        name: "{{ @$service_request->asset->name . '&nbsp;&nbsp;&nbsp;&nbsp;' . @$service_request->asset->ref . '&nbsp;&nbsp;&nbsp;&nbsp;' . @$service_request->asset->bar_code }}"
                    });
                },
                templateResult: formatRepo, // omitted for brevity, see the source of this page
                templateSelection: formatRepoSelection // omitted for brevity, see the source of this page
            });


            function formatRepo(repo) {
                if (repo.loading) return repo.name;
                var markup = "<div class='select2-result-repository clearfix'>" +
                    "<div class='select2-result'><span>" + repo.name + "&nbsp;" + repo.status + "&nbsp;" + repo
                    .ref + "&nbsp" + repo.bar_code + "</span></div>";

                return markup;
            }

            function formatRepoSelection(repo) {
                if (repo.id != "") {
                    //  $("#workorder_no").load('{{ URL::to('admin/work_order/asset') }}'+'/'+repo.id);
                }
                return repo.name;


            }

        });
    </script>
@stop

@section('style')
    <style>
        .select2-container {
            width: 260px;
        }
    </style>
@stop