@extends('hr_main')
@section('title', '| Bank Slip Report')
@section('content')
    <style>
        .newExcelButton {
            font-size: 13px;
            color: white;
            cursor: pointer;
            padding: 3px;
        }

        .dt-buttons {
            padding: 3px 0px 6px 0px;
        }
		div.col-md-2{
			padding-left: 5px;
			padding-right: 5px;
		}
    </style>
    @php
        $project = isset($data['filter']['project']) ? $data['filter']['project'] : '';
        $projectType = isset($data['filter']['project_type']) ? $data['filter']['project_type'] : '';
        $branch = isset($data['filter']['branch']) ? $data['filter']['branch'] : '';
        $bankingType = isset($data['filter']['banking_type']) ? $data['filter']['banking_type'] : '';
        $salaryType = isset($data['filter']['salary_type']) ? $data['filter']['salary_type'] : '';
        // dd($projectType, $branch);
    @endphp
    <div class="row">
        <div class="col-md-12">
            <div class="" style="">
                <div class="">
                    <div class="panel panel-default" style="background-color:#708090;">
                        <div class="col-md-12" style="padding:10px;">
                            <div class="col-md-9">
                                <div class="panel-heading" style="padding-bottom:0px">
                                    <div class="panel-title">
                                        <h2>Bank Slip Report</h2>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <table>
                                    <tr>
                                        <td style="padding: 3px;">
                                            {{-- <button style="margin-left: 4px;" class="btn btn-success" value="true"
                                                name="print" type="submit"   
                                                onclick="$('.filter-form').attr('target', '_blank'); ">
                                                <i class="fa fa-print"></i> Print
                                            </button> --}}
                                            <button id="printIcon" class="btn btn-success print-icon" style="">
                                                <i class="fa fa-print fa-lg" aria-hidden="true"> Print</i>
                                            </button>
                                        </td>
                                        <td style="padding: 3px;">
                                            <form style="float: right;"
                                                action="{{ url('hr/bankslip/bankSlipReportToExcel') }}">
                                                <input type="hidden" value="{{ $data['reqData']['branch'] ?? '' }}"
                                                    name="filter[branch]">
                                                <input type="hidden" value="{{ $data['reqData']['project'] ?? '' }}"
                                                    name="filter[project]">
                                                <input type="hidden" value="{{ $data['reqData']['project_type'] ?? '' }}"
                                                    name="filter[project_type]">
                                                <input type="hidden" value="{{ $data['reqData']['banking_type'] ?? '' }}"
                                                    name="filter[banking_type]">
                                                <input type="hidden" value="{{ $data['reqData']['salary_type'] ?? '' }}"
                                                    name="filter[salary_type]">
                                                <input type="hidden" value="{{ $data['reqData']['target_month'] ?? '' }}"
                                                    name="filter[target_month]">
                                                <input class="btn btn-success" type="submit" value="EXCEL">
                                            </form>
                                        </td>
                                        <td style="padding: 3px;">
                                            <button id="btnExportPdf" class="btn btn-success" onclick="downloadPdf()">
                                                <i class="fa-file-pdf-o" aria-hidden="true"> Pdf</i>
                                            </button>

                                            {{-- <button  id="btnExportExcel" class="btn btn-success"  target="_blank" style="">
										<i class="fa-file-excel-o fa-lg" aria-hidden="true"> Excel</i>
									</button> --}}
                                        </td>
                                    </tr>
                                </table>
                            </div>
                        </div>
                        <div class="panel-body panelBodyView">

                            {!! Form::open([
                                'role' => 'form',
                                'class' => 'form-horizontal form-groups filter-form',
                                'method' => 'get',
                                'autocomplete' => 'off',
                            ]) !!}
                            <div class="col-md-12" style="background-color: #ffff; padding-top:10px;">
                                <div class="col-md-2">
                                    {!! Form::select(
                                        'filter[project]',
                                        $data['easycode']::getProject(),
                                        isset($data['filter']['project']) ? $data['filter']['project'] : '',
                                        ['class' => 'form-control getProjectType', 'id' => 'filter_project']
                                    ) !!}
                                </div>

                                <div class="col-md-2">
                                    {!! Form::select('filter[project_type]', ['' => '--- Project Type ---'], $projectType, [
                                        'class' => 'form-control getBranch',
                                        'id' => 'filter_project_type'
                                    ]) !!}
                                </div>

                                <div class="col-md-2">
                                    {!! Form::select('filter[branch]', ['' => '--- Branch ---'], $branch, [
                                        'class' => 'form-control getUser hr-select2',
                                        'id' => 'filter_branch'
                                    ]) !!}
                                </div>
                                <div class="col-md-2">
                                    {!! Form::select('filter[banking_type]', ['' => 'Banking Type', 'bank' => 'Bank', 'mfs' => 'MFS'], $bankingType, [
                                        'class' => 'form-control getUser',
                                        'id' => 'filter_branch'
                                    ]) !!}
                                </div>

                                <div class="col-md-2">
                                    {!! Form::select('filter[salary_type]', ['salary' => 'Monthly Salary', 'bonus' => 'Bonus'], $salaryType, [
                                        'class' => 'form-control',
                                        'id' => 'filter_salary_type'
                                    ]) !!}
                                </div>

                                {{-- <div class="col-md-4">
									{!! Form::select('filter[user]', [''=>'Select any'], (isset($data['filter']['user']))?$data['filter']['user']:'', ['class' => 'form-control', 'id' => 'filter_user']) !!}
								</div> --}}

                                <div class="col-md-1">
                                    {!! Form::text(
                                        'filter[target_month]',
                                        isset($data['filter']['target_month']) ? $data['filter']['target_month'] : '',
                                        ['class' => 'form-control monthpicker', 'id' => 'filter_target_month', 'placeholder' => 'Target Month', 'required']
                                    ) !!}
                                </div>
                                <button class="btn btn-info" type="submit"
                                    onclick="js:$('.filter-form').removeAttr('target');"><i class="fa fa-search"></i>
                                    Search</button>
                                {!! Form::close() !!}

                            </div>

                            <div class="clearfix">&nbsp;</div>
                            <div id="printDiv">
                                <div class="col-md-12 text-center" style="margin: 15px 0px; padding: 0;">
                                    <div style="padding-bottom: 10px; text-align: center; vertical-align: middle; color: black; font-weight: bold; ">
                                        <span style="font-size:14px;">{{ $data['reportName_label'] }}</span><br />
                                        <span style="font-size:11px;">{{ $data['reportName_address'] }}</span><br />
                                        <span style="font-size:11px;">{{ $data['reportName'] }}</span>
                                    </div>
                                    <div class="" style="font-size: 11px;">
                                        <span>
                                            <span style="color: black; float: left;">
                                                <span>{{ @$data['project_label'] }}</span>
                                            </span>
                                            <span style="color: black; float: right;">
                                                <span>{{ @$data['project_type_label'] }}</span>
                                            </span>
                                        </span>
                                        <br>
                                        <span>
                                            <span style="color: black; float: left;">
                                                <span >{{ @$data['branch_label'] }}</span>
                                            </span>
                                            <span style="color: black; float: right;">
                                                <span>{{ @$data['target_month'] }}</span>
                                            </span>
                                        </span>
    
                            
                                    </div>
                                    {{-- <div class="col-md-6 text-left">
                                        <p>{{ @$data['project_label'] }}</p>
                                        <p>{{ @$data['project_type_label'] }}</p>
                                    </div>
                                    <div class="col-md-6 text-right">
                                        <p>{{ @$data['branch_label'] }}</p>
                                        <p>{{ @$data['target_month'] }}</p>
                                    </div> --}}
                                </div>

                                <table class="display table table-striped table-bordered table-condensed first-col-dark"
                                    id="employee-data" border="1pt solid ash"
                                    style=" text-align: center; font-family: arial; color:black; border-collapse: collapse; font-size: 11px !important;"
                                    width="100%">
                                    @include('hr.report.bankSlip.table', [$data])
                                </table>
                            </div>

                            

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('footerAssets')
    <script type="text/javascript">
        $(function() {

            $("#btnExportExcel").click(function(e) {
                //alert('sdsds');
                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;
                //alert(today);
                let file = new Blob([$('#printDiv').html()], {
                    type: "text"
                });
                // let file = new Blob([$('#printDiv').html()], {type:"application/vnd.ms-excel"});
                let url = URL.createObjectURL(file);
                let a = $("<a />", {
                    href: url,
                    download: "Bank Slip Report_" + today + ".xls"
                }).appendTo("body").get(0).click();
                e.preventDefault();
            });

            $("#printIcon").click(function(event) {
                var mainContents = document.getElementById("printDiv").innerHTML;
                var headerContents = '';
                var printStyle = '<style>.amount{text-align: right;} .table tbody tr td {vertical-align: middle;} thead tr th{text-align:center;vertical-align: middle;padding:3px;font-size:10px;} table{height:auto;padding:0px;border-collapse:collapse; border-width:1px !important; width:100%;font-size:10px;page-break-inside:auto;font-family: arial!important;} tr{ page-break-inside:avoid; page-break-after:auto }</style> <style media="print">@page{margin:10mm 10mm;}</style>';
                var footerContents = '';
                footerContents = ``;
                var printContents = '<html>' +'<head>' +'<title>Bank Slip Report</title>' + printStyle +'</head>' + '<body>' + '<div id="order-details-wrapper">' + headerContents + mainContents + footerContents + '</div>' +'</body>' + '</html>';
                var win = window.open('','printwindow');
                win.document.write(printContents);
                win.print();
                win.close();
            });

        });
    </script>
    <script type="text/javascript">
        function getDependentDropdown(sourceAttr, targetAttr, link, selected = null) {
            var sourceId = 0;
            if (sourceAttr.jquery)
                sourceId = sourceAttr.val();
            else
                sourceId = sourceAttr;

            var projectId = $('.getProjectType').val();
            $.ajax({
                url: link,
                dataType: 'json',
                type: 'POST',
                data: {
                    "sourceId": sourceId,
                    "projectId": projectId,
                    "_token": $('meta[name="_token"]').attr('content')
                },
                success: function(data, textStatus, jQxhr) {
                    var options = '<option value="">All</option>';
                    $.each(data, function(key, val) {
                        var selectedData = '';
                        if (selected != null && selected != '' && val.id == selected) {
                            selectedData = 'selected="selected"';
                        }

                        options += '<option ' + selectedData + ' value="' + val.id + '">' + val.name +
                            '</option>';
                    });
                    targetAttr.html(options);
                    if (targetAttr.attr('id') === 'filter_branch') {
						targetAttr.trigger(selected ? 'change.select2' : 'change');
					}
                },
                error: function(jqXhr, textStatus, errorThrown) {
                    console.log(errorThrown);
                }
            });
        }

        $(document).on('change', '.getProjectType', function() {
            getDependentDropdown($('.getProjectType'), $('#filter_project_type'),
                '<br />
<b>Fatal error</b>:  Uncaught Error: Call to undefined function url() in /home/shikkhaplus/public_html/guk_bk/resources/views/hr/report/bankSlip/index.blade.php:295
Stack trace:
#0 {main}
  thrown in <b>/home/shikkhaplus/public_html/guk_bk/resources/views/hr/report/bankSlip/index.blade.php</b> on line <b>295</b><br />