@extends('admin.layout.master')
@section('title',__('obs.recurrent_voucher_generate'))
@section('custom_style')
@endsection
@section ('content')
<div class="card sina-card">
    <div class="card-header">
        <h3 class="card-title">{{__('obs.recurrent_voucher_generate')}}</h3>
    </div>
    <div class="card-body">
        <div class="row">
            <div class="col-2">
                <div class="form-group">
                    <label>{{__('obs.voucher_type')}}</label>
                    <select name="type" id="type" class="form-control select_2">
                        <option value="">{{__('obs.all')}}</option>
                        @foreach (getFilterVoucherType() as $key => $t)
                            <option value="{{ $key }}">{{ $t }} {{ __('obs.voucher') }}</option>
                        @endforeach
                    </select>
                </div>
            </div>
            <div class="col-2">
                <div class="form-group">
                    <label>{{__('obs.voucher_no')}}</label>
                    <input type="text" name="voucher_no" id="voucher_no" class="form-control">
                </div>
            </div>
            <div class="col-2">
                <div class="form-group">
                    <label>{{__('obs.from_date')}}</label>
                    <input type="text" class="form-control date-picker" id="from_date" value="{{ date('d-m-Y') }}">
                </div>
            </div>
            <div class="col-2">
                <div class="form-group">
                    <label>{{__('obs.to_date')}}</label>
                    <input type="text" class="form-control date-picker" id="to_date" value="{{ date('d-m-Y') }}">
                </div>
            </div>
            <div class="col-1">
                <div class="form-group">
                    <label>&nbsp;</label>
                    <button type="button" class="btn btn-primary w-100" onclick="filterData()">{{__('obs.generate')}}</button>
                </div>
            </div>
        </div>

        <div class="row pt-2">
            <div class="col-12" id="recurrent_vouchers">

            </div>
        </div>
    </div>
</div>

@endsection
@section('script')
<script>
    let filter_date = '';
    const filterData = () => {
        let payload = {
            type: $('#type').val(),
            from_date: $('#from_date').val(),
            to_date: $('#to_date').val()            
        }
        filter_date = payload.from_date;
        ajaxCallV2("{{ route('recurrent_voucher.generate') }}", 'GET', payload , function(res){
            $('#loader').hide();
            $('#recurrent_vouchers').html(res.html);
            $('.date_picker').flatpickr({
                dateFormat: "d-m-Y",
            });
        }, function(res){
            console.log("res", res);
            $('#loader').hide();
            $('#recurrent_vouchers').html('Error');
        });
    }

    $(document).ready(function() {
        $(document).on('change', '.check_all', function() {
            if (this.checked) {
                $('.check').each(function() {
                    this.checked = true;
                });
            } else {
                $('.check').each(function() {
                    this.checked = false;
                });
            }
        });
    })

    const submit = () => {
        let data = [];
        $('.check').each(function() {
            if (this.checked) {
                data.push(this.value);
            }
        });
        if(data.length > 0){
            $('#submit_button').attr('disabled', true);
            ajaxCallV2("{{ route('recurrent_voucher.store') }}", 'POST', {
                data:data,
                voucher_date:$('#voucher_date').val(),
                filter_date:filter_date
            } , function(res){
                $('#loader').hide();
                Swal.fire({
                    icon: 'success',
                    title: 'Success',
                    text: res.message,
                    showConfirmButton: true
                }).then((res) => {
                    location.reload();
                });
            }, function(res){

                console.log("resq", res.responseJSON.message);
                

                $('#loader').hide();
                $('#submit_button').attr('disabled', false);
                Swal.fire({
                    icon: 'error',
                    title: 'Error',
                    text: res.responseJSON.message,
                    showConfirmButton: true
                });
            })
        } else {
            alert('Please select at least one voucher');
        }
    }
</script>
@stop