@extends('layouts.data-entry')
@section('title','GIMS')
@section('script')


<script>
    $('#fetch_detail_btn').click(function(e) {

        e.preventDefault(); // do not submit form

        var cid = $('#cid').val();

        if (cid) {
            $.ajax({
                url: "{{ route('getemployeeindividual_API') }}",
                type: "get",
                headers: {
                    'X-CSRF-TOKEN': $('input[name="csrf-token"]').attr('value')
                },
                data: {
                    _token: "{{ csrf_token() }}",
                    cid: cid

                },
                success: function(response) {

                    if (typeof(response) != 'object') {
                        response = JSON.parse(response);
                    }


                    $('#name').val(response.employeedetails.employeedetail[0].empName);
                    $('#emp_id').val(response.employeedetails.employeedetail[0].empId);
                    $('#designation').val(response.employeedetails.employeedetail[0].designation);
                    $('#cid_agency_id').val(response.employeedetails.employeedetail[0].agency);
                    $('#cid_dept_dzo_id').val(response.employeedetails.employeedetail[0].deptName);

                }
            });
        } else {
            alert('CID can not be empty.');
        }

    });


    $('#fetch_detail_view').click(function(e) {

        e.preventDefault(); // do not submit form

        var cid = $('#cid').val();

        if (cid) {
            $.ajax({
                url: "{{ route('getemployeeindividual_APIasset') }}",
                type: "post",
                data: {
                    _token: "{{ csrf_token() }}",
                    cid: cid

                },
                success: function(response) {

                    if (typeof(response) != 'object') {
                        response = JSON.parse(response);
                    }


                    if (response.allocationdataequipment) {
                        var html_body = "";

                        $.each(response.allocationdataequipment, function(key, value) {
                            html_body += "<tr>";
                            html_body += "<td>" + (key + 1) + "</td>";
                            html_body += "<td>" + value.identification_code + "</td>";
                            html_body += "<td>" + value.asset_name.asset_name + "</td>";
                            html_body += "<td>" + value.specification + "</td>";
                            html_body += "<td>" + value.cost + "</td>";
                            html_body += "<td>" + value.allocationdetail.allocation_date + "</td>";

                            html_body += "</tr>";
                        });
                        $('#allocation-table').html(html_body);

                    }
                    console.log(response.allocationdatafurniture);
                    if (response.allocationdatafurniture) {
                        var html_body = "";

                        $.each(response.allocationdatafurniture, function(key, value) {
                            html_body += "<tr>";
                            html_body += "<td>" + (key + 1) + "</td>";
                            html_body += "<td>" + value.identification_code + "</td>";
                            html_body += "<td>" + value.asset_name.asset_name + "</td>";
                            html_body += "<td>" + value.specification + "</td>";
                            html_body += "<td>" + value.cost + "</td>";
                            html_body += "<td>" + value.allocationdetail.allocation_date + "</td>";

                            html_body += "</tr>";
                        });
                        $('#fallocation-table').html(html_body);

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

    });
</script>
@endsection


<div style="background-color: #fff">
    <div class="row">

        <div class="col-6">
            <br>
        </div>
    </div>
    <div class="row p-4">
        <div class="col-3">


        </div>
        <div class="col-5">

            <div class="form-group row">
                <label for="" class="col-sm-4">Enter CID : </label>
                <div class="col-sm-6">
                    <input type="text" name="cid" placeholder="Enter CID" required class="form-control form-control-sm" id="cid">
                </div>
            </div>
        </div>
        <div class="col-4">
            <div class="form-group row">

                <button class="btn button" id="fetch_detail_btn" type="button">
                    <i class="fab fa-searchengin"></i> Search
                </button>
            </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">Employee Name: </label>
                <div class="col-sm-6">
                    <input type="text" name="name" class="form-control form-control-sm" id="name">
                </div>
            </div>
        </div>


        <div class="col-5">

            <div class="form-group row">
                <label for="" class="col-sm-4">Employee ID: </label>
                <div class="col-sm-6">
                    <input type="text" name="empid" required class="form-control form-control-sm" id="emp_id">
                </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">Designation: </label>
                <div class="col-sm-6">
                    <input type="text" name="designation" class="form-control form-control-sm" required placeholder="" id="designation">
                </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">Ministry: </label>
                <div class="col-sm-6">
                    <input type="text" name="cid_agency_id" required class="form-control form-control-sm" id="cid_agency_id">
                </div>
            </div>

        </div>
        <div class="col-5">
            <div class="form-group row">
                <label for="" class="col-sm-4">Department: </label>
                <div class="col-sm-6">
                    <input type="text" name="cid_dept_dzo_id" class="form-control form-control-sm" required placeholder="" id="cid_dept_dzo_id">
                </div>
            </div>

        </div>
    </div>


    <button class="btn button" id="fetch_detail_view" type="button">
        <i class="fab fa-searchengin"></i> view
    </button>
    <hr>

    <!-- Start Tabs -->



    Equipment

    <table class="table table-hover table-bordered">
        <thead class="thead-light">
            <th>S.N</th>
            <th>identification Code</th>
            <th>Asset Name</th>
            <th>Specification</th>
            <th>Price</th>
            <th>Allocation Date</th>
        </thead>
        <tbody id="allocation-table">

        </tbody>
    </table>
    Furniture
    <table class="table table-hover table-bordered">
        <thead class="thead-light">
            <th>S.N</th>
            <th>identification Code</th>
            <th>Asset Name</th>
            <th>Specification</th>
            <th>Price</th>
            <th>Allocation Date</th>
        </thead>
        <tbody id="fallocation-table">

        </tbody>
    </table>

    <span class="border">
        <div class="row">
            <div class="col-6">
            Please select yes if your information is correct and no if wrong

            </div>

            <div class="col-6">
            <div class="row">
            
            <div class="col-2">
                <label class="form-check-label" for="radio1">
                    <input type="radio" value="1" class="form-check-input" id="optradio" name="optradio" checked>No
                </label>
            </div>
            <div class="col-3">
                <label class="form-check-label" for="radio2">
                    <input type="radio" value="2" class="form-check-input" id="optradio" name="optradio">Yes
                </label>
                </div>
            </div>

            <div class="col-3">
            <button class="btn button" id="saves" type="button">
        <i class="fab fa-save"></i> Submit
    </button>
                </div>
            </div>
        </div>
</div>
</span>
<!-- End Tabs -->

</div>