@extends('backend.master')
@section('title')
    ট্যাক্স আদায় করুন
@endsection
@section('body')
    @if(Auth::user()->user_type == 6 && count(bankPermission('tax')) > 0)
    <!-- start page title -->
    <div class="row">
        <div class="col-12">
            <div class="page-title-box d-flex align-items-center justify-content-between">
                <h4 class="mb-0 font-size-18">ট্যাক্স আদায় করুন</h4>

                <div class="page-title-right">
                    <ol class="breadcrumb m-0">
                        <li class="breadcrumb-item"><a href="">হোল্ডিং জরিপ তথ্য</a></li>
                        <li class="breadcrumb-item active">ট্যাক্স আদায় করুন</li>
                    </ol>
                </div>

            </div>
        </div>
    </div>
    <!-- end page title -->
    <div class="row">
        <div class="col-md-4 col-sm-12">
            <div class="card">
                <div class="card-body m-0">
                    {{ Form::open(['id'=>'search','method'=>'GET', 'class'=>'needs-validation', 'novalidate']) }}
                    <div class="form-group row mb-4">
                        <label for="word" class="form-label">ওয়ার্ড নং <span class="required">*</span></label>
                        <select name="word_no" required class="form-control select2" id="word">
                            <option style="color: red" selected disabled value="">&mdash; চিহ্নিত করুন &mdash;</option>
                            <option value="1" @if(isset($word_no)){{ $word_no == 1 ? 'selected' : '' }}@endif>১</option>
                            <option value="2" @if(isset($word_no)){{ $word_no == 2 ? 'selected' : '' }}@endif>২</option>
                            <option value="3" @if(isset($word_no)){{ $word_no == 3 ? 'selected' : '' }}@endif>৩</option>
                            <option value="4" @if(isset($word_no)){{ $word_no == 4 ? 'selected' : '' }}@endif>৪</option>
                            <option value="5" @if(isset($word_no)){{ $word_no == 5 ? 'selected' : '' }}@endif>৫</option>
                            <option value="6" @if(isset($word_no)){{ $word_no == 6 ? 'selected' : '' }}@endif>৬</option>
                            <option value="7" @if(isset($word_no)){{ $word_no == 7 ? 'selected' : '' }}@endif>৭</option>
                            <option value="8" @if(isset($word_no)){{ $word_no == 8 ? 'selected' : '' }}@endif>৮</option>
                            <option value="9" @if(isset($word_no)){{ $word_no == 9 ? 'selected' : '' }}@endif>৯</option>
                            <option value="10" @if(isset($word_no)){{ $word_no == 10 ? 'selected' : '' }}@endif>১০</option>
                            <option value="11" @if(isset($word_no)){{ $word_no == 11 ? 'selected' : '' }}@endif>১১</option>
                            <option value="12" @if(isset($word_no)){{ $word_no == 12 ? 'selected' : '' }}@endif>১২</option>
                        </select>
                        <span class="text-danger">{{ $errors->has('word_no') ? $errors->first('word_no') : ' ' }}</span>
                        <div class="invalid-feedback">
                            ওয়ার্ড নং
                        </div>
                    </div>
                    <div class="form-group row mb-4">
                        <label for="holding_number_for_citizen" class="form-label">হোল্ডিং নং</label>
                        <div class="input-group">
                            <select name="holding_type_for_citizen" required class="form-control select2" id="holding_type_for_citizen">
                                <option style="color: red" selected value="">&mdash; চিহ্নিত করুন &mdash;</option>
                                @foreach($holding_name as $item)
                                    <option value="{{ $item->holding_name }}">{{ $item->holding_name }}</option>
                                @endforeach
                            </select>
                            <input class="form-control DisableSpace" type="text" autocomplete="off" id="holding_number_for_citizen">
                            <input class="form-control DisableSpace" name="holding_no" type="text" autocomplete="off" @if(isset($holding_no)) value="{{ $holding_no }}" @endif id="holding_no_for_citizen" readonly required>
                        </div>
                        <span class="text-danger" id="holdingNoAlert">{{ $errors->has('holding_no') ? $errors->first('holding_no') : ' ' }}</span>
                    </div>

                    <div class="form-group row mb-4">
                        <button type="submit" class="btn btn-primary waves-effect btn-label waves-light btn-block"><i class="bx bx-check-double label-icon"></i>সাবমিট</button>
                    </div>
                    {{ Form::close() }}
                </div>
            </div>
        </div>
        <div class="col-md-8 col-sm-12" id="data_result">

        </div>
    </div>
    @else
        @include('backend.errors.404')
    @endif
@endsection
@section('script')
    <script>
        $('#search').submit(function (){
            event.preventDefault();
            let word_no = $("#word").val();
            let holding_no = $("#holding_no_for_citizen").val();
            localStorage.setItem('word_no_key', word_no);
            localStorage.setItem('holding_no_key', holding_no);
            $.ajax({
                type:"GET",
                data:{word_no:word_no, holding_no:holding_no},
                url:"{{ route('bank.tax.yearly_tax_collection-find') }}",
                beforeSend: function(){
                    var div = '';
                    div += '<div class="col-md-12 text-center mb-2">';
                    div += '<div class="spinner-grow text-success m-1" role="status"> <span class="sr-only">Loading...</span></div><div class="spinner-grow text-info m-1" role="status"><span class="sr-only">Loading...</span></div><div class="spinner-grow text-warning m-1" role="status"><span class="sr-only">Loading...</span></div>';
                    div += '</div>';
                    $("#data_result").empty().html(div);

                },
                success: function(res){
                    var urlParams = new URLSearchParams(window.location.search);
                    urlParams.set("word_no", word_no);
                    urlParams.set("holding_no", holding_no);
                    var newUrl = "{{ route('bank.tax.yearly_tax_collection-find') }}"+"?" + urlParams.toString();
                    window.history.pushState(null, null, newUrl);
                    if(res.status == 0) {
                        toastr.warning(res.message);
                        $("#data_result").empty();
                    } else {
                        $("#data_result").empty().html(res);
                    }

                }
            });
        });

        $(window).on('hashchange', function() {
            if (window.location.hash) {
                var page = window.location.hash.replace('#', '');
                if (page == Number.NaN || page <= 0) {
                    return false;
                }else{
                    getData(page);
                }
            }
        });

        $(document).ready(function()
        {
            $(document).on('click', '.pagination a',function(event)
            {
                event.preventDefault();
                $('li').removeClass('active');
                $(this).parent('li').addClass('active');
                var myurl = $(this).attr('href');
                var page=$(this).attr('href').split('page=')[1];
                getData(page);
            });
        });

        function getData(page){
            let  word_no = localStorage.getItem('word_no_key');
            let  holding_no = localStorage.getItem('holding_no_key');
            $.ajax({
                url: '?page=' + page,
                type: "get",
                data:{word_no:word_no, holding_no:holding_no},
                datatype: "html"
            }).done(function(data){
                $("#data_result").empty().html(data);
                var urlParams = new URLSearchParams(window.location.search);
                urlParams.set("page", page);
                var newUrl = window.location.origin + window.location.pathname + "?" + urlParams.toString();
                window.history.pushState(null, null, newUrl);
            }).fail(function(jqXHR, ajaxOptions, thrownError){
                alert('No response from server');
            });
        }
    </script>
@endsection