@extends('layouts.app')

@section('title')
Data Form Kuesioner 2
@endsection

@section('content')
    <section class="section">
        <div class="card card-primary">
            <div class="card-header">
                <h4>Data Form Kuesioner 2</h4>
                <div class="card-header-form">
                    <input type="number" name="yp" id="YearPicker" class="form-control" placeholder="Tahun Pelaksanaan" value="{{ date('Y') }}">
                </div>
            </div>
        </div>
        <div class="section-body">
            <div class="row">
                <div class="col-lg-12">
                    <div class="card">
                        <div class="card-body p-0">
                            {{ $html->table() }}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection

@push('css')
<link rel="stylesheet" type="text/css" href="{{ asset('assets/air-datepicker/css/datepicker.min.css') }}">
@include('layouts.datatables_css')
@endpush

@push('js')
    <script type="text/javascript" src="{{ asset('assets/moment/moment-with-locales.js') }}"></script>
    <script type="text/javascript" src="{{ asset('assets/air-datepicker/js/datepicker.min.js') }}"></script>
    <script type="text/javascript" src="{{ asset('assets/air-datepicker/js/datepicker.en.js') }}"></script>
    <script type="text/javascript">var yp = null;var isFirstLoad = true;</script>
    @include('layouts.datatables_js')
    {!! $html->scripts() !!}
    <script type="text/javascript">
        var YearPicker = $('#YearPicker').datepicker({
            dateFormat: 'yyyy',
            view: 'years',
            minView: 'years',
            language: 'en',
            autoClose: true,
            useCurrent: true,
            sideBySide: true,
            onSelect: function onSelect(fd, d, inst) { refreshDTB(true); }
        });

        function refreshDTB(isKeepPage) {
            if (isDTB(window.LaravelDataTables["dataTableBuilder"])) {
                if (isKeepPage) {
                    window.LaravelDataTables["dataTableBuilder"].ajax.reload(null, false);
                } else {
                    window.LaravelDataTables["dataTableBuilder"].ajax.reload(null, true);
                }
            }
        }

        $(document).ready(function () {
            $(document).on('click', '.btn-export-excel', function (e) {
                e.preventDefault();

                let y = $('#YearPicker').val();
                let s  = $('#dataTableBuilder_filter.dataTables_filter label input:first-child').val();
                let p = s ? "&search="+ encodeURI(s) : "&search=";

                window.location = "{{ route('f2.exp_excel') }}?year=" + y + p;
            });
        });
    </script>
@endpush