@extends('backend.master')
@section('title')
    পরিবার পরিচিতি
@endsection
@section('body')
    @if(Auth::user()->user_type == 0 || Auth::user()->user_type == 1 || strpos(Auth::user()->permission, 't') !== 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">
                        <ol class="breadcrumb m-0">
                            <li class="breadcrumb-item"><a href="{{ route('khana-info.index') }}">পরিবার পরিচিতি</a></li>
                            <li class="breadcrumb-item active">পরিবার পরিচিতি</li>
                        </ol>
                    </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">
                    <form action="javascript:void(0);" onsubmit="submitForm()" method="POST" class="needs-validation" novalidate id="data">
                        @csrf
                        <div class="form-group row mb-2">
                            <label for="holding" class="col-form-label">হোল্ডিং নম্বর <span class="required">*</span></label>
                            <div class="input-group">
                                @if(env('HOLDING_TAX_EXT', false))
                                    <select name="holding_type_for_citizen" required class="form-control select2" id="holding_type_for_citizen">
                                        <option style="color: red" selected disabled 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" required>
                                    <input class="form-control DisableSpace" name="holding_no" type="text" autocomplete="off" id="holding_no_for_citizen" required readonly>
                                @else
                                    <input class="form-control DisableSpace" name="holding_no" type="text" autocomplete="off" id="holding_no_for_citizen" required>
                                @endif
                            </div>
                            <div class="invalid-feedback">
                                হোল্ডিং নম্বর
                            </div>
                        </div>
                        <div class="form-group row mb-4">
                            <label for="word" class="col-form-label">ওয়ার্ড নং <span class="required">*</span></label>
                            <select name="word" required class="form-control select2" id="word">
                                <option style="color: red" selected disabled value="">&mdash; চিহ্নিত করুন &mdash;</option>
                                @foreach(words() as $word)
                                    <option value="{{ $word->number }}">{{ NumToBn($word->number) }}</option>
                                @endforeach
                            </select>
                            <div class="invalid-feedback">
                                ওয়ার্ড নং
                            </div>
                        </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>
                </div>
            </div>
        </div>
        <div class="col-md-8 col-sm-12" id="data_show">

        </div>
    </div>
    <div id="info-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content" id="info-modal-content">

            </div>
        </div>
    </div>
    <script>
        function submitForm()
        {
            $.ajax({
                type:"POST",
                url:'{{ route('khana-info.find') }}',
                data:$('#data').serialize(),
                beforeSend: function(){
                    var div = '';
                    div += '<div class="col-md-12 text-center center">';
                    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_show').empty();
                    $('#data_show').append(div);
                },
                success: function(res) {
                    if(res == 1)
                    {
                        toastr.warning('দুঃখিত! আপনার দেয়া তথ্য থেকে কোন ডাটা পাওয়া যায় নাই');
                        $('#data_show').empty();
                    }
                    else
                    {
                        $('#data_show').html(res);
                    }

                }
            });
        }
    </script>
    @else
        @include('backend.errors.404')
    @endif
@endsection