@extends('backend.master')
@section('title')
    জমাদান
@endsection
@section('body')
    @if(Auth::user()->user_type == 0 || Auth::user()->user_type == 1 || strpos(Auth::user()->permission, 'L') !== false)
        @php
            $character      = strpos(Auth::user()->permission, 'A');
            $identity       = strpos(Auth::user()->permission, 'B');
            $unmarried      = strpos(Auth::user()->permission, 'C');
            $landless       = strpos(Auth::user()->permission, 'D');
            $successor      = strpos(Auth::user()->permission, 'E');
            $impaired       = strpos(Auth::user()->permission, 'F');
            $other_sanad    = strpos(Auth::user()->permission, 'G');
            $succession     = strpos(Auth::user()->permission, 'K');
            $family     = strpos(Auth::user()->permission, 'ت');
            $building_app = strpos(Auth::user()->permission, 'ছ');
            $all_building = strpos(Auth::user()->permission, 'জ');
            $case_submission = strpos(Auth::user()->permission, 'ভ');
        @endphp
                <!-- 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="{{ route('submission.index') }}">জমাদান</a></li>
                            <li class="breadcrumb-item active">জমাদান</li>
                        </ol>
                    </div>
                </div>
            </div>
        </div>
        <!-- end page title -->
        <div class="row">
            <div class="col-md-7  col-sm-12">
                <div class="card">
                    <div class="card-body">
                        <div class="row mb-2">
                            <div class="col-sm-7">
                                <div class="search-box mr-2 mb-2 d-inline-block">
                                    <div class="position-relative">
                                        <form id="search" method="GET" role="search">
                                            <input type="text" class="form-control" name="calan_no" id="calan_no" placeholder="Type calan number and press enter" required>
                                            <i class="bx bx-search-alt search-icon"></i>
                                        </form>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-5">
                                <form action="javascript:void(0);" onsubmit="reportPrint()" id="data" method="POST">
                                    @csrf
                                    <div class="input-group">
                                        <select class="form-control select2 status" name="payment_status">
                                            <option value="0" selected>Pending</option>
                                            <option value="1">Approved</option>
                                            <option value="2">Reject</option>
                                        </select>
                                        <button type="submit" style="border-start-start-radius: 0px; border-bottom-left-radius: 0px" class="btn btn-dark btn-rounded waves-effect waves-light mb-2 mr-2"><i class="mdi mdi-printer mr-1"></i>প্রিন্ট</button>
                                    </div>
                                </form>
                            </div><!-- end col-->
                        </div>
                        <div id="tag_container">
                            @include('backend.submission.index')
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-5 submission-card  col-sm-12">
                <div class="card">
                    <div class="card-body">
                        <h5 class="text-center">জমাদান করুন</h5>
                        {{ Form::open(['route'=>'submission.store','method'=>'POST', 'class'=>'needs-validation', 'novalidate', 'enctype'=>'multipart/form-data', 'id' => 'form']) }}
                        <div class="form-group row mb-2">
                            <label for="from_date" class="col-form-label">তারিখ (হতে-পর্যন্ত)<span class="required">*</span></label>
                            <div class="input-daterange input-group" data-date-format="dd-m-yyyy"  data-date-autoclose="true"  data-provide="datepicker">
                                <input type="text" class="form-control" name="from_date" autocomplete="off" placeholder="From" id="from_date" />
                                <input type="text" class="form-control" name="to_date" autocomplete="off" id="to_date" placeholder="To" />
                            </div>
                            <span class="text-danger" id="from_date_alert"></span>
                            <span class="text-danger" id="to_date_alert"></span>
                        </div>
                        <div class="form-group row mb-2">
                            <label for="income_sector" class="col-form-label">খাত<span class="required">*</span></label>
                            <select name="income_sector" class="form-control select2" id="income_sector">
                                <option value="" selected disabled>&mdash; চিহ্নিত করুন &mdash;</option>
                                @if(Auth::user()->user_type == 0 || Auth::user()->user_type == 1 || Auth::user()->user_type == 3 || strpos(Auth::user()->permission, '6') !== false)
                                    <optgroup label="ট্রেড লাইসেন্স">
                                        <option value="1">ট্রেড লাইসেন্স</option>
                                    </optgroup>
                                @endif
                                @if(Auth::user()->user_type == 0 || Auth::user()->user_type == 1 || Auth::user()->user_type == 3 || strpos(Auth::user()->permission, 'g') !== false)
                                    <optgroup label="হোল্ডিং ট্যাক্স">
                                        <option value="2">হোল্ডিং ট্যাক্স</option>
                                    </optgroup>
                                @endif
                                @if(Auth::user()->user_type == 0 || Auth::user()->user_type == 1 || Auth::user()->user_type == 3 || $character !== false || $identity !== false || $unmarried !== false || $landless !== false || $successor !== false || $impaired !== false || $other_sanad !== false || $succession !== false)
                                    <optgroup label="সনদপত্র">
                                        @if(Auth::user()->user_type == 0 || Auth::user()->user_type == 1 || Auth::user()->user_type == 3 || $character !== false)
                                            <option value="3">চারিত্রিক সনদ</option>
                                        @endif
                                        @if(Auth::user()->user_type == 0 || Auth::user()->user_type == 1 || Auth::user()->user_type == 3 || $identity !== false)
                                            <option value="4">নাগরিকত্ব/পরিচয় পত্র</option>
                                        @endif
                                        @if(Auth::user()->user_type == 0 || Auth::user()->user_type == 1 || Auth::user()->user_type == 3 || $unmarried !== false)
                                            <option value="5">অবিবাহিত সনদ</option>
                                        @endif
                                        @if(Auth::user()->user_type == 0 || Auth::user()->user_type == 1 || Auth::user()->user_type == 3 || $landless !== false)
                                            <option value="6">ভূমিহীন সনদ</option>
                                        @endif
                                        @if(Auth::user()->user_type == 0 || Auth::user()->user_type == 1 || Auth::user()->user_type == 3 || $successor !== false)
                                            <option value="7">ওয়ারিশ সনদ</option>
                                        @endif
                                        @if(Auth::user()->user_type == 0 || Auth::user()->user_type == 1 || Auth::user()->user_type == 3 || $impaired !== false)
                                            <option value="8">প্রকৃত বাঁক ও শ্রবণ প্রতিবন্ধী</option>
                                        @endif
                                        @if(Auth::user()->user_type == 0 || Auth::user()->user_type == 1 || Auth::user()->user_type == 3 || $other_sanad !== false)
                                            <option value="9">বিভিন্ন প্রত্যয়ন</option>
                                        @endif
                                        @if(Auth::user()->user_type == 0 || Auth::user()->user_type == 1 || Auth::user()->user_type == 3 || $succession !== false)
                                            <option value="10">উত্তরাধিকার সনদ</option>
                                        @endif
                                        @if(Auth::user()->user_type == 0 || Auth::user()->user_type == 1 || Auth::user()->user_type == 3 || $family !== false)
                                            <option value="13">পারিবারিক সনদ</option>
                                        @endif
                                    </optgroup>
                                    @if(Auth::user()->user_type == 0 || Auth::user()->user_type == 1 || Auth::user()->user_type == 3 || $building_app !== false || $all_building !== false)
                                        <optgroup label="ইমারত নির্মাণ/পূণঃ নির্মাণ">
                                            <option value="11">আবেদন ফি ও কর আদায়</option>
                                        </optgroup>
                                    @endif
                                @endif
                                @if(Auth::user()->user_type == 0 || Auth::user()->user_type == 1 || Auth::user()->user_type == 3 || $case_submission !== false)
                                    <optgroup label="বিচার-সালিশ">
                                        <option value="12">বিচার-সালিশ ফি</option>
                                    </optgroup>
                                @endif
                            </select>
                            <span class="text-danger" id="income_sector_alert"></span>
                        </div>
                        <div class="form-group row mb-2">
                            <label for="amount" class="col-form-label">পরিমান<span class="required">*</span></label>
                            <div class="input-group">
                                <input type="number" min="0" step="any" name="amount" readonly class="form-control" id="amount" required>
                                <button type="button" class="btn btn-sm btn-dark" id="process-report"><i class="fas fa-running"></i></button>
                            </div>
                        </div>
                        <div class="form-group row mt-3 mb-2">
                            <button type="submit" disabled class="btn btn-primary waves-effect btn-label waves-light btn-block submit"><i class="bx bx-check-double label-icon"></i>সাবমিট</button>
                        </div>
                        {{ Form::close() }}
                    </div>
                </div>
            </div>
        </div>
        <script type="text/javascript">
            function reportPrint(){
                event.preventDefault();
                var status = $(".status").val();
                $.ajax({
                    type:"POST",
                    url:'{{ route('submission.report') }}',
                    data:$('#data').serialize(),
                    success: function(res) {
                        console.log(res);
                        if(res == 0)
                        {
                            toastr.warning('দুঃখিত! আপনার দেয়া তথ্য থেকে কোন ডাটা পাওয়া যায় নাই');
                        }
                        else
                        {
                            var url = '/dashboard/submission/report-print?approval_status='+status+'';
                            var h = $(window).height();
                            var w = $(window).width();
                            window.open(url, '_blank', 'height=' + h + ',width=' + w + ',scrollbars=yes,status=no');
                        }

                    }
                });
            }
        </script>
    @else
        @include('backend.errors.404')
    @endif
@endsection
@section('script')
    <script>
        $('#income_sector, #from_date, #to_date').on("change keyup keydown click", function() {
            $(".submit").attr('disabled', true);
        });
        $('#process-report').on("click", function() {
            $.ajax({
                type:"POST",
                data:$('#form').serialize(),
                url:"{{ route('submission.report-process') }}",
                success: function(res){
                    $("#amount").val(res);
                    if (res != 0)
                    {
                        $(".submit").attr('disabled', false);
                    }
                }
            });
        });
        function taxReport(url) {
            var h = $(window).height();
            var w = $(window).width();
            window.open(url, '_blank', 'height=' + h + ',width=' + w + ',scrollbars=yes,status=no');
        }
        $('#search').submit(function (){
            event.preventDefault();
            let calan_no = $("#calan_no").val();
            localStorage.setItem('calan_no_key', calan_no);
            $.ajax({
                type:"GET",
                data:{calan_no:calan_no},
                url:"{{ route('submission.search') }}",
                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>';
                    $("#tag_container").empty().html(div);

                },
                success: function(res){
                    var urlParams = new URLSearchParams(window.location.search);
                    urlParams.set("calan_no", calan_no);
                    var newUrl = "{{ route('submission.search') }}"+"?" + urlParams.toString();
                    window.history.pushState(null, null, newUrl);
                    $("#tag_container").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  calan_no = localStorage.getItem('calan_no_key');
            $.ajax(
                {
                    url: '?page=' + page,
                    type: "get",
                    data:{calan_no:calan_no},
                    datatype: "html"
                }).done(function(data){
                $("#tag_container").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