@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/referral_direct/report') !!}" class="active">Referral Direct Register</a></li>
            </ul>

            <div class="tab-content">

                <div class="tab-pane active clearfix" id="details">

                    {!! Form::horizondal_open()->id('ReferralDirectReportForm')->secure()->method('POST')->files('true')->enctype('multipart/form-data') !!}
                    <div class="col-md-5 col-lg-5">

                        {!! Form::select('search[referral_directs.company_id]')->options(Company::companies(), user('admin.web')->current_comp)->disabled()->addGroupClass('form-group-sm')->label('Company')->id('company_ id')->placeholder('select company') !!}

                        {!! Form::select('search[referral_directs.division_id]')->options(Company::divisions())->addGroupClass('form-group-sm')->label('Division')->id('division_id')->placeholder('select Division') !!}

                        {!! Form::select('search[doctor_department_id]')->options(ReferralClinic::doctor_departments())->addGroupClass('form-group-sm')->label('Department')->placeholder('select Doctor Department')->id('doctor_department_id') !!}

                        {!! Form::select('search[referral_directs.user_id]')->id('user_id')->options(Company::allUsers())->addGroupClass('form-group-sm')->label('Created By')->placeholder('select created user') !!}
                    
                        <div class="form-group form-group-sm">
                            <label for="primary_view" class="control-label col-lg-3 col-md-6 col-sm-6">
                                Expected Date
                            </label>
                            <div class="col-lg-5 col-md-3 col-sm-3">

                                {!! Form::date('search[expected_date_of_arrival][0]')->id('expected_date_of_arrival_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[expected_date_of_arrival][1]')->id('expected_date_of_arrival_to')->addClass('datepick_enddate')->addGroupClass('form-group-sm')->placeholder('To')->raw() !!}
                            </div>
                        </div>

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

                                {!! Form::date('search[date_of_arrival][0]')->id('date_of_arrival_from')->addClass('datepick_from')->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[date_of_arrival][1]')->id('date_of_arrival_to')->addClass('datepick_enddate_to')->addGroupClass('form-group-sm')->placeholder('To')->raw() !!}
                            </div>
                        </div>

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


                        {!! Form::select('search[referral_directs.status]')->id('status')->options(['' => 'All'] + trans('referral_clinic::referral_direct.options.status'))->addGroupClass('form-group-sm')->label('Status') !!}

                        {!! Form::text('search[referring_hospital]')->id('referring_hospital')->addGroupClass('form-group-sm')->label('Hospital Name') !!}

                        {!! Form::text('search[patient_name]')->id('patient_name')->addGroupClass('form-group-sm')->label('Patient Name') !!}

                        {!! Form::select('search[patient_urgency_level]')->id('patient_urgency_level')->options(['' => 'All'] + trans('referral_clinic::referral_direct.options.patient_urgency_level'))->addGroupClass('form-group-sm')->label('Urgency Level') !!}

                        {!! Form::select('search[requested_treatment]')->id('requested_treatment')->options(['' => 'All'] + trans('referral_clinic::referral_direct.options.requested_treatment'))->addGroupClass('form-group-sm')->label('Requested Treatment') !!}

                        {!! Form::select('search[transport_mode]')->id('transport_mode')->options(['' => 'All'] + trans('referral_clinic::referral_direct.options.transport_mode'))->addGroupClass('form-group-sm')->label('Transport Mode') !!}
                        
                    </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_excel" class="headpicture" href="#">Download Excel</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 class="active"><a href="#tab-full-data" data-toggle="tab">Full Data Set</a></li>
        </ul>

        <div class="tab-content" style="width:100%">

            <div class="tab-pane" id="tab-graph">
                <div class="table-wrapper" style="margin-left: auto; margin-right: auto; overflow-x: auto;">
                    <table width="100%" align="center" cellpadding="0" cellspacing="0" id="table_1"
                        class="form_table table table-striped">
                        <tr>
                            <td colspan="2">
                                <table width="100%" bgcolor="#FFF" border="0" cellpadding="0" cellspacing="0"
                                    style="padding: 8px 0 0 0;">
                                    <tr></tr>
                                    <tr></tr>
                                    <tr>
                                        <td height="10" class="form_fields_table">&nbsp;</td>
                                        <td width="15%" height="10" colspan="-4" class="form_fields_table">&nbsp;
                                        </td>
                                        <td width="71%" height="10" colspan="-4" class="form_fields_table">&nbsp;
                                        </td>
                                    </tr>
                                    <tr>
                                        <td colspan="3" class="form_fields_table" style="padding: 10px;">
                                            <div id="chart_span" style="min-width: 100%; height: 350px; margin: 0 auto;">
                                            </div>
                                        </td>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                    </table>
                </div>
            </div>

            <div class="tab-pane active" id="tab-summary">
                <div class="table-wrapper" style="margin-left: auto; margin-right: auto;overflow-x: auto;">
                    <table id="data_summary" border="0" align="center"
                        class="table table-striped display datatable data-table" cellpadding="0" cellspacing="0">
                    </table>
                </div>
            </div>
            <div class="tab-pane table-responsive active" id="tab-full-data">
                <table id="full_listings" class="table table-striped data-table">
                    <thead class="list_head">
                        <th>Ref No.</th>
                        <th>Division</th>
                        <th>Status</th>
                        <th>Expected Date & Time of Arrival</th>
                        <th>Arrived Date & Time</th>
                        <th>Elapsed Time</th>
                        <th>Hospital</th>
                        <th>Hospital Department</th>
                        <th>Patient Name</th>
                        <th>Condition</th>
                        <th>Urgency Level</th>
                        <th>Requested Treatment</th>
                        <th>Transport Mode</th>
                        <th>Remarks</th>
                    </thead>
                </table>
            </div>
        </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('referral_direct') !!}

                            {!! 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>

    <div class="modal fade" id="show_report">
        <div class="modal-dialog">
            <div class="modal-content" style="max-width:400px;">
                <div class="modal-header header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h4 class="modal-title">Recent Saved Searches</h4>
                </div>
                <div class="modal-body" style="height:210px; overflow-y: auto;">

                    <div id="saved-reports"></div>

                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary" name="Closerep" data-dismiss="modal">Close</button>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div><!-- /.modal -->

@stop

<script type="text/javascript">
    var chart;
    $(document).ready(function() {

        var date = new Date();
        $(".datepick").pickadate({
            format: 'dd mmm, yyyy',
            formatSubmit: 'yyyy-mm-dd 00:00:00',
            hiddenSuffix: '',
            selectMonths: true,
            selectYears: true,
            onStart: function() {
                this.set({
                    select: new Date(date.getFullYear(), date.getMonth(), 1)
                });
            }
        }).prop('type', 'text');

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

         var date = new Date();
        $(".datepick_from").pickadate({
            format: 'dd mmm, yyyy',
            formatSubmit: 'yyyy-mm-dd 00:00:00',
            hiddenSuffix: '',
            selectMonths: true,
            selectYears: true,
        }).prop('type', 'text');

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

        $('#op_no').select2({
            placeholder: 'Select OP No',
            allowClear: true
        });

        $('#referral_clinic_id, #doctor_department_id').change(function() {
            var clinicId = $('#referral_clinic_id').val();
            var departmentId = $('#doctor_department_id').val();

            if ($(this).attr('id') === 'referral_clinic_id') {
                $('#doctor_department_id').val('');
                departmentId = '';
            }

            if (clinicId && departmentId) {
                $.ajax({
                    url: "{{ url('admin/referral_direct/doctors_by_clinic') }}",
                    type: 'GET',
                    data: {
                        clinicId: clinicId,
                        departmentId: departmentId
                    },
                    dataType: 'json',
                    success: function(data) {
                        var doctorDropdown = $('#referral_doctor_id');
                        doctorDropdown.empty();
                        doctorDropdown.append('<option value="">' + 'Select Doctor' +
                            '</option>');

                        $.each(data, function(key, value) {
                            doctorDropdown.append('<option value="' + key + '">' +
                                value + '</option>');
                        });
                    },
                });
            } else {
                $('#referral_doctor_id').empty().append('<option value="">' + 'Select Doctor' +
                    '</option>');
            }
        });

        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.rfc + "&nbsp;" + repo
                .bar_code + "</span></div>";

            return markup;
        }

        function formatRepoSelection(repo) {
            return repo.name;
        }

        @if (@$save_report['search']['divisionid'] != '')
            $("select[name='search[divisionid]").load(
                '{{ URL::to('admin/company/division/employee') }}/{{ @$save_report['search']['companyid'] }}/{{ @$save_report['search']['divisionid'] }}'
            );
        @endif

        $("#companyid").change(function() {
            var company = $("#companyid option:selected").val();
            $("#divisionid").load('{{ URL::to('/admin/company/division/employee') }}' + '/' + company);
        });

        var filter = $("#ReferralDirectReportForm").serialize();
        plotGraph("{{ URL::to('admin/referral_direct/referral_direct/report/graph') }}" + '/' + filter + '');

        $('#view_report').click(function() {
            $('#saved-reports').load("{{ trans_url('admin/referral_direct/save/save_report') }}");
            $('#show_report').modal("show");
        });

        $("#popup-save-report").click(function() {
            $("#name").val('');
            $("#save-report").modal('show');
        });

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

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

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

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

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

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

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

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

        $('#resetnow').click(function() {
            $("input[name='search[expected_date_of_arrival][0]']").val('');
            $("input[name='search[expected_date_of_arrival][1]']").val('');
            $("input[name='search[date_of_arrival][0]']").val('');
            $("input[name='search[date_of_arrival][1]']").val('');
            $('#ReferralDirectReportForm')[0].reset();

            var date = new Date(),
            y = date.getFullYear(),
            m = date.getMonth();
            var firstDay = new Date(y, m, 1);

            var pickerFrom = $('#expected_date_of_arrival_from').pickadate('picker');
            pickerFrom.set('select', firstDay);

            var pickerTo = $('#expected_date_of_arrival_to').pickadate('picker');
            pickerTo.set('select', new Date());

            // var pickerFrom = $('#date_of_arrival_from').pickadate('picker');
            // pickerFrom.set('select', firstDay);

            // var pickerTo = $('#date_of_arrival_to').pickadate('picker');
            // pickerTo.set('select', new Date());

            $('.select2-selection__rendered').html('');

            var filter = $("#ReferralDirectReportForm").serialize();
            plotGraph("{{ URL::to('admin/referral_direct/report/graph') }}" + '/' + filter);

            $('#group_by_label').html('');
            oTable.api().draw();

            $('#status').trigger('change');
        });

        $('#download_excel').click(function() {
            var filter = $("#ReferralDirectReportForm").serialize();
            $('#download_excel').attr('href',
                "{{ URL::to('admin/referral_direct/report/excel') }}" +
                "/" +
                filter);
            $('#download_excel').attr("target", "_blank");
        });

        $('#save-repot').click(function(e) {
            if ($("#report_save").valid() == false) {
                toastr.error('Please enter valid information.', 'Error');
                return false;
            }
            var postData = $("#report_save").serialize();
            var chartData = $("#ReferralDirectReportForm").serialize();
            var formURL = "{{ trans_url('admin/save_report') }}";
            $.ajax({
                url: formURL,
                type: "POST",
                data: {
                    data: postData,
                    data1: chartData
                },
                success: function(data, textStatus, jqXHR) {},
                error: function(jqXHR, textStatus, errorThrown) {
                    toastr.error('An error occurred while saving.', 'Error');
                    console.log(jqXHR);
                    console.log(textStatus);
                    console.log(errorThrown);
                }
            });

            e.preventDefault();
        });

        oTable = $('#full_listings').dataTable({
            "bProcessing": true,
            "sDom": 'R<>rt<ilp><"clear">',
            "bServerSide": true,
            "sAjaxSource": '{!! trans_url('admin') !!}/referral_direct/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()
                        });
                    }
                );
                $('#ReferralDirectReportForm select, #ReferralDirectReportForm 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: 'id',
                        render: function(data, type, row) {
                            return row.u_id;
                        }
                    },
                    {
                        data: 'division_id',
                        render: function (data, type, row) {
                            return row.division;
                        }
                    },
                    {
                        data: 'status'
                    },
                    {
                        data: 'expected_arrival_datetime'
                    },{
                        data: 'arrived_datetime'
                    },
                    {
                        data: 'elapsed_time'
                    },
                    {
                        data: 'referring_hospital'
                    },  
                     {
                        data: 'referring_department'
                    },
                    {
                        data: 'patient_name',
                    },
                    {
                        data: 'patient_condition'
                    }, 
                    {
                        data: 'patient_urgency_level'
                    },
                    {
                        data: 'requested_treatment'
                    },{
                        data: 'transport_mode'
                    },
                    {
                        data: 'remarks'
                    }
            ],

            "pageLength": 25,
            "order": [[0, 'desc']]
        });

        $(document.body).on('click', "#gobutton", function(e) {
            e.preventDefault();
            var filter = $("#ReferralDirectReportForm").serialize();
            var filter_label = '';
            var comma = '';
            $("#ReferralDirectReportForm select, #ReferralDirectReportForm input").each(function() {
                if ($(this).val() != '' || $(this).val() != null) {
                    filter_label += comma + ' ' + $('#' + $(this).attr('id') + ' :selected')
                        .text();
                    comma = ',';
                }
            });
            plotGraph("{{ URL::to('admin/referral_direct/referral_direct/graph') }}" + '/' + filter +
                '');
            $('#full_listings .search_bar').find("." + $(this).attr('id')).prop('disabled', true);
            oTable.api().draw();
        });
    });

    function plotGraph(url) {

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

    }
</script>

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