@extends('layouts.data-entry')
@section('title','GIMS')
@section('styles')
<style>
    .button {
        background-color: #3077bb;
        border: none;
        color: white;
        padding: 5px 10px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        margin: 4px 2px;
        cursor: pointer;
        border-radius: 10px;
    }

    .button:hover {
        background-color: #e68524;
    }

    .buttond {
        background-color: #db1709;
        border: none;
        color: white;
        padding: 5px 10px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        margin: 4px 2px;
        cursor: pointer;
        border-radius: 10px;
    }

    .buttond:hover {
        background-color: #e68524;
    }

    hr {
        display: block;
        margin-top: 0.5em;
        margin-bottom: 0.5em;
        margin-left: auto;
        margin-right: auto;
        border-style: inset;
        border-width: 1px;
        border-color: #80d8ff;
    }
</style>
@endsection
@section('script')
<script>

function validateForm() {

        var x = document.forms["equipment-form"]["requisition_date"].value;
        var todayDate = new Date().toISOString().slice(0,10);
        var y = document.forms["equipment-form"]["ula"].value;
        var z = document.forms["equipment-form"]["urcs"].value;

        if (x > todayDate) {
            alert("Requisition Date should not be future Date");


            return false;
        }
        if (y =='tt') {
            alert("Select Correct Agency Hierarchy");


            return false;
        }
        if (z =='no') {
            alert("Land already Exists");

            return false;
        }

       
    }


$('.btncancel').click(function(e) {

e.preventDefault(); // do not submit form
document.location.href = "{{ route('lands.index') }}";

});
    var counter = 1;

    // click event for fetch button
    $('#fetch_detail_btn').click(function(e) {

        e.preventDefault(); // do not submit form
        var ltype = $('#landtypes').val();
        var landurc = $('#urcno').val();


        if (ltype == 11) {
            var urls = "{{ route('getland_API1') }}"
        } else if (ltype == 10) {
            var urls = "{{ route('getland_API') }}"
        } else {
            alert('Select Land Type.');
        }

        if (landurc) {
            $.ajax({


                url: urls,
                type: "get",
                headers: {
                    'X-CSRF-TOKEN': $('input[name="csrf-token"]').attr('value')
                },
                data: {
                    _token: "{{ csrf_token() }}",
                    plotno: landurc

                },
                success: function(response) {
                    if (typeof(response) != 'object') {
                        response = JSON.parse(response);
                    }

                    console.log(response);
                    if (ltype == 10) {
                        if(response.urbanplots.urbanplot[0].ownerName){
                        $('#owner').val(response.urbanplots.urbanplot[0].ownerName);
                        $('#tharmno').val(response.urbanplots.urbanplot[0].thram);
                        $('#plotno').val(response.urbanplots.urbanplot[0].plotID);
                        $('#area').val(response.urbanplots.urbanplot[0].totalArea);
                        $('#dzongkhag').val(response.urbanplots.urbanplot[0].dzongkhag);
                        $('#gewog').val(response.urbanplots.urbanplot[0].gewog);
                        $('#village').val(response.urbanplots.urbanplot[0].plotCategory);
                        $('#villplot').text('Plot  Category:');
                        // $('#location').val(response.urbanplots.urbanplot[0].location);
                       // $('#allocationdate').val(response.urbanplots.urbanplot[0].kiduDate);
                        $('#landtypesc').val(response.urbanplots.urbanplot[0].landType);
                        $('#qq').val('Sqr.ft.');
                        getdungkhagSelect(response.urbanplots.urbanplot[0].dzongkhag);
                    }else{
                            alert('No Such Land Plot.');
                        }
                    } else {
                        if(response.ruralplots.ruralplot[0].ownerName){
                        $('#owner').val(response.ruralplots.ruralplot[0].ownerName);
                        $('#tharmno').val(response.ruralplots.ruralplot[0].thram);
                        $('#plotno').val(response.ruralplots.ruralplot[0].plotID);
                        $('#area').val(response.ruralplots.ruralplot[0].totalArea);
                        $('#dzongkhag').val(response.ruralplots.ruralplot[0].dzongkhag);
                        $('#gewog').val(response.ruralplots.ruralplot[0].gewog);
                        $('#villplot').text('Village:');
                        $('#village').val(response.ruralplots.ruralplot[0].village);
                        // $('#location').val(response.ruralplots.ruralplot[0].location);
                       // $('#allocationdate').val(response.ruralplots.ruralplot[0].kiduDate);
                       $('#qq').val('Decimal');
                        $('#landtypesc').val(response.ruralplots.ruralplot[0].landType);
                        getdungkhagSelect(response.ruralplots.ruralplot[0].dzongkhag);
                        }else{
                            alert('No Such Land Plot.');
                        }
                    }

                }

            });

        } else {
            alert('Plot No Could not be empty.');
        }

    });

   
    function getdungkhagSelect(vehicletype_title) {

        $.ajax({
            url: "{{ route('get-dungkhag-mappingnlc') }}",
            type: "post",
            data: {
                _token: "{{ csrf_token() }}",
                dzongkhag_name: vehicletype_title,

            },
            success: function(response) {

                if (typeof(response) != 'object') {
                    response = JSON.parse(response);
                }
                var html_assetname = "<option value='' selected>--Select--</option>";
                if (response.status) {
                    // division exists
                    $.each(response.data, function(key, value) {
                        html_assetname += "<option value='" + value.id + "'>" + value.dungkhag_name + "</option>";
                    });
                } else {
                    alert('Select department.');
                }
                $('#dungkhag_id').html(html_assetname);

            }
        });
    }
    $('.yyy').mouseover(function() {
        $('#ula').val('yy');
        $('#urcs').val('yes');  
       
        var deptid=$('#dept_dzo_id').val();
        var divsid=$('#division_id').val();
        var filds=$('#field_regional_id').val();
        var urcno=$('#urcno').val();

        $.ajax({
            url: "{{ route('checkbuildingauth') }}",
            type: "post",
            data: {
                _token: "{{ csrf_token() }}",
                deptid: deptid,
                divsid: divsid,
                filds: filds,
                urcno: urcno

            },
            success: function(response) {
                if (typeof(response) != 'object') {
                    response = JSON.parse(response);
                }
               
                if (response.data=='y') {
                   
                    $('#ula').val('tt');
                
                }else if(response.data=='z'){
                    $('#urcs').val('no');
                   
                }
                else{
                    $('#urcs').val('yes');
                    $('#ula').val('yy');
                }
            }
        })
    });

   

  //attaching "change" event to the file upload button


</script>
@endsection
@section('content')
<div class="page-content fade-in-up">

    <div class="row">
        <div class="col-lg-12">
            <div class="ibox">
                <div class="ibox-head">
                    <div class="ibox-title">Land Registration Form</div>

                </div>
                <div class="ibox-body">

                    {{ Form::open(['url'=>route('lands.store'), 'id'=>'equipment-form', 'onsubmit'=>'return validateForm()', 'files'=>'true', 'enctype'=>'multipart/form-data'] )}}
                    @csrf

                    <center>
                        <p class="text-warning"><em>Organisation where the Land will be registered</em></p>
                    </center>

                    @include('data_entry.section.uagency-hirerchy')
                    <hr>
                    <center>
                        <p class="text-warning"><em>Information will be pulled from NLC</em></p>
                    </center>

                    <div class="row">
                        <div class="col-1"></div>
                        <div class="col-2"><label>Land Type: </label></div>
                        <div class="col-3"><select name="landtypes" required id="landtypes" class="form-control form-control-sm">
                                <option value="" selected>--Select--</option>
                                <option value="10">Urban Land</option>
                                <option value="11">Rural Land</option>

                            </select></div>
                        <div class="col-2"><label for="">Land Plot No:</label></div>
                        <div class="col-3"><input type="text" name="urcno" placeholder="LRC/URC/Tharm No." required class="form-control form-control-sm" id="urcno"></div>
                    </div>
                    <div class="row">
                        <div class="col-5"></div>
                        <div class="col-4">
                            <div class="form-group row">
                                <button class="btn button" id="fetch_detail_btn" type="button"> <i class="fa fa-paper-plane"></i> Fetch Land Detail</button>
                            </div>
                        </div>
                        <div class="col-3"></div>
                    </div>
                    <hr>
                    <div class="row">
                        <div class="col-1"></div>
                        <div class="col-5">
                            <div class="form-group row">
                                <label for="" class="col-sm-4 text-success">Tharm No: </label>
                                <div class="col-sm-8">
                                    <input type="text" name="tharmno" readonly="True" class="form-control form-control-sm text-success" id="tharmno">
                                    <input type="hidden" value="yy" name="ula"  id="ula">
                                    <input type="hidden" value="yes" name="urcs"  id="urcs">
                                </div>
                            </div>
                        </div>
                        <div class="col-5">
                            <div class="form-group row">
                                <label for="" class="col-sm-4 text-success">Owner: </label>
                                <div class="col-sm-8">
                                    <input type="text" name="owner" readonly="True" class="form-control form-control-sm text-success" id="owner">
                                </div>
                            </div>

                        </div>
                    </div>

                    <div class="row">
                        <div class="col-1"></div>
                        <div class="col-5">
                            <div class="form-group row">
                                <label for="" class="col-sm-4 text-success">Plot No: </label>
                                <div class="col-sm-8">
                                    <input type="text" name="plotno" readonly="True" class="form-control form-control-sm text-success" id="plotno">
                                </div>
                            </div>
                        </div>
                        <div class="col-5">
                            <div class="form-group row">
                                <label for="" class="col-sm-4 text-success">Area: </label>
                                <div class="col-sm-5">
                                    <input type="text" name="area" readonly="True" class="form-control form-control-sm text-success" id="area">
                                </div>
                                <div class="col-sm-3">
                                    <input type="text" name="qq" readonly="True" class="form-control form-control-sm text-success" id="qq">
                                </div>
                            </div>

                        </div>
                    </div>


                    <div class="row">
                        <div class="col-1"></div>
                        <div class="col-5">
                            <div class="form-group row">
                                <label for="" class="col-sm-4 text-success">Dzongkhag: </label>
                                <div class="col-sm-8">
                                    <input type="text" name="dzongkhag" readonly="True" class="form-control form-control-sm text-success" id="dzongkhag">
                                </div>
                            </div>
                        </div>
                        <div class="col-5">
                            <div class="form-group row">
                                <label for="" class="col-sm-4 text-success">Gewog: </label>
                                <div class="col-sm-8">
                                    <input type="text" name="gewog" readonly="True" class="form-control form-control-sm text-success" id="gewog">
                                </div>
                            </div>

                        </div>
                    </div>
                    <div class="row">
                        <div class="col-1"></div>
                        <div class="col-5">
                            <div class="form-group row">
                                <label for="" class="col-sm-4 text-success" id="villplot"> Village/Plot Category</label>
                                <div class="col-sm-8">
                                    <input type="text" name="village" readonly="True" class="form-control form-control-sm text-success" id="village">
                                </div>
                            </div>
                        </div>
                        <div class="col-5">
                            <div class="form-group row">
                                <label for="" class="col-sm-4 text-success">Land Type: </label>
                                <div class="col-sm-8">
                                    <input type="text" name="landtypesc" readonly="True" class="form-control form-control-sm text-success" id="landtypesc">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-1"></div>
                        <div class="col-5">
                            <div class="form-group row">
                            <label for="" class="col-sm-4">Requisition Date <span class="required">*</span>: </label>
                                <div class="col-sm-8">
                                    <input type="date" name="requisition_date" class="form-control form-control-sm" required id="requisition_date">
                                </div>
                            </div>

                        </div>
                        <div class="col-5">
                            <div class="form-group row">
                                <label for="" class="col-sm-4 ">Dungkhag <span class="required">*</span>: </label>
                                <div class="col-sm-8">
                                    <select name="dungkhag_id" id="dungkhag_id" required class="form-control form-control-sm">
                                        <option value="2" selected>--Select--</option>

                                    </select>
                                </div>
                            </div>

                        </div>
                    </div>
                    <div class="row">
                        <div class="col-1"></div>
                        <div class="col-5">
                            <div class="form-group row">

                                
                            </div>


                        </div>

                    </div>

                    <hr>

                    <div class="row">
                        <div class="col-1"></div>
                        <div class="col-5">
                            <div class="form-group row">
                                <label for="" class="col-sm-4">Purpose:</label>
                                <div class="col-sm-8">
                                    <textarea name="asset_description" id="asset_description" rows="5" maxlength="250" style="resize: none;" class="form-control"></textarea>
                                </div>
                            </div>
                        </div>
                        <div class="col-5">
                            <div class="form-group row">
                                <label for="" class="col-sm-4">Remarks:</label>
                                <div class="col-sm-8">
                                    <textarea name="remarks" id="remarks" rows="5" style="resize: none;" maxlength="250" class="form-control"></textarea>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-1"></div>
                        <div class="col-5">
                            <div class="form-group row">
                                <label for="" class="col-sm-4">File Upload: </label>
                                <div class="col-sm-8">
                                    <input type="file" name="file_path" id="file_path">
                                    <span style="color:red;"> Acepted file format are PDF,JPG,JEPG,PNG and Maximum file size should be 5mb.)</span>
                                </div>
                            </div>
                        </div>
                    </div>

                    <hr>

                    <div class="form-group row">
                        <div class="col-sm-12">
                            <div class="row">
                                <div class="col-3"></div>
                                <div class="col-3"> <button class="yyy btn button" type="submit"><i class="fa fa-paper-plane"></i> Submit to Approver</button></div>
                                <div class="col-3"> <button class="btn  buttond btncancel" type="reset"><i class="fa fa-trash"></i> Cancel </button></div>
                                <div class="col-3"></div>
                            </div>
                        </div>
                    </div>

                    {{ Form::close() }}
                </div>
            </div>
        </div>

    </div>

</div>
@endsection