@extends('backend.master')
@section('title')
     এডিট জরিপ আবেদন
@endsection
@section('body')
    <!-- start page title -->
    <div class="row">
        <div class="col-md-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('tax.holding_survey_apps') }}">হোল্ডিং জরিপ তথ্য</a></li>
                            <li class="breadcrumb-item active">এডিট হোল্ডিং জরিপ আবেদন</li>
                        </ol>
                    </ol>
                </div>
            </div>
        </div>
    </div>
    <!-- end page title -->
    {{ Form::open(['route'=>['tax.holding-survey-update', $data->id],'method'=>'POST', 'class'=>'needs-validation', 'enctype'=>'multipart/form-data', 'novalidate' , 'name' => 'editHoldingForm']) }}
    <div class="row">
        <div class="col-md-12">
            <div class="mb-0 m-auto text-center">
                <h4>হোল্ডিং জরিপ তথ্য:</h4>
            </div>
        </div>
        <div class="col-md-12 row">
            <div class="col-md-6 col-sm-12">
                <div class="card">
                    <div class="card-body">
                        <div class="form-group row mb-4">
                            <label for="word_no" class="form-label">ওয়ার্ড নং <span class="required">*</span></label>
                            <select name="word_no" required class="form-control select2" id="word_no">
                                <option style="color: red" selected disabled value="">&mdash; চিহ্নিত করুন &mdash;</option>
                                @foreach(words() as $word)
                                    <option value="{{ $word->number }}" {{ $data->word_no == $word->number ? 'selected' : '' }}>{{ NumToBn($word->number) }}</option>
                                @endforeach
                            </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_no" class="form-label">হোল্ডিং নং<span class="required">*</span></label>
                            <input class="form-control DisableSpace" name="holding_no" type="text" value="{{ $data->holding_no }}" autocomplete="off" id="holding_no" required>
                            <div class="invalid-feedback">
                                হোল্ডিং নং
                            </div>
                            <span class="text-danger" id="holdingNoAlert">{{ $errors->has('holding_no') ? $errors->first('holding_no') : ' ' }}</span>
                        </div>
                        <div class="form-group row mb-4">
                            <label for="holding_type" class="form-label">করদাতার ধরন<span class="required">*</span></label>
                            <select name="holding_type" required class="form-control select2" id="holding_type">
                                <option style="color: red" selected disabled value="">&mdash; চিহ্নিত করুন &mdash;</option>
                                <option value="1">ব্যক্তি মালিকানা</option>
                                <option value="2">প্রতিষ্ঠান</option>
                            </select>
                            <span class="text-danger">{{ $errors->has('holding_type') ? $errors->first('holding_type') : ' ' }}</span>
                            <div class="invalid-feedback">
                                করদাতার ধরন
                            </div>
                        </div>
                        <div id="institution" style="display: {{ $data->holding_type == 2 ? '' : 'none' }}">
                            <div class="form-group row mb-4">
                                <label for="institution_name" class="form-label">প্রতিষ্ঠানের নাম<span class="required">*</span></label>
                                <input class="form-control" name="institution_name" type="text" value="{{ $data->institution_name }}" id="institution_name" {{ $data->holding_type == 2 ? '' : 'disabled' }} required>
                                <div class="invalid-feedback">
                                    প্রতিষ্ঠানের নাম
                                </div>
                                <span class="text-danger">{{ $errors->has('institution_name') ? $errors->first('institution_name') : ' ' }}</span>
                            </div>
                            <div class="form-group row mb-4">
                                <label for="institution_head" class="form-label">প্রতিষ্ঠান প্রধানের নাম<span class="required">*</span></label>
                                <input class="form-control" name="institution_head" type="text" value="{{ $data->institution_head }}" id="institution_head" {{ $data->holding_type == 2 ? '' : 'disabled' }} required>
                                <div class="invalid-feedback">
                                    প্রতিষ্ঠান প্রধানের নাম
                                </div>
                                <span class="text-danger">{{ $errors->has('institution_head') ? $errors->first('institution_head') : ' ' }}</span>
                            </div>
                        </div>
                        <div class="owner" style="display: {{ $data->holding_type == 1 ? '' : 'none' }}">
                            <div class="form-group row mb-4">
                                <label for="nidForTax" class="form-label">এনআইডি<span class="required">*</span></label>
                                <input class="form-control DisableSpace" name="nid" type="text" autocomplete="off" value="{{ $data->nid }}" id="nidForTax" required {{ $data->holding_type == 1 ? '' : 'disabled' }}>
                                <div class="invalid-feedback">
                                    এনআইডি
                                </div>
                                <span class="text-danger">{{ $errors->has('nid') ? $errors->first('nid') : ' ' }}</span>
                            </div>
                            <div class="form-group row mb-4">
                                <label for="holding_won_name" class="form-label">করদাতার নাম<span class="required">*</span></label>
                                <input class="form-control" name="holding_won_name" type="text" value="{{ $data->holding_won_name }}" id="holding_won_name" required {{ $data->holding_type == 1 ? '' : 'disabled' }}>
                                <div class="invalid-feedback">
                                    করদাতার নাম
                                </div>
                                <span class="text-danger">{{ $errors->has('holding_won_name') ? $errors->first('holding_won_name') : ' ' }}</span>
                            </div>
                        </div>
                        <div class="owner" style="display: {{ $data->holding_type == 1 ? '' : 'none' }}">
                            <div class="form-group row mb-4">
                                <label for="guardian_type" class="form-label">পিতা / স্বামী<span class="required">*</span></label>
                                <select name="guardian_type" required {{ $data->holding_type == 1 ? '' : 'disabled' }} class="form-control select2 my-select2" id="guardian_type">
                                    <option style="color: red" selected disabled value="">&mdash; চিহ্নিত করুন &mdash;</option>
                                    <option value="পিতা" {{ $data->holding_type == 1 && $data->guardian_type == 'পিতা' ? 'selected' : '' }}>পিতা</option>
                                    <option value="স্বামী" {{ $data->holding_type == 1 && $data->guardian_type == 'স্বামী' ? 'selected' : '' }}>স্বামী</option>
                                </select>
                                <span class="text-danger">{{ $errors->has('guardian_type') ? $errors->first('guardian_type') : ' ' }}</span>
                                <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 id="husband" style="display: {{ $data->holding_type == 1 && $data->guardian_type == 'স্বামী' ? '' : 'none' }}">
                            <div class="form-group row mb-4">
                                <label for="husband_or_father" class="form-label">স্বামীর নাম<span class="required">*</span></label>
                                <input class="form-control husband_name" name="husband_or_father" value="{{ $data->husband_or_father }}" type="text" id="husband_or_father" required {{ $data->holding_type == 1 && $data->guardian_type == 'স্বামী' ? '' : 'disabled' }}>
                                <div class="invalid-feedback">
                                    স্বামীর নাম
                                </div>
                                <span class="text-danger">{{ $errors->has('husband_or_father') ? $errors->first('husband_or_father') : ' ' }}</span>
                            </div>
                        </div>
                        <div id="father" style="display: {{ $data->holding_type == 1 && $data->guardian_type == 'পিতা' ? '' : 'none' }}">
                            <div class="form-group row mb-4">
                                <label for="husband_or_father" class="form-label">পিতার নাম<span class="required">*</span></label>
                                <input class="form-control father_name" name="husband_or_father" value="{{ $data->husband_or_father }}" type="text" id="husband_or_father" required {{ $data->holding_type == 1 && $data->guardian_type == 'পিতা' ? '' : 'disabled' }}>
                                <div class="invalid-feedback">
                                    পিতার নাম
                                </div>
                                <span class="text-danger">{{ $errors->has('husband_or_father') ? $errors->first('husband_or_father') : ' ' }}</span>
                            </div>
                        </div>
                        <div class="form-group row mb-4">
                            <label for="address" class="form-label">ঠিকানা<span class="required">*</span></label>
{{--                            <input class="form-control" name="address" type="text" value="{{ $data->address }}" id="address" required>--}}
                            <select name="address" required class="form-control select2" id="address">
                                <option style="color: red" selected disabled value="">&mdash; চিহ্নিত করুন &mdash;</option>
                                @foreach($villages as $item)
                                    <option value="{{ $item->id }}" {{ $data->address == $item->id ? 'selected' : '' }}>{{ $item->bn_village_name }}</option>
                                @endforeach
                            </select>
                            <div class="invalid-feedback">
                                ঠিকানা
                            </div>
                            <span class="text-danger">{{ $errors->has('address') ? $errors->first('address') : ' ' }}</span>
                        </div>
                        <div class="form-group row mb-4">
                            <label for="abosthan" class="form-label">অবস্থান</label>
                            <input class="form-control" name="abosthan" value="{{ $data->abosthan }}" type="text" id="abosthan">
                            <div class="invalid-feedback">
                                অবস্থান
                            </div>
                        </div>
                        <div class="form-group row mb-4">
                            <label for="rod_name" class="form-label">সড়ক / রাস্তার নাম</label>
                            <input class="form-control" name="rod_name" value="{{ $data->rod_name }}" type="text" id="rod_name">
                            <div class="invalid-feedback">
                                সড়ক / রাস্তার নাম
                            </div>
                        </div>
                        <div class="form-group row mb-4">
                            <label for="phone" class="form-label">মোবাইল<span class="required">*</span></label>
                            <input class="form-control DisableSpace isNaN" name="phone" type="text" value="{{ $data->phone }}" minlength="11" maxlength="11" id="phone" required>
                            <div class="invalid-feedback">
                                মোবাইল
                            </div>
                            <span class="text-danger invalidNumber">{{ $errors->has('phone') ? $errors->first('phone') : ' ' }}</span>
                        </div>
                        <div class="form-group row mb-4">
                            <label for="photo" class="form-label">ছবিঃ <span class="text-danger"></span></label>
                            <div class="input-group">
                                <div class="custom-file">
                                    <input type="file" accept="image/*" name="photo" class="custom-file-input form-control" id="photo">
                                    <label class="custom-file-label" for="pictures">Choose file</label>
                                </div>
                                <img src="{{ asset($data->photo) }}" height="50" width="50">
                            </div>
                            <span class="text-danger">{{ $errors->has('photo') ? $errors->first('photo') : ' ' }}</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-12">
            <div class="card">
                <div class="card-body">
                    <h5 class="text-center mb-3">বসবাসকারী <span class="required">*</span></h5>
                    <div class="col-md-12">
                        <div class="row">
                            <div class="col-md-5 m-auto col-sm-12">
                                <div class="form-group row mb-4">
                                    <label for="living_type" class="form-label">বসবাসকারী<span class="required">*</span> </label>
                                    <select name="living_type" id="living_type" class="form-control living_type select2" required>
                                        <option style="color: red" value="" selected disabled>&mdash; চিহ্নিত করুন &mdash;</option>
                                        <option value="আবাসিক" {{ $data->living_type == 'আবাসিক' ? 'selected' : '' }}>আবাসিক</option>
                                        <option value="বাণিজ্যিক" {{ $data->living_type == 'বাণিজ্যিক' ? 'selected' : '' }}>বাণিজ্যিক</option>
                                        <option value="অন্যান্য" {{ $data->living_type == 'অন্যান্য' ? 'selected' : '' }}>অন্যান্য</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-5 m-auto col-sm-12">
                                <div class="form-group row mb-4">
                                    <label for="building_type" class="form-label">বাড়ির ধরন<span class="required">*</span> </label>
                                    <select name="building_type[]" id="building_type" class="form-control select2 select2-multiple" multiple="multiple" data-placeholder="চিহ্নিত করুন" required>
                                        @foreach($homeType as $item)
                                            @php
                                            if (is_array(json_decode($data->building_type)) && in_array($item['name'], json_decode($data->building_type)))
                                            {
                                                $selected = in_array($item['name'], json_decode($data->building_type)) ? 'selected' : '';
                                            }
                                            else
                                            {
                                                $selected = $item['name'] == json_decode($data->building_type) ? 'selected' : '';
                                            }
                                            @endphp
                                            <option value="{{ $item['name'] }}" {{ $selected }}>{{ $item['name'] }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-5 m-auto col-sm-12">
                                <div id="abasik" disabled=""  class="form-group row mb-4"  style="display: {{ $data->living_type == 'আবাসিক' ? 'block' : 'none' }}">
                                    <label for="abasikfor" class="form-label">আবাসিক</label>
                                    <select name="abasik" class="form-control select2" id="abasikfor">
                                        <option style="color: red" value="">&mdash; চিহ্নিত করুন &mdash;</option>
                                        <option value="মালিক নিজে" {{ $data->abasik == 'মালিক নিজে' ? 'selected' : ''  }}>মালিক নিজে</option>
                                        <option value="ভাড়াটিয়া" {{ $data->abasik == 'ভাড়াটিয়া' ? 'selected' : ''  }}>ভাড়াটিয়া</option>
                                    </select>
                                </div>
                                <div id="banijik" disabled="" class="form-group row mb-4" style="display: {{ $data->living_type == 'বাণিজ্যিক' ? 'block' : 'none' }}">
                                    <label for="banijikfor" class="form-label">বাণিজ্যিক</label>
                                    <select name="banijik" class="form-control select2" id="banijikfor">
                                        <option style="color: red" value="">&mdash; চিহ্নিত করুন &mdash;</option>
                                        <option value="দোকান" {{ $data->abasik == 'দোকান' ? 'selected' : ''  }}>দোকান</option>
                                        <option value="গুদাম" {{ $data->abasik == 'গুদাম' ? 'selected' : ''  }}>গুদাম</option>
                                        <option value="শিল্প কারখানা" {{ $data->abasik == 'শিল্প কারখানা' ? 'selected' : ''  }}>শিল্প কারখানা</option>
                                        <option value="ওয়ার্কশপ" {{ $data->abasik == 'ওয়ার্কশপ' ? 'selected' : ''  }}>ওয়ার্কশপ</option>
                                    </select>
                                </div>
                                <div id="onanz_living" disabled="" class="form-group row mb-4" style="display: {{ $data->living_type == 'অন্যান্য' ? 'block' : 'none' }}">
                                    <label for="onanz_living" class="form-label">অন্যান্য</label>
                                    <input class="form-control" name="onanz_living" type="text" value="{{ $data->onanz_living }}" placeholder="অন্যান্য..." id="onanz_living">
                                </div>
                            </div>
                            <div class="col-md-5 m-auto col-sm-12">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-12 row" id="imarot">
            @foreach($data->holdingomeDetails as $key => $item)
                <div class="col-md-12">
                    @if($key==0)
                        <h4 class="text-center mb-4">ইমারতের বিবরণ</h4>
                    @endif
                    <h6 class="text-center">{{ $item->building_type }}</h6>
                </div>
                <div class="col-md-6 col-sm-12">
                    <div class="card">
                        <div class="card-body">
                            <div class="form-group row mb-4">
                                <label for="room{{ $item->id }}" class="form-label">রুম<span class="required">*</span></label>
                                <input class="form-control DisableSpace room{{ $item->id }}" name="home_type[{{$key}}][room]" type="number" value="{{ $item->room }}" min="1" id="room{{ $item->id }}" required>
                                <input name="home_type[{{$key}}][building_type]" type="hidden" value="{{ $item->building_type }}" required>
                                <div class="invalid-feedback">
                                    রুম
                                </div>
                                <span class="text-danger">{{ $errors->has('room') ? $errors->first('room') : ' ' }}</span>
                            </div>
                            <div class="form-group row mb-4">
                                <label for="door{{ $item->id }}" class="form-label">দরজা</label>
                                <input class="form-control" name="home_type[{{$key}}][door]" value="{{ $item->door }}" type="text" id="door{{ $item->id }}">
                            </div>
                            <div class="form-group row mb-4">
                                <label for="window{{ $item->id }}" class="form-label">জানলা</label>
                                <input class="form-control" name="home_type[{{$key}}][window]" value="{{ $item->window }}"  type="text" id="window{{ $item->id }}">
                            </div>
                            <div class="form-group row mb-4">
                                <label for="tiboel{{ $item->id }}" class="form-label">টিবোয়েল / পাম্প সংখ্যা</label>
                                <input class="form-control" name="home_type[{{$key}}][tiboel]" value="{{ $item->tiboel }}"  type="text" id="tiboel{{ $item->id }}">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-6 col-sm-12">
                    <div class="card">
                        <div class="card-body">
                            <div class="form-group row mb-4">
                                <label for="length{{ $item->id }}" class="form-label">দৈর্ঘ্য (ফুট)</label>
                                <input class="form-control length{{ $item->id }}" name="home_type[{{$key}}][length]" value="{{ $item->length }}" type="number" min="1" id="length{{ $item->id }}">
                            </div>
                            <div class="form-group row mb-4">
                                <label for="width{{ $item->id }}" class="form-label">প্রস্থ (ফুট)</label>
                                <input class="form-control width{{ $item->id }}" name="home_type[{{$key}}][width]" value="{{ $item->width }}" type="number" min="1" id="width{{ $item->id }}">
                            </div>
                            <div class="form-group row mb-4">
                                <label for="square{{ $item->id }}" class="form-label">বর্গফুট</label>
                                <input class="form-control square{{ $item->id }}" name="home_type[{{$key}}][square]" value="{{ $item->square }}" type="number" min="1" id="square{{ $item->id }}" readonly>
                            </div>
                            <div class="form-group row mb-4">
                                <label for="toilet{{ $item->id }}" class="form-label">পায়খানা সংখ্যা</label>
                                <input class="form-control" name="home_type[{{$key}}][toilet]" type="number" min="0" value="{{ $item->toilet }}" id="toilet{{ $item->id }}">
                            </div>
                        </div>
                    </div>
                </div>
            @endforeach
        </div>
        <div class="col-md-12 col-sm-12">
            <div class="mb-0 m-auto text-center">
                <h4>মন্তব্য</h4>
            </div>
        </div>
        <div class="col-md-6 m-auto">
            <label for="comments" class="form-label">এডিট সংক্রান্ত মন্তব্য লিখুনঃ</label>
            <div>
                <textarea class="form-control" required name="comments" id="comments" rows="5" cols="5" placeholder="এডিট সংক্রান্ত মন্তব্য লিখুন"></textarea>
            </div>
            <span class="text-danger">{{ $errors->has('comments') ? $errors->first('comments') : ' ' }}</span>
        </div>
    </div>
    <div class="card">
        <div class="card-body">
            <button type="submit" class="btn btn-primary disabled_button waves-effect btn-label waves-light btn-block"><i class="bx bx-check-double label-icon"></i>আপডেট</button>
        </div>
    </div>
    {{ Form::close() }}
    <script>
        document.forms['editHoldingForm'].elements['word_no'].value         = '{{ $data->word_no }}'
        document.forms['editHoldingForm'].elements['holding_type'].value    = '{{ $data->holding_type }}'
    </script>
@endsection
@section('script')
    @foreach($data->holdingomeDetails as $key => $item)
        <script>
            $(document).click(function () {
                $('.length{{ $item->id }}, .width{{ $item->id }}').on("change click keyup blur", function() {
                    var length = $('.length{{ $item->id }}').val();
                    var width = $('.width{{ $item->id }}').val();
                    var square = length * width;
                    $('.square{{ $item->id }}').empty();
                    $('.square{{ $item->id }}').val(square);
                });
                $('.room{{ $item->id }}').on("change keyup", function() {
                    var room = $('.room{{ $item->id }}').val();
                    var taka = $('.taka{{ $item->id }}').val();
                    var total = room * taka;
                    $('.totalText{{ $item->id }}').empty();
                    $('.totalValue{{ $item->id }}').empty();
                    $(".totalText{{ $item->id }}").html(total);
                    $(".totalValue{{ $item->id }}").val(total);
                });
            });
        </script>
    @endforeach
    <script>
        $('#word_no').change(function(){
            var word_no = $(this).val();
            $.ajax({
                type:"POST",
                url:"{{ route('get-village-by-word_no') }}",
                data:{word_no:word_no, _token:'{{ csrf_token() }}'},
                dataType: 'json',
                success: function(res){
                    var address = $('#address');
                    address.empty();
                    var address_optopn = '';
                    address_optopn += '<option style="color: red" selected disabled value="">&mdash; চিহ্নিত করুন &mdash;</option>';
                    $.each(res, function (key, value) {
                        address_optopn += '<option value="'+value.id+'">'+value.bn_village_name+'</option>';
                    });
                    address.append(address_optopn);
                }
            });
        });
    </script>
@endsection