@extends('hr_main')
@section('title', '| Salary Certificate Print History')
@section('content')
    <style>
        .btn-search {
            margin-top: 4px !important;
        }
    </style>
    <div class="row">
        <div class="col-md-12">
            <div class="" style="">
                <div class="">
                    <div class="panel panel-default" style="background-color:#708090;">
                        <div class="panel-heading" style="padding-bottom:0px">
                            <div class="panel-title">
                                <h2>Salary Certificate Print History</h2>
                            </div>


                        </div>
                        <div class="panel-body panelBodyView">


                            @php
                                $searchElements = [
                                    [
                                        'element' => 'custom',
                                        'type' => 'text',
                                        'name' => 'printed_by_emp_id',
                                        'label' => 'Printed By',
                                        'id' => 'printed_by_emp_id',
                                    ],
                                    [
                                        'element' => 'custom',
                                        'type' => 'text',
                                        'name' => 'printed_for_emp_id',
                                        'label' => 'Printed For',
                                        'id' => 'printed_for_emp_id',
                                    ],
                                    [
                                        'element' => 'custom',
                                        'col' => 2,
                                        'type' => 'select',
                                        'name' => 'year',
                                        'id' => 'year',
                                        'options' => $search_data['years'],
                                        'label' => 'Year:',
                                    ],
                                    [
                                        'element' => 'custom',
                                        'col' => 2,
                                        'type' => 'select',
                                        'name' => 'month',
                                        'id' => 'month',
                                        'options' => $search_data['months'],
                                        'label' => 'Months:',
                                    ],
                                    [
                                        'element' => 'custom',
                                        'col' => 2,
                                        'type' => 'select',
                                        'name' => 'get_froms',
                                        'id' => 'month',
                                        'options' => $search_data['getFroms'],
                                        'label' => 'Get:',
                                    ],
                                ];
                            @endphp

                            @include('partials.searchPanel.main', [
                                'searchElements' => $searchElements,
                                'buttonLevel' => 'Search',
                            ])
                            <table class="table table-striped table-bordered table-condensed first-col-dark" id="datatable">
                                <thead>
                                    <tr>
                                        <th>SL#</th>
                                        <th>Printed By</th>
                                        <th>Printed For</th>
                                        <th>Year</th>
                                        <th>Month</th>
                                        <th>Get From</th>
                                        <th>Printed Time</th>

                                    </tr>
                                </thead>

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

@section('footerAssets')
    <script>
        $(document).ready(function() {

            var dataTable = $('#datatable').DataTable({
                "sDom": "ltipr", // For removing default Search bar //
                "processing": true,
                "serverSide": true,
                "ordering": false,
                "pageLength": 10,
                "ajax": {
                    "url": "{{ route('report.salaryCertificatePrintHistory.list') }}",
                    "type": "POST",
                    "data": function(d) {
                        var inputs = {};

                        $.each($('form').serializeArray(), function() {
                            inputs[this.name] = this.value;
                        });

                        d._token = "{{ csrf_token() }}";
                        d.filter = inputs;
                    }
                },
                "columns": [{
                        "data": "sl"
                    },
                    {
                        "className": 'dt-body-left',
                        "data": "printed_by",
                    },
                    {
                        "className": 'dt-body-left',
                        "data": "printed_for"
                    },
                    {
                        "className": 'dt-body-center',
                        "data": "year"
                    },
                    {
                        "className": 'dt-body-center',
                        "data": "month_name"
                    },
                    {
                        "className": 'dt-body-center',
                        "data": "get_froms_capitalized"
                    },
                    {
                        "className": 'dt-body-center',
                        "data": "formatted_created_at"
                    }
                ]


            });

            $("#searchForm").submit(function(e) {
                e.preventDefault();
                dataTable.draw();

            });
        });
    </script>
@endsection