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

@section('title')
    {!! trans('facility_inspection::daily_inspection.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('facility_inspection::daily_inspection.names') !!}</li>
    </ol>
@stop

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

@section('tools')
@stop

@section('content')
    <div class="table-responsive">
        <table id="daily_inspection-daily_inspection-list" class="table table-striped data-table">
            <thead class="list_head">
                <th>
                    <div class="reset" style="display:none;"></div>
                </th>
                <th>User</th>
                <th>Insp No</th>
                <th>Inspection Date</th>
                <th>Inspection Type</th>
                <th>Asset</th>
                <th>Condition</th>
                <th>Used By</th>
                <th>Custodian</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[daily_inspections.user_id]')->addClass('user_id_select2')->options([])->id('user_id')->raw() !!}</th>
                <th>{!! Form::text('search[daily_inspections.id]')->id('ser_id')->raw() !!}</th>
                <th>{!! Form::text('search[daily_inspections.inspection_date][min]')->addClass('datepickfirst')->placeholder('Min')->style('width: 45%;')->id('ser_pur_min')->raw() !!}
                    {!! Form::text('search[daily_inspections.inspection_date][max]')->addClass('datepick')->style('width: 45%;')->placeholder('Max')->id('ser_max')->raw() !!}</th>
                <th>{!! Form::select('search[inspection_type]')->options(['' => 'All'] + ScheduleMaster::schedule_masters())->id('inspection_type')->raw() !!}</th>
                <th>{!! Form::select('search[daily_inspections.asset_id]')->addClass('js-selectt2')->options([])->id('ser_asset_id')->raw() !!}</th>
                <th>{!! Form::select('search[condition]')->options(['' => 'All'] + trans('facility_inspection::daily_inspection.options.condition'))->id('ser_condition')->raw() !!}</th>

                <th>{!! Form::select('search[daily_inspections.used_by]')->options(['' => 'All'] + Company::employees())->id('search_usedby')->raw() !!}</th>

                <th>{!! Form::select('search[daily_inspections.custodian_id]')->options(['' => 'All'] + Company::custodians())->id('ser_custodian')->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');

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

            $('input[id=ser_pur_min]').change(function() {

                $("#ser_max").pickadate('picker').set({
                    select: $('input[id=ser_pur_min]').val(),
                    from: new Date($('input[id=ser_pur_min]').val())
                });
            });

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

            // $(".datepick").pickadate({
            //     format: 'dd mmm, yyyy',
            //     formatSubmit: 'yyyy-mm-dd',
            //     hiddenSuffix: '',
            //     selectMonths: true,
            //     selectYears: true,
            //     min: new Date(2023, 0, 1) 
            // }).prop('type', 'text');


            // $("#user_id").load('{{ URL::to('admin/company/users') }}' + '/' +
            //     {{ user('admin.web')->current_comp }});

            $(".user_id_select2").select2({
            ajax: {
                url: "{{ trans_url('admin/user/select/select2') }}",
                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.map(function(obj) {
                            return {
                                id: obj.id,
                                text: obj.name
                            };
                        }),
                        // results: data.items,
                        pagination: {
                            more: (params.page * 30) < data.total_count
                        }
                    };
                },
                cache: true
            },
            escapeMarkup: function(markup) {
                    return markup;
                }, // let our custom formatter work

                minimumInputLength: 1,
        });



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

                    $('#daily_inspection-daily_inspection-list .search_bar input, #daily_inspection-daily_inspection-list .search_bar select')
                        .each(
                            function() {
                                if ($(this).val() != "") {
                                    aoData.push({
                                        'name': $(this).attr('name'),
                                        'value': $.trim($(this).val())
                                    });
                                }
                                // 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: 'user_id'
                    },
                    {
                        data: 'ref'
                    },
                    {
                        data: 'inspection_date'
                    },
                    {
                        data: 'inspection_type'
                    },

                    {
                        data: 'asset_id'
                    },
                    {
                        data: 'condition'
                    },
                    {
                        data: 'used_by'
                    },
                    {
                        data: 'custodian_id'
                    },
                ],
                "pageLength": 25
            });
            $("#resetnow").click(function() {
                $('.search_bar select').each(function() {
                    $(this).val('');
                })
                $("#ser_pur_min").val('');
                $("#ser_max").val('');
                document.getElementById("select2-user_id-container").innerHTML = " ";
                document.getElementById("select2-ser_asset_id-container").innerHTML = " ";
                $("#ser_id").val('');
                $("input[name='search[daily_inspections.inspection_date][min]']").val("");
                $("input[name='search[daily_inspections.inspection_date][max]']").val("");


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

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

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

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

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

            // $('#ser_pur_min').on('click', function() {
            //     var desiredDate = new Date(2023, 0, 1);
            //     $("#ser_pur_min").pickadate('picker').set('select', desiredDate);

            // });

            // $('#ser_pur_min').on('change', function() {
            //     var min_date = $(this).val();
            //     console.log(min_date);

            //     var mindate_obj = new Date(min_date);

            //     var minyear = mindate_obj.getFullYear();
            //     var minmonth = (mindate_obj.getMonth() + 1).toString().padStart(2, '0');
            //     var minday = mindate_obj.getDate().toString().padStart(2, '0');

            //     var minDate = minyear + '-' + minmonth + '-' + minday;

            //     var minYear = new Date(minDate).getFullYear();
            //     var maxYear = new Date().getFullYear();

            //     var currentYear = new Date().getFullYear();

            //     var minYear = new Date(min_date).getFullYear();


                // $("#ser_max").pickadate('picker').set({
                //     select: minDate,
                //     min: minDate,
                //     selectYears: { // Define year range
                //         from: minYear // Minimum selectable year
                //     }
                // });

                //     $('.datepick').pickadate({
                //     format: 'yyyy-mm-dd',
                //     min: minDate,
                //     disable: [
                //         { from: [0, 0, 0], to: new Date(minyear, minmonth-1, minday-1) } // Disables all previous dates except today
                //     ],
                //     yearRange: [minYear, maxYear],
                //     selectYears: {
                //         from: minYear 
                //     }
                // });
            // });

            // $('#ser_max').on('change',function(){
            //     // var desiredDate = new Date(2023, 0, 1);
            //     // $("#ser_max").pickadate('picker').set('select', desiredDate);
            //     oTable.api().draw();
            // });

            // $('#ser_pur_min').on('change',function(){
            //     // var desiredDate = new Date(2023, 0, 1);
            //     // $("#ser_pur_min").pickadate('picker').set('select', desiredDate);
            //     oTable.api().draw();
            // });

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

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




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

            $("#daily_inspection-daily_inspection-list .search_bar select,.datepick").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;
                }

            });

            $(".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

                minimumInputLength: 1,
                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 != "") {
                    $("#daily_inspection_no").load('{{ URL::to('admin/inspection/daily_inspection/asset') }}' +
                        '/' + repo.id);
                }
                return repo.name;


            }

            $("#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);

            });

        });
    </script>
@stop

@section('style')
    <style type="text/css">
        th>.select2-container {
            width: 300px !important;
        }
    </style>

@stop