@extends('admin::curd.index')
@section('heading')
@stop

@section('title')
    <img src="{!! URL::to('img/report/analytics.png') !!}"> &nbsp;{!! ucwords('Reports') !!}
@stop

@section('breadcrumb')
@stop

@section('entry')

@stop

@section('tools')
@stop


@section('content')
    <div class="box-body">
        <div class="nav-tabs-custom">
            <ul class="nav nav-tabs primary">
                <li class="active"><a href="{!! trans_url('admin/scheduler/report') !!}" class="active">Auto Scheduler</a></li>
            </ul>

            <div class="tab-content">
                <div class="tab-pane active clearfix" id="details">
                    {!! Form::horizondal_open()->id('schedulerReportForm')->secure()->method('POST')->files('true')->enctype('multipart/form-data') !!}
                    <div class="col-md-5 col-lg-5">

                        {!! Form::select('search[work_department_id]')->options(WorkDepartment::allWorkDepartments())->label(trans('assets::asset.label.work_department_id'))->id('work_department_id')->placeholder(trans('assets::asset.placeholder.work_department_id'))->addGroupClass('form-group-sm') !!}

                        {!! Form::select('search[status]')->options(trans('scheduler::scheduler.options.status'))->addGroupClass('form-group-sm')->label('Status')->placeholder('select status')->id('status') !!}

                        {!! Form::select('search[inspection_type]')->label('Inspection type')->id('inspection_type')->options(ScheduleMaster::allSchedule_masters())->placeholder('Inspection Type')->addGroupClass('form-group-sm') !!}
                    </div>

                    <div class="col-md-5 col-lg-5">

                        {!! Form::select('search[technician_id][]')->id('technician_id')->label('Technician')->placeholder('Select Technician')->addGroupClass('form-group-sm')->options(Company::technicians()) !!}

                        <div class="form-group form-group-sm">
                            <label for="primary_view" class="control-label col-lg-3 col-md-6 col-sm-6">
                                Scheduler Date
                            </label>
                            <div class="col-lg-5 col-md-3 col-sm-3">

                                {!! Form::date('search[start_date][0]')->id('start_date_from')->addClass('datepick')->addGroupClass('form-group-sm')->placeholder('From')->raw() !!}
                            </div>

                            <div class="col-lg-4 col-md-3 col-sm-3 m-l-0">
                                {!! Form::date('search[start_date][1]')->id('start_date_to')->addClass('datepick_enddate')->addGroupClass('form-group-sm')->placeholder('To')->raw() !!}
                            </div>
                        </div>
                    </div>

                    <div class="col-md-2 col-lg-2">
                        <div class="m-b-20">
                            <i class="fa fa-file-excel-o" style="color:#000;"></i>&nbsp;
                            <a id="download_csv" class="headpicture" href="#">Download CSV</a>
                        </div>
                        <div class="m-b-20">
                            <i class="fa fa-refresh" style="color:#000;"></i>&nbsp;
                            <a id="resetnow" class="headpicture" style="cursor:pointer;">Reset Filter</a>
                        </div>
                    </div>
                    <div class="col-md-10 col-lg-10">
                        <button type="button" id="gobutton" class="btn btn-success btn-sm" style="width:100%">Go</button>
                    </div>
                    {!! Form::close() !!}
                </div>
            </div>
        </div>
    </div>

    <div class="nav-tabs-custom ">
        <ul class="nav nav-tabs primary">
            <li><a href="#active"><a href="tab-full-data" data-toggle="tab">Full Data Set</a></li>
        </ul>

        <div class="tab-pane table-responsive" id="tab-full-data" style="width:100%">
            <table id="full_listings" class="table table-striped data-table">
                <thead class="list_head">
                    <th>Scheduler Date</th>
                    <th>Code</th>
                    <th>Name</th>
                    <th>Inspection Type </th>
                    <th>Technician</th>
                    <th>Work Department</th>
                    <th>Status</th>
                    <th>Asset Count</th>
                </thead>
            </table>
        </div>
    </div>
    <div class="modal fade" id="save-report">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h3 class="modal-title">Save Report</h3>
                    <div class="popup_description">Type the name and save report for future use.</div>
                </div>
                <div class="modal-body" style="height:110px;">
                    <div class="form-horizontal">

                        <div class="col-md-12 col-lg-12 m-t-20">
                            {!! Form::horizontal_open()->id('report_save')->method('POST')->files('true')->action(trans_url('admin/save_report')) !!}

                            {!! Form::hidden('screen')->forceValue('scheduler') !!}

                            {!! Form::text('name')->placeholder('Enter Name')->label('Report Name')->required() !!}

                            {!! Form::close() !!}
                        </div>
                    </div>
                    <div id="resultofsave" class="searchoptiontext"> </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary" id="save-repot" name="Saverep" value="Send"
                        data-dismiss="modal">Save</button>
                </div>
            </div>
        </div>
    </div>

@stop

<script type="text/javascript">
    var chart;

    $(document).ready(function() {

        $("#technician_id").select2({
            placeholder: ' please select technicians',
            ajax: {
                url: "{{ trans_url('admin/company/technicians/all/select2') }}",
                dataType: 'json',
                delay: 250,
                data: function(params) {
                    return {
                        q: params.term, // search term
                        companyId: {!! user('admin.web')->current_comp !!},
                        page: params.page,
                        status: 1
                    };
                },
                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: false
            },
        });        

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

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


        $('#resetnow').click(function() {
            $("input[name='search[start_date][0]']").val('');
            $("input[name='search[start_date][1]']").val('');
            $('#schedulerReportForm')[0].reset();
            $('.select2-selection__rendered').html('');

            var filter = $("#schedulerReportForm").serialize();
            $('#group_by_label').html('');
            oTable.api().draw();
        });

        $('#download_report').click(function() {
            var filter = $("#schedulerReportForm").serialize();
            $('#download_report').attr('href',
                "{{ URL::to('admin/scheduler/report/graph/pdf') }}" + "/" +
                filter);
            $('#download_report').attr("target", "_blank");
        });

        $('#download_csv').click(function() {
            var filter = $("#schedulerReportForm").serialize();
            $('#download_csv').attr('href',
                "{{ URL::to('admin/scheduler/report/graph/csv') }}" + "/" +
                filter);
            $('#download_csv').attr("target", "_blank");
        });

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

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

        oTable = $('#full_listings').dataTable({

            "bProcessing": true,
            "sDom": 'R<>rt<ilp><"clear">',
            "bServerSide": true,
            "sAjaxSource": '{!! trans_url('admin') !!}/scheduler/report',
            "fnServerData": function(sSource, aoData, fnCallback) {

                $('#full_listings .search_bar input, #full_listings .search_bar select').each(
                    function() {
                        aoData.push({
                            'name': $(this).attr('name'),
                            'value': $(this).val()
                        });
                    }
                );
                $('#schedulerReportForm select, #schedulerReportForm input').each(
                    function() {
                        if ($(this).val() == null || $(this).val() == '') {
                            return;
                        }

                        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: 'start_date'
                },
                {
                    data: 'code'
                },
                {
                    data: 'name'
                },
                {
                    data: 'inspection_type'
                },
                {
                    data: 'technician_id'
                },
                {
                    data: 'work_department_id'
                },
                {
                    data: 'status'
                },
                {
                    data: 'asset_count'
                },
                
            ],

            "order": [
                [0, "desc"]
            ],

            "pageLength": 25
        });

        $(document.body).on('click', "#gobutton", function(e) {
            e.preventDefault();
            var filter = $("#schedulerReportForm").serialize();
            var filter_label = '';
            var comma = '';
            $("#schedulerReportForm select, #schedulerReportForm input").each(function() {
                if ($(this).val() != '' || $(this).val() != null) {
                    filter_label += comma + ' ' + $('#' + $(this).attr('id') + ' :selected')
                        .text();
                    comma = ',';
                }
            });

            $('#full_listings .search_bar').find("." + $(this).attr('id')).prop('disabled', true);
            oTable.api().draw();

        });
    });
</script>

<style type="text/css">
    .header {
        background: #3c8dbc;
        color: white;
    }
</style>