@extends('backend.master')
@section('title')
    বিল প্রিন্ট
@endsection
@section('body')
    @if(Auth::user()->user_type == 4 || strpos(Auth::user()->permission, 'm') !== false)
        <!-- 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 active">বিল প্রিন্ট</li>
                        </ol>
                    </div>
                </div>
            </div>
        </div>
        <form action="" method="get" id="billPrint">
            <div class="row">
                <div class="col-md-6 col-sm-12">
                    <div class="card">
                        <div class="card-body">
                            <div class="row">
                                <div class="col-md-6 col-sm-12 form-group mb-4">
                                    <label for="bill_year" class="form-label">বিলের বছর <span class="required">*</span></label>
                                    <select name="bill_year" required class="form-control select2" id="bill_year">
                                        <option style="color: red" selected value="">&mdash; চিহ্নিত করুন &mdash;</option>
                                            <option value='2000' >2000</option><option value='2001' >2001</option><option value='2002' >2002</option><option value='2003' >2003</option><option value='2004' >2004</option><option value='2005' >2005</option><option value='2006' >2006</option><option value='2007' >2007</option><option value='2008' >2008</option><option value='2009' >2009</option><option value='2010' >2010</option><option value='2011' >2011</option><option value='2012' >2012</option><option value='2013' >2013</option><option value='2014' >2014</option><option value='2015' >2015</option><option value='2016' >2016</option><option value='2017' >2017</option><option value='2018' >2018</option><option value='2019' >2019</option><option value='2020' >2020</option><option value='2021' >2021</option><option value='2022' >2022</option><option value='2023' >2023</option><option value='2024' >2024</option><option value='2025' >2025</option><option value='2026' selected="selected">2026</option><option value='2027' >2027</option>                                    </select>
                                    <div class="invalid-feedback">
                                        বছর
                                    </div>
                                </div>
                                <div class="col-md-6 col-sm-12 form-group mb-4">
                                    <label for="bill_month" class="form-label">বিলের মাস <span class="required">*</span></label>
                                    <select name="bill_month" required class="form-control select2" id="bill_month">
                                        <option style="color: red" selected value="">&mdash; চিহ্নিত করুন &mdash;</option>
                                        <option value="01" {{ date('m', strtotime('first day of last month')) == 01 ? 'selected' : '' }} >জানুয়ারী</option>
                                        <option value="02" {{ date('m', strtotime('first day of last month')) == 02 ? 'selected' : '' }} >ফেব্রুয়ারী</option>
                                        <option value="03" {{ date('m', strtotime('first day of last month')) == 03 ? 'selected' : '' }} >মার্চ</option>
                                        <option value="04" {{ date('m', strtotime('first day of last month')) == 04 ? 'selected' : '' }} >এপ্রিল</option>
                                        <option value="05" {{ date('m', strtotime('first day of last month')) == 05 ? 'selected' : '' }} >মে</option>
                                        <option value="06" {{ date('m', strtotime('first day of last month')) == 06 ? 'selected' : '' }} >জুন</option>
                                        <option value="07" {{ date('m', strtotime('first day of last month')) == 07 ? 'selected' : '' }} >জুলাই</option>
                                        <option value="08" {{ date('m', strtotime('first day of last month')) == '08' ? 'selected' : '' }} >আগস্ট</option>
                                        <option value="09" {{ date('m', strtotime('first day of last month')) == '09' ? 'selected' : '' }} >সেপ্টেম্বর</option>
                                        <option value="10" {{ date('m', strtotime('first day of last month')) == 10 ? 'selected' : '' }} >অক্টোবর</option>
                                        <option value="11" {{ date('m', strtotime('first day of last month')) == 11 ? 'selected' : '' }} >নভেম্বর</option>
                                        <option value="12" {{ date('m', strtotime('first day of last month')) == 12 ? 'selected' : '' }} >ডিসেম্বর</option>
                                    </select>
                                    <div class="invalid-feedback">
                                        মাস
                                    </div>
                                </div>
                            </div>
                            <div class="form-group mb-3">
                                <div class="custom-control custom-radio custom-radio-primary">
                                    <input type="radio" id="bill_print_type_all" name="bill_print_type" value="all" class="custom-control-input" checked>
                                    <label class="custom-control-label" for="bill_print_type_all">সকল বিল প্রিন্ট</label>
                                </div>
                            </div>
                            <div class="ml-4">
                                <div class="form-group">
                                    <div class="custom-control custom-radio custom-radio-info">
                                        <input type="radio" id="all_bill_print_by_word" name="all_bill_print_by" value="word" class="custom-control-input" checked>
                                        <label class="custom-control-label" for="all_bill_print_by_word">ওয়ার্ড অনুসারে বিল প্রিন্ট</label>
                                    </div>
                                </div>
                                <div class="form-group mb-3">
                                    <select name="word_no" class="form-control select2" id="word_number">
                                        <option style="color: red" selected value="">&mdash; চিহ্নিত করুন &mdash;</option>
                                        <option value="1">1</option>
                                        <option value="2">2</option>
                                        <option value="3">3</option>
                                        <option value="4">4</option>
                                        <option value="5">5</option>
                                        <option value="6">6</option>
                                        <option value="7">7</option>
                                        <option value="8">8</option>
                                        <option value="9">9</option>
                                        <option value="10">10</option>
                                        <option value="11">11</option>
                                        <option value="12">12</option>
                                    </select>
                                    <div class="invalid-feedback">
                                        ওয়ার্ড নং
                                    </div>
                                </div>
                                <div class="form-group">
                                    <div class="custom-control custom-radio custom-radio-warning">
                                        <input type="radio" id="all_bill_print_by_village" name="all_bill_print_by" value="village" class="custom-control-input">
                                        <label class="custom-control-label" for="all_bill_print_by_village">সার্কেল / রাস্তা / মহল্লা অনুসারে বিল প্রিন্ট</label>
                                    </div>
                                </div>
                                <div class="form-group mb-1">
                                    <select name="village_id" class="form-control select2" id="village_id">
                                        <option style="color: red" selected value="">&mdash; চিহ্নিত করুন &mdash;</option>
                                        @foreach($villages as $item)
                                            <option value="{{ $item->id }}">({{ $item->code }}) {{ $item->bn_village_name }}</option>
                                        @endforeach
                                    </select>
                                    <div class="invalid-feedback">
                                        রাস্তা / মহল্লা
                                    </div>
                                </div>
                                <div class="form-group mb-3">
                                    <label for="final_total" class="form-label">বিলের পরিমান অত টাকার বেশী</label>
                                    <input type="number" class="form-control" name="final_total" step="any" min="0" value="0" id="final_total">
                                </div>
                            </div>
                            <div class="form-group mb-3">
                                <div class="custom-control custom-radio custom-radio-success">
                                    <input type="radio" id="bill_print_type_single" name="bill_print_type" value="single_bill" class="custom-control-input">
                                    <label class="custom-control-label" for="bill_print_type_single">একটি বিল প্রিন্ট</label>
                                </div>
                            </div>
                            <div class="ml-4">
                                <div class="form-group">
                                    <select name="water_client_info_id" class="form-control select2" id="water_client_info_id">
                                        <option style="color: red" selected disabled value="">&mdash; চিহ্নিত করুন &mdash;</option>
                                        @foreach($clients as $item)
                                            <option value="{{ $item->id }}">({{ $item->client_id }}) {{ $item->client_name }}</option>
                                        @endforeach
                                    </select>
                                    <div class="invalid-feedback">
                                        গ্রাহক
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-6 col-sm-12">
                    <div class="card">
                        <div class="card-body">
                            <div class="form-group">
                                <div class="custom-control custom-checkbox custom-checkbox-outline custom-checkbox-success mb-3 mt-3">
                                    <input type="checkbox" class="custom-control-input" name="payment_status" value="0" id="customCheck-outlinecolor2">
                                    <label class="custom-control-label" for="customCheck-outlinecolor2">কেবল বকেয়া</label>
                                </div>
                            </div>
                            <div class="form-group">
                                <button type="submit" class="btn btn-primary waves-effect waves-light">
                                    <i class="bx bx-printer font-size-16 align-middle mr-2"></i> Print
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </form>
    @else
        @include('backend.errors.404')
    @endif
@endsection
@section('script')
    <script>
        $("#billPrint").on('submit', function (e) {
            e.preventDefault();
            const bill_print_type_all = $("#bill_print_type_all");
            const bill_print_type_single = $("#bill_print_type_single");
            const all_bill_print_by_word = $("#all_bill_print_by_word");
            const all_bill_print_by_village = $("#all_bill_print_by_village");
            if(bill_print_type_all.is(':checked')){
                if(all_bill_print_by_word.is(':checked') &&  $("#word_number").val() === ''){
                    alert('The word number filed is required');
                    return false;
                }
                if(all_bill_print_by_village.is(':checked') &&  $("#village_id").val() === ''){
                    alert('The village filed is required');
                    return false;
                }
            }
            if(bill_print_type_single.is(':checked')){
                if($("#water_client_info_id").val() === null){
                    alert('The client filed is required');
                    return false;
                }
            }
            const dataString = $("#billPrint").serialize();


            const dataObject = {};
            dataString.split("&").forEach(item => {
                const [key, value] = item.split("=");
                dataObject[key] = decodeURIComponent(value);
            });

            const url = `print-view?bill_year=${dataObject.bill_year}&bill_month=${dataObject.bill_month}&all_bill_print_by=${dataObject.all_bill_print_by}&word_no=${dataObject.word_no ?? null}&village_id=${dataObject.village_id ?? null}&final_total=${dataObject.final_total ?? 0}&bill_print_type=${dataObject.bill_print_type}&water_client_info_id=${dataObject.water_client_info_id ?? null}&payment_status=${dataObject.payment_status ?? 'all'}`;
            var h = $(window).height();
            var w = $(window).width();
            window.open(url, '_blank', 'height=' + h + ',width=' + w + ',scrollbars=yes,status=no');
        });
    </script>
@endsection