@extends('hr_main')
@section('title', '| Salary Certificate')
@section('content')
    <div class="row">
        <div class="col-md-12">
            <div class="panel panel-default" style="background-color:#708090;">
                <div class="panel-heading" style="padding-bottom:0px">
                    <div class="panel-options">
                        <button id="printIcon" class="btn btn-info pull-right print-icon" target="_blank" style="">
                            <i class="fa fa-print fa-lg" aria-hidden="true"> Print</i>
                        </button>
                        <button id="btnExportExcel" class="btn btn-info pull-center print-icon" target="_blank"
                            style="">
                            <i class="fa-file-excel-o fa-lg" aria-hidden="true"> Excel</i>
                        </button>
                    </div>
                    <h3 style=" text-align: center; font-family: Antiqua; letter-spacing: 2px; color: white;">
                        Salary Certificate
                    </h3>
                </div>

                <div class="panel-body panelBodyView">
                    {!! Form::open([
                        'url' => '#',
                        'role' => 'form',
                        'class' => 'form-horizontal form-groups',
                        'id' => 'filterFormId',
                        'method' => 'get',
                    ]) !!}

                    <div class="row">
                        <div class="col-md-12">
                            <div class="col-md-2">
                                {!! Form::label('branch', 'Branch', ['class' => 'control-label']) !!}
                                {!! Form::select('branch_id', $branches, null, [
                                    'class' => 'form-control select2',
                                    'id' => 'branch',
                                    'name' => 'branch_id',
                                    'required' => 'required',
                                ]) !!}
                            </div>

                            <div class="col-md-2">
                                {!! Form::label('employee', 'Employee', ['class' => 'control-label']) !!}
                                {!! Form::select('employeeId', ['' => 'Select'], null, [
                                    'class' => 'form-control select2',
                                    'id' => 'employeeId',
                                    'name' => 'employeeId',
                                ]) !!}
                                <p id='employeeId' style="max-height:3px;">{{ $errors->error->first('employeeId') }}</p>
                            </div>

                            <div class="col-md-2">
                                {!! Form::label('year', 'Year', ['class' => 'control-label']) !!}
                                {!! Form::select('year', $years, null, [
                                    'class' => 'form-control select2',
                                    'id' => 'year',
                                    'name' => 'year',
                                ]) !!}
                            </div>

                            <div class="col-md-2">
                                {!! Form::label('month', 'Month', ['class' => 'control-label']) !!}
                                {!! Form::select('month', $months, (int) date('m'), [
                                    'class' => 'form-control select2',
                                    'id' => 'month',
                                    'name' => 'month',
                                ]) !!}
                            </div>

                            <div class="col-md-2">
                                {!! Form::label('getFrom', 'Get From', ['class' => 'control-label']) !!}
                                {!! Form::select('getFrom', $getFroms, null, [
                                    'class' => 'form-control select2',
                                    'id' => 'getFrom',
                                    'name' => 'getFrom',
                                ]) !!}
                            </div>

                            <div class="col-md-2">
                                <div class="form-group">
                                    <div class="col-md-12" style="margin-top: 30px;">
                                        <input class="btn btn-primary" type="submit" name="Show" value="Search">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    {!! Form::close() !!}
                </div>

            </div>
        </div>
    </div>
    <div class="row">
        <div id="reportingDiv" class="col-md-12"></div>
    </div>

    <script type="text/javascript">
        $("form").submit(function(event) {
            event.preventDefault();

            var serializeValue = $(this).serialize();

            $("#loadingModal").modal('show');
            $('#reportingDiv').html('Retrieving Data, Please Wait!');
            $("#reportingDiv").load('{{ url('hr/report/salaryCertificate/getReport') }}' + '?' +
                serializeValue);
        });
        // sjf

        $(document).ready(function() {

            $("#btnExportExcel").click(function(e) {
                var today = new Date();
                var dd = today.getDate();

                var mm = today.getMonth() + 1;
                var yyyy = today.getFullYear();
                if (dd < 10) {
                    dd = '0' + dd;
                }

                if (mm < 10) {
                    mm = '0' + mm;
                }
                today = dd + '-' + mm + '-' + yyyy;

                let file = new Blob([$('#printDiv').html()], {
                    type: "application/vnd.ms-excel"
                });
                let url = URL.createObjectURL(file);
                let a = $("<a />", {
                    href: url,
                    download: "Salary Certificate _" + today + ".xls"
                }).appendTo("body").get(0).click();
                e.preventDefault();
            });


            /* get employee after selecting branch */
            $("#branch").change(function(e) {
                e.preventDefault();

                $('#employeeId').select2('val', '');
                $('#employeeId option:gt(0)').remove();

                var branch_id = $(this).val();

                if (branch_id != '') {
                    $.ajax({
                        type: "GET",
                        url: "{{ url('hr/get-branch-wise-employee') }}",
                        data: {
                            branch_id_fk: branch_id
                        },
                        dataType: "json",
                        success: function(employees) {

                            $.each(employees, function(id, name) {
                                $('#employeeId').append("<option value=" + id + ">" +
                                    name + "</option>");
                            });
                            $('#employeeId').trigger('change');
                        },
                        error: function(response) {
                            alert('Something went wrong!');
                        }
                    });
                }
            });

            $("#project_id").change(function(e) {
                e.preventDefault();

                $('#employeeId option:gt(0)').remove();

                var project_id = $(this).val();
                var branch_id = $('#branch').val();

                if (branch_id != '') {
                    $.ajax({
                        type: "GET",
                        url: "{{ url('hr/get-branch-wise-employee') }}",
                        data: {
                            branch_id_fk: branch_id,
                            project_id_fk: project_id
                        },
                        dataType: "json",
                        success: function(employees) {
                            $.each(employees, function(id, name) {
                                $('#employeeId').append("<option value=" + id + ">" +
                                    name + "</option>");
                            });
                            $('#employeeId').trigger('change');
                        },
                        error: function(response) {
                            alert('Something went wrong!');
                        }
                    });
                }
            });


            $("#printIcon").click(function(event) {
                event.preventDefault(); // Prevent the default action

                var mainContents = document.getElementById("reportingDiv").innerHTML;
                var headerContents = '';
                var printStyle =
                    '<style>thead tr th{text-align:center;vertical-align: middle;padding:3px;font-size:14px}  tr{ page-break-inside:avoid; page-break-after:auto } </style><style media="print">@page{margin:10mm 10mm;}</style><style>@media print {.element-that-contains-table { overflow: visible !important; }}</style><style>@page:first{tr:nth-of-type(4n){page-break-after: always;}}</style> <style>#printDiv .body{padding-top:15mm;}</style>';
                var printContents = '<div id="order-details-wrapper">' + headerContents + printStyle +
                    mainContents + '</div>';
                var win = window.open('', 'printwindow');
                win.document.write(printContents);
                win.print();
                win.close();

                //start code for print  history  

                if ($("#reportingDiv").children().length != 0) {

                    var serializeValue = $("#filterFormId").serialize(); // Replace with the ID of your form

                    $.ajax({
                        url: "{{ route('report.salaryCertificateHistory') }}",
                        type: 'POST',
                        data: serializeValue,
                        headers: {
                            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr(
                                'content') // Get CSRF token from the meta tag
                        },
                        success: function(response) {
                            // console.log(response);

                        },
                        error: function(xhr, status, error) {
                            // console.error('Error storing print history:', xhr.responseText);

                        }
                    });

                }


            });

        });
    </script>
@endsection