@extends('admin.layout.master')
@section('title',__('obs.recurrent_voucher'))
@section('custom_style')
@endsection
@section ('content')
<div class="card sina-card">
    <div class="card-header">
        <h3 class="card-title">{{__('obs.recurrent_voucher')}}</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.recurrent_type')}}</label>
                    <select name="recurrent_type" id="recurrent_type" class="form-control select_2">
                        <option value="">{{__('obs.all')}}</option>
                        <option value="2">{{__('obs.monthly')}}</option>
                        <option value="1">{{__('obs.yearly')}}</option>
                    </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-1">
                <div class="form-group">
                    <label>&nbsp;</label>
                    <button type="button" class="btn btn-primary w-100" onclick="filterData()">{{__('obs.filter')}}</button>
                </div>
            </div>
        </div>

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

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

@endsection
@section('script')
<script>
    const filterData = () => {
        let payload = {
            type: $('#type').val(),
            recurrent_type: $('#recurrent_type').val(),
            voucher_no: $('#voucher_no').val(),
        }
        ajaxCallV2("{{ route('recurrent_voucher.index') }}", 'GET', payload , function(res){
            $('#loader').hide();
            $('#recurrent_vouchers').html(res.html);
        }, function(res){
            console.log("res", res);
            $('#loader').hide();
            $('#recurrent_vouchers').html('Error');
        });
    }
</script>
@stop