@extends('layouts.data-entry')
@section('title','GIMS')
@section('styles')
<link rel="stylesheet" href="{{ asset('css/jquery.dataTables.min.css') }}">
<link rel="stylesheet" href="{{ asset('css/select2.min.css') }}">
<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;
    }

    div.round2 {
        border: 2px solid skyblue;
        border-radius: 10px;
        width: 70%;
        background-color: cornsilk;
    }

    div.round3 {
        border: 2px solid skyblue;
        border-radius: 5px;
        width: 30%;
        background-color: cornsilk;
    }
</style>


@endsection
@section('script')
<script src="{{ asset('js/jquery.sweetalert2.min.js') }}"></script>
<script src="{{ asset('js/jquery.dataTables.min.js') }}"></script>
<script src="{{ asset('js/select2.min.js') }}"></script>

<script>
    $('#location_id').select2();
    // click event for fetch button
    var form_data1 = 1;
    $('#fetch_detail_btn1').click(function(e) {

        $('#name').val('');
        $('#emp_id').val('');
        $('#cid_id2').val('');
        $('#designation').val('');
        $('#cid_agency_type_id').val('');
        $('#cid_agency_id').val('');

        e.preventDefault(); // do not submit form
        var cid = $('#cid').val();
        var form_data1 = document.forms["equipment-form"]["optradio"].value;

        if (form_data1 == 1) {
            $('#agency_allocation_oagency').addClass('d-none');
            $('#ammd').removeClass('d-none');
            $('#amdf').removeClass('d-none');


        } else {
            $('#agency_allocation_oagency').removeClass('d-none');
            $('#ammd').addClass('d-none');
            $('#amdf').addClass('d-none');


        }



        if (cid) {
            $.ajax({
                url: "{{ route('getemployee_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);
                    }
                    if ((response.employeedetails.employeedetail[0].aucategoryId) == 7) {
                        var mini = "MINISTRY";
                    } else if ((response.employeedetails.employeedetail[0].aucategoryId) == 1) {
                        var mini = "AUTONOMOUS";
                    } else if ((response.employeedetails.employeedetail[0].aucategoryId) == 2) {

                        var mini = "DZONGKHAG";
                    } else if ((response.employeedetails.employeedetail[0].aucategoryId) == 3) {
                        var mini = "GEWOG";

                    } else if ((response.employeedetails.employeedetail[0].aucategoryId) == 13) {
                        var mini = "JUDICIARY";

                    } else if ((response.employeedetails.employeedetail[0].aucategoryId) == 14) {
                        var mini = "CONSTITUTIONAL BODIES";

                    } else {
                        var mini = "THROMDE";

                    }

                    $('#name').val(response.employeedetails.employeedetail[0].empName);
                    $('#emp_id').val(response.employeedetails.employeedetail[0].empId);
                    $('#cid_id2').val(response.employeedetails.employeedetail[0].cidwpNo);
                    $('#designation').val(response.employeedetails.employeedetail[0].designation);
                    $('#cid_agency_type_id').val(mini);
                    $('#cid_agency_id').val(response.employeedetails.employeedetail[0].agency);
                    getDepartmentSelect(response.employeedetails.employeedetail[0].agency);

                },


                error: function() {


                    alert('Currently API is Down!!');

                }

            });



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

    });

    resetCustodian();

    $('#allocation_id').change(function() {
        let allocation_data = $(this).val();

        if (allocation_data == 'agency') {
            document.location.href = document.location.href;
            $('#agency_allocation_oagency').addClass('d-none');
            $('#agency_div').removeClass('d-none');
            $('#agency_div1').removeClass('d-none');
            $('#custodian').addClass('d-none');

            $('#agency_divapifail').addClass('d-none');
            $('#cidapifail').addClass('d-none');
            $('#designationapifail').addClass('d-none');
            $('#nameapisucess').addClass('d-none');

            resetCustodian();
        } else {
            resetAgency();
            setCustodian();
            $('#agency_div').addClass('d-none');
            $('#agency_div1').addClass('d-none');
            $('#custodian').removeClass('d-none');
            $('#nameapisucess').removeClass('d-none');
            $('#amt').removeClass('d-none');
            $('#amm').removeClass('d-none');
            $('#ammd').removeClass('d-none');
            $('#amdf').removeClass('d-none');
            $('#designationsucess').removeClass('d-none');
            $('#noapi').val('no');


        }
    });

    function resetAgency() {
        $('#agency_type_id').val('');
        $('#agency_id').val('');
        $('#division_id').val('');
        $('#field_regional_id').val('');
    }

    function setCustodian() {


    }

    function resetCustodian() {
        $('#cid_id2').removeAttr('required', 'required');
        $('#emp_id').removeAttr('required', 'required');
        $('#designation').removeAttr('required', 'required');
        $('#cid_agency_id').removeAttr('required', 'required');
        $('#cid_agency_type_id').removeAttr('required', 'required');
        $('#name').removeAttr('required', 'required');

    }
    function getDepartmentSelect(agency_title) {
        $.ajax({
            url: "{{ route('get-dept-mapping') }}",
            type: "post",
            data: {
                _token: "{{ csrf_token() }}",
                agency_name: agency_title
            },
            success: function(response) {

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

                var html_div = "<option value='' selected>--Select Any One--</option>";
                if (response.status) {
                    // division exists
                    $.each(response.data, function(key, value) {
                        html_div += "<option value='" + value.id + "'>" + value.dept_dzo_name + "</option>";
                    });
                } else {

                }
                $('#cid_dept_id2').html(html_div);

            }
        });
    }

    $('#cid_dept_id2').change(function() {
        var dept_dzo_id = $(this).val();
        $.ajax({
            url: "{{ route('get-assigned-divisionbyDepartment')}}",
            type: "post",
            data: {
                _token: "{{ csrf_token() }}",
                dept_dzo_id: dept_dzo_id
            },
            success: function(response) {
                if (typeof(response) != 'object') {
                    response = JSON.parse(response);
                }

                var html_divi = "<option value='' selected>--Select Any One--</option>";
                if (response.status) {

                    $.each(response.data, function(key, value) {
                        html_divi += "<option value='" + value.id + "'>" + value.division_name + "</option>";
                    });
                }

                $('#cid_division_id').html(html_divi);
            }
        });
    });

    $('#cid_division_id').change(function() {
        var div_id = $(this).val();
        $.ajax({
            url: "{{ route('get-assigned-field-by-div')}}",
            type: "post",
            data: {
                _token: "{{ csrf_token() }}",
                div_id: div_id
            },
            success: function(response) {
                if (typeof(response) != 'object') {
                    response = JSON.parse(response);
                }

                var html_field = "<option value='' selected>--Select Any One--</option>";
                if (response.status) {
                    $.each(response.data, function(key, value) {
                        html_field += "<option value='" + value.id + "'>" + value.field_regional_name + "</option>";
                    });
                }

                $('#cid_field_regional_id').html(html_field);
            }
        });
    });
    var allocation_code = "{{ $allocation_code }}";

    $('#add_btn').click(function() {
        var nameval = $('#name').val();
        var location1 = $('#allocation_id').val();
        var bc = $('#noapi').val();
        if (location1 == 'custodian') {
            if (bc == 'no') {
                if (nameval == '') {
                    alert("Please select Employee.");
                    return false;
                }
            }
        }
        var vals = $('#noapi').val();
        if (vals == 'no') {

            var cid = $('#cid_id2').val();
            var eid = $('#emp_id').val();
        } else {

            var cid = $('#cid_id222').val();
            var eid = $('#empidapifails').val();
        }


        $.ajax({
            url: "{{ route('get-unallocated-equipments')}}",
            type: "post",
            data: {
                _token: "{{ csrf_token()}}"
            },
            success: function(response) {

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

                var tbody_html = "";

                if (response.status) {
                    // map done

                    $.each(response.data[0], function(key, value) {

                        tbody_html += "<tr>";
                        tbody_html += "<td>";
                        tbody_html += "<input type='hidden' name='allocation_code' value='" + allocation_code + "'>";
                        tbody_html += "<input type='hidden' name='_token' value='{{ csrf_token() }}'>";
                        tbody_html += "<input type='checkbox' name='equip[" + key + "][identification_code]' value='" + value.identification_code + "' class='select_equip' data-id='" + value.identification_code + "'>";
                        tbody_html += "<input type='hidden' name='equip[" + key + "][eid]' value='" + eid + "'>";
                        tbody_html += "<input type='hidden' name='equip[" + key + "][cid]' value='" + cid + "'>";
                        tbody_html += "<input type='hidden' name='equip[" + key + "][specification]' value='" + value.specification + "'>";
                        tbody_html += "<input type='hidden' name='equip[" + key + "][asset_category_id]' value='" + value.asset_category_id + "'>";
                        tbody_html += "<input type='hidden' name='equip[" + key + "][asset_sub_category_id]' value='" + value.asset_sub_category_id + "'>";
                        tbody_html += "<input type='hidden' name='equip[" + key + "][asset_name_id]' value='" + value.asset_name_id + "'>";
                        tbody_html += "<input type='hidden' name='equip[" + key + "][serial_number]' value='" + value.serial_number + "'>";
                        tbody_html += "<input type='hidden' name='equip[" + key + "][model_no]' value='" + value.model_no + "'>";
                        tbody_html += "<input type='hidden' name='equip[" + key + "][cost]' value='" + value.cost + "'>";
                        tbody_html += "<input type='hidden' name='equip[" + key + "][remarks]' value='" + value.remarks + "'>";
                        tbody_html += "<input id='ddddd' name='ddddd' value='done' type='hidden' />";
                        tbody_html += "</td>";

                        tbody_html += "<td>" + value.identification_code + "</td>";
                        tbody_html += "<td>" + value.asset_category.asset_category_name + "</td>";
                        tbody_html += "<td>" + value.asset_sub_category.asset_sub_category_name + "</td>";
                        tbody_html += "<td>" + value.asset_name.asset_name + "</td>";
                        tbody_html += "<td>" + value.serial_number + "</td>";
                        tbody_html += "<td>" + value.model_no + "</td>";
                        tbody_html += "<td>" + value.specification + "</td>";
                        tbody_html += "<td>" + value.cost + "</td>";
                        tbody_html += "<td>" + value.remarks + "</td>";

                        if (value.dept_dzo_id != null) {
                        tbody_html += "<td>" + value.dept_dzo.dept_dzo_name + "</td>";
                        }
                        else{
                            tbody_html += "<td></td>";
                        }
                        if (value.division_id != null) {
                            tbody_html += "<td>" + value.division.division_name + "</td>";
                        }
                        else{
                            tbody_html += "<td></td>";
                        }
                        if (value.field_regional_id != null) {
                            tbody_html += "<td>" + value.field_regional.field_regional_name + "</td>";
                        }
                        else{
                            tbody_html += "<td></td>";
                        }
                        tbody_html += "</tr>";
                    });
                    $('#equip-table').html(tbody_html);
                    $('#content-modal').modal('show');
                    $('#equipmentallocationdetails').dataTable();
                } else {
                    Swal.fire('error!', response.msg, 'error').then(function() {
                        document.location.href = document.location.href;
                    });
                }
            }
        });
    });
    $('.yyy').click(function() {

        var requisition_date = $('#ddddd').val();
        if (requisition_date != 'done') {
            alert('Click on Add button and select atleast one record');
            return false;
        }

    });


    $('#submit_allocated').bind('click', function() {
        var form_data = new FormData($('#allocate_form')[0]);

        $.ajax({
            url: "{{ route('save-allocation') }}",
            type: "post",
            async: false,
            cache: false,
            contentType: false,
            enctype: 'multipart/form-data',
            processData: false,
            data: form_data,
            success: function(response) {

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

                        showTable(response.data);
                        $('#content-modal').modal('hide');
                    }
                }
            }
        })
    });

    function showTable(data) {
        var html_table = '';

        $.each(data, function(key, value) {
            html_table += '<tr>';
            html_table += "<td>" + (key + 1) + "</td>";
            html_table += "<td>" + value.identification_code + "</td>";
            html_table += "<td>" + value.asset_category.asset_category_name + "</td>";
            html_table += "<td>" + value.asset_sub_category.asset_sub_category_name + "</td>";
            html_table += "<td>" + value.asset_name.asset_name + "</td>";
            html_table += "<td>" + value.serial_number + "</td>";
            html_table += "<td>" + value.model_no + "</td>";
            html_table += "<td>" + value.specification + "</td>";
            html_table += "<td>" + value.cost + "</td>";
            

            html_table += "<td><a class='delete' data-ids='" + value.id + "' href='javascript:;' onclick='deleteRow(this);'>Delete</a></td>";
            html_table += '</tr>';
        });
        html_table += "<input type='hidden' name='allocation_code' value = '" + allocation_code + "'>";
        $('#demand_grid').html(html_table);

    }

    function deleteRow(elem) {
        var all_html = $('#demand_grid').html();

        $(elem).parent().parent().remove();

    }
    $('#cancel').click(function() {

        e.preventDefault(); // do not submit form
        document.location.href = document.location.href;

    });

    $(document).on('click', '.delete', function() {
        var ids = $(this).data('ids');

        $.ajax({
            url: "{{ route('allocationsummeryequipment-delete') }}",
            type: "post",
            data: {
                _token: "{{ csrf_token() }}",
                appli_code: ids

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


            }
        })
    });



    $('#agency_type_idnoapi').change(function() {

        var agencttypeid = $(this).val();
        $.ajax({
            url: "{{ route('get-assigned-agencytwo')}}",
            type: "post",
            data: {
                _token: "{{ csrf_token() }}",
                agencttypeid: agencttypeid
            },
            success: function(response) {
                if (typeof(response) != "object") {
                    response = JSON.parse(response);
                }
                var deptdzo_html = "<option value='' selected disabled>--Select One--</option>";
                if (response.status) {

                    $.each(response.data, function(key, value) {
                        deptdzo_html += "<option value='" + value.id + "'>" + value.agency_name + "</option>";

                    });
                }
                $('#agency_idnoapi').html(deptdzo_html);
            }
        });
    });

    $('#agency_idnoapi').change(function() {
        var agencyid = $(this).val();

        $.ajax({
            url: "{{ route('get-assigned-departmenttwo')}}",
            type: "post",
            data: {
                _token: "{{ csrf_token() }}",
                agencyid: agencyid
            },
            success: function(response) {
                if (typeof(response) != "object") {
                    response = JSON.parse(response);
                }
                var deptdzo_htmlq = "<option value='' selected disabled>--Select f One--</option>";
                if (response.status) {
                    $.each(response.data, function(key, value) {


                        deptdzo_htmlq += "<option value='" + value.id + "'>" + value.dept_dzo_name + "</option>";

                    });





                }
                $('#dept_dzo_idnoapi').html(deptdzo_htmlq);
            }
        });
    });

    $('#dept_dzo_idnoapi').change(function() {

        var deptdzoid = $(this).val();

        $.ajax({
            url: "{{ route('get-assigned-divisiontwo')}}",
            type: "post",
            data: {
                _token: "{{ csrf_token() }}",
                deptdzoid: deptdzoid
            },
            success: function(response) {
                if (typeof(response) != "object") {
                    response = JSON.parse(response);
                }
                var divis_html = "<option value='' selected disabled>--Select One--</option>";
                if (response.status) {
                    $.each(response.data, function(key, value) {

                        divis_html += "<option value='" + value.id + "'>" + value.division_name + "</option>";

                    });
                }
                $('#division_idnoapi').html(divis_html);
            }
        });
    });

    $('#division_idnoapi').change(function() {
        var divisionid = $(this).val();
        $.ajax({
            url: "{{ route('get-assigned-fieldstwo')}}",
            type: "post",
            data: {
                _token: "{{ csrf_token() }}",
                divisionid: divisionid
            },
            success: function(response) {
                if (typeof(response) != "object") {
                    response = JSON.parse(response);
                }
                var field_html = "<option value='' selected disabled>--Select  One--</option>";
                if (response.status) {
                    $.each(response.data, function(key, value) {
                        field_html += "<option value='" + value.id + "'>" + value.field_regional_name + "</option>";
                    });
                }
                $('#field_regional_idnoapi').html(field_html);
            }
        });
    });

    function validateForm() {
        var allocationdate = document.forms["equipment-form"]["allocation_date"].value;

        var todayDate = new Date().toISOString().slice(0, 10);
        var locations = $('#location_id').val();
        var location1 = $('#allocation_id').val();
        var y = document.forms["equipment-form"]["ula"].value;
        var cid = $('#cid').val();
        var manul = $('#noapi').val();
        var form_data1 = document.forms["equipment-form"]["optradio"].value;
        if (allocationdate > todayDate) {
            alert("Cannot select Future Date");
            return false;
        }

        if (location1 == 'agency') {

            if (locations == null) {
                alert("Please select Locations.");
                return false;
            }
        }
        if (location1 == 'custodian' && form_data1 == '1') {
            if (y == 'tt') {
                alert("Select Correct Agency Hierarchy");

                return false;
            }
        }
        if (manul != 'yes') {
        if (location1 == 'custodian') {
            if (cid == '') {
                alert("Select Employee");
                return false;
            }
        }
        }

    }

    $('#agency_type_ida').change(function() {

        var agencttypeid = $(this).val();
        $.ajax({
            url: "{{ route('get-assigned-agencytwo')}}",
            type: "post",
            data: {
                _token: "{{ csrf_token() }}",
                agencttypeid: agencttypeid
            },
            success: function(response) {
                if (typeof(response) != "object") {
                    response = JSON.parse(response);
                }
                var deptdzo_html = "<option value='' selected disabled>--Select One--</option>";
                if (response.status) {

                    $.each(response.data, function(key, value) {
                        deptdzo_html += "<option value='" + value.id + "'>" + value.agency_name + "</option>";

                    });
                }
                $('#agency_ida').html(deptdzo_html);
            }
        });
    });

    $('#agency_ida').change(function() {
        var agencyid = $(this).val();

        $.ajax({
            url: "{{ route('get-assigned-departmenttwo')}}",
            type: "post",
            data: {
                _token: "{{ csrf_token() }}",
                agencyid: agencyid
            },
            success: function(response) {
                if (typeof(response) != "object") {
                    response = JSON.parse(response);
                }
                var deptdzo_htmlq = "<option value='' selected disabled>--Select f One--</option>";
                if (response.status) {
                    $.each(response.data, function(key, value) {


                        deptdzo_htmlq += "<option value='" + value.id + "'>" + value.dept_dzo_name + "</option>";

                    });





                }
                $('#dept_dzo_ida').html(deptdzo_htmlq);
            }
        });
    });

    $('#dept_dzo_ida').change(function() {

        var deptdzoid = $(this).val();

        $.ajax({
            url: "{{ route('get-assigned-divisiontwo')}}",
            type: "post",
            data: {
                _token: "{{ csrf_token() }}",
                deptdzoid: deptdzoid
            },
            success: function(response) {
                if (typeof(response) != "object") {
                    response = JSON.parse(response);
                }
                var divis_html = "<option value='' selected disabled>--Select One--</option>";
                if (response.status) {
                    $.each(response.data, function(key, value) {

                        divis_html += "<option value='" + value.id + "'>" + value.division_name + "</option>";

                    });
                }
                $('#division_ida').html(divis_html);
            }
        });
    });

    $('#division_ida').change(function() {
        var divisionid = $(this).val();
        $.ajax({
            url: "{{ route('get-assigned-fieldstwo')}}",
            type: "post",
            data: {
                _token: "{{ csrf_token() }}",
                divisionid: divisionid
            },
            success: function(response) {
                if (typeof(response) != "object") {
                    response = JSON.parse(response);
                }
                var field_html = "<option value='' selected disabled>--Select  One--</option>";
                if (response.status) {
                    $.each(response.data, function(key, value) {
                        field_html += "<option value='" + value.id + "'>" + value.field_regional_name + "</option>";
                    });
                }
                $('#field_regional_ida').html(field_html);
            }
        });
    });
    $('.btncancel').click(function(e) {

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

    });
    $('#manualentry').click(function() {
        var form_data1 = document.forms["equipment-form"]["optradio"].value;
        $('#agency_divapifail').removeClass('d-none');
        $('#apifails').removeClass('d-none');
        $('#designationsucess').addClass('d-none');
        $('#nameapisucess').addClass('d-none');
        $('#amt').addClass('d-none');
        $('#cid').addClass('d-none');
        $('#cidl').addClass('d-none');
        $('#amm').addClass('d-none');
        $('#ammd').addClass('d-none');
        $('#fetch_detail_btn1').addClass('d-none');
        $('#amdf').addClass('d-none');
        $('#noapi').val('yes');
        $('#designationfails').removeClass('d-none');
        if (form_data1 == 1) {
            $('#agency_divapifail').removeClass('d-none');
        } else {
            $('#agency_divapifail').addClass('d-none');

        }
    });

    //attaching "change" event to the file upload button
    document.getElementById("file_path").addEventListener("change", validateFile)

    function validateFile() {
        const allowedExtensions = ['pdf', 'jpeg', 'jpg', 'png'],
            sizeLimit = 5000000; // 5 megabyte

        // destructuring file name and size from file object
        const {
            name: fileName,
            size: fileSize
        } = this.files[0];

        /*
         * if the filename is apple.png, we split the string to get ["apple","png"]
         * then apply the pop() method to return the file extension (png)
         *
         */
        const fileExtension = fileName.split(".").pop();

        /* 
          check if the extension of the uploaded file is included 
          in our array of allowed file extensions
        */
        if (!allowedExtensions.includes(fileExtension)) {
            alert("Please upload only pdf, jpg, jpeg and png files.");
            this.value = null;
        } else if (fileSize > sizeLimit) {
            alert("File size too large.")
            this.value = null;
        }
    }

    $('.yyy').mouseover(function() {
        $('#ula').val('yy');
        var deptid = $('#cid_dept_id2').val();
        var divsid = $('#cid_division_id').val();
        var filds = $('#cid_field_regional_id').val();

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

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

                    $('#ula').val('tt');


                } else {

                    $('#ula').val('yy');
                }
            }
        })
    });
</script>
@endsection
@section('content')

<div class="modal" tabindex="-1" role="dialog" id="content-modal">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Equipment Detail</h5>
                <button type="button" class="" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true"><i class="fa fa-times-circle" aria-hidden="true" style="color: crimson;"></i></span>
                </button>
            </div>
            <div class="modal-body">
                <form action="" id="allocate_form">

                    <table id="equipmentallocationdetails" class="equipmentallocationdetails table-striped table-hover">
                        <thead class="thead-dark">
                            <th>Sl. No</th>
                            <th>Identification Code</th>
                            <th>Equipment Category</th>
                            <th>Sub Category</th>
                            <th>Equipment Name</th>
                            <th>Serial No.</th>
                            <th>Model No.</th>
                            <th>Specification</th>
                            <th>Cost</th>
                            <th>Remarks</th>
                            <th>Department</th>
                            <th>Division</th>
                            <th>Regional/Field</th>
                        </thead>
                        <tbody id="equip-table">

                        </tbody>
                    </table>
                </form>
            </div>

            <div class="modal-footer">
                <button class="btn button" id="submit_allocated">
                    <i class="fa fa-plus"></i> Add
                </button>
            </div>

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

<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">Equipment Allocation Form</div>
                </div>
                <div class="ibox-body">
                    {{ Form::open(['url'=>route('allocation.store'), 'id'=>'equipment-form', 'onsubmit'=>'return validateForm()','files'=>'true'] )}}
                    <div class="form-group row">
                        <div class="col-3"></div>
                        {{ Form::label('allocation','Allocation Type: ',['class'=>'col-sm-2']) }}
                        <div class="col-sm-3">
                            {{ Form::select('allocation_type', ['agency'=>'Agency','agency'=>'Agency','custodian'=>'Custodian'], 'Agency',['class'=>'form-control form-control-sm','id'=>'allocation_id','required'=>true ] ) }}
                        </div>
                    </div>
                    <hr>
                 
                    <input type="hidden" value="{{$draft_data[0]->agency_type_id}}" name="agencytypedefauld" class="form-control form-control-sm" id="agencytypedefauld">
                    <input type="hidden" value="{{$draft_data[0]->agency_id}}" name="agencydefault" class="form-control form-control-sm" id="agencydefault">
                    <input type="hidden" value="{{$draft_data[0]->dept_dzo_id}}" name="departdefault" class="form-control form-control-sm" id="departdefault">
                    <input type="hidden" value="{{$draft_data[0]->division_id}}" name="divisiondefault" class="form-control form-control-sm" id="divisiondefault">
                    <input type="hidden" value="{{$draft_data[0]->field_regional_id}}" name="fielddefault" class="form-control form-control-sm" id="fielddefault">
                    <div id="agency_div">

                        @include('data_entry.section.uagency-hirerchy')
                        <input type="hidden" value="{{$allocation_code}}" name="allocation_code" class="form-control form-control-sm" id="allocation_code">
                    </div>

                    <div class="d-none" id="custodian">
                        <div class="container round2" style="text-align: center;">
                            <p><b>Select "Yes" if an employee is on Deputation/ Secondment/Temporary Transfer to your agency</b></p>
                            <div class="form-check-inline">
                                <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="form-check-inline">
                                <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="form-group row justify-content-end">
                            <button class="btn button" id="manualentry" type="button">
                                <i class="fa fa-edit"></i> Manual Entry
                            </button>
                        </div>
                        <div class="form-group row justify-content-end">
                            <span style="color:red;"> (Note:Manual Entry is only for the employee whose salary is not disbured from ePEMs)</span>
                        </div>

                        <div class="row">
                            <div class="col-3"></div>
                            <div class="col-6">
                                <div class="form-group row">
                                    <label for="" id="cidl" class="col-sm-4">CID : </label>
                                    <div class="col-sm-6">
                                        <input type="text" name="cid" placeholder="Enter CID" class="form-control form-control-sm" id="cid">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-5"></div>
                            <div class="col-6">
                                <div class="form-group row">
                                    <button class="btn button" id="fetch_detail_btn1" type="button">
                                        <i class="fa fa-search"></i> Fetch Employee Detail
                                    </button>
                                </div>
                            </div>
                        </div>

                        <div class="d-none" id="agency_divapifail">

                            <div class="row">
                                <div class="col-1"></div>
                                <div class="col-5">
                                    <div class="form-group row">
                                        <label for="" class="col-sm-4">Agency Type: </label>
                                        <div class="col-8">
                                            <select name="agency_type_idnoapi" id="agency_type_idnoapi" class="form-control form-control-sm">
                                                <option value="" disabled selected>--Select--</option>
                                                @if($atypethree)
                                                @foreach($atypethree as $value)
                                                <option value="{{ $value->id}}">{{ $value->agency_type }}</option>
                                                @endforeach
                                                @endif
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-5">
                                    <div class="form-group row">
                                        <label for="" class="col-sm-4">Agency: </label>
                                        <div class="col-8">
                                            <select name="agency_idnoapi" id="agency_idnoapi" class="form-control form-control-sm">
                                                <option value="" disabled 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">
                                        <label for="" class="col-sm-4">Department: </label>
                                        <div class="col-8">
                                            <select name="dept_dzo_idnoapi" id="dept_dzo_idnoapi" class="form-control form-control-sm">
                                                <option value="" disabled selected>--Select--</option>

                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-5">
                                    <div class="form-group row">
                                        <label for="" class="col-sm-4">Division: </label>
                                        <div class="col-8">
                                            <select name="division_idnoapi" id="division_idnoapi" class="form-control form-control-sm">
                                                <option value="" disabled 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">
                                        <label for="" class="col-sm-4">Field Regional: </label>
                                        <div class="col-8">
                                            <select name="field_regional_idnoapi" id="field_regional_idnoapi" class="form-control form-control-sm">
                                                <option value="" disabled selected>--Select--</option>

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


                        <div class="row d-none" id="apifails">
                            <div class="col-1"></div>
                            <div class="col-5">

                                <div class="form-group row">
                                    <label for="" class="col-sm-4">Employee Name <span class="required">*</span>: </label>
                                    <div class="col-sm-8">
                                        <input type="text" name="nameapifails" class="form-control form-control-sm" id="nameapifails">

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

                                <div class="form-group row">
                                    <label for="" class="col-sm-4">Employee ID<span class="required">*</span>: </label>
                                    <div class="col-sm-8">
                                        <input type="text" name="empidapifails" class="form-control form-control-sm" id="empidapifails">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row d-none" id="designationfails">
                            <div class="col-1"></div>
                            <div class="col-5">
                                <div class="form-group row">
                                    <label for="" class="col-sm-4">Designation<span class="required">*</span>:</label>
                                    <div class="col-sm-8">
                                        <input type="text" name="designationapifails" class="form-control form-control-sm" id="designationapifails">
                                        <input type="hidden" value="yy" name="ula" id="ula">
                                    </div>
                                </div>

                            </div>

                            <div class="col-5">
                                <div class="form-group row">
                                    <label for="" class="col-sm-4">CID<span class="required">*</span>:</label>
                                    <div class="col-sm-8">
                                        <input type="text" name="cid_id222" class="form-control form-control-sm" id="cid_id222">
                                    </div>
                                </div>

                            </div>
                        </div>


                    </div>


                    <div class="row d-none" id="nameapisucess">
                        <div class="col-1"></div>
                        <div class="col-5">

                            <div class="form-group row">
                                <label for="" class="col-sm-4 text-success">Employee Name<span class="required">*</span>: </label>
                                <div class="col-sm-8">
                                    <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 text-success">Employee ID: </label>
                                <div class="col-sm-8">
                                    <input type="text" name="empid" class="form-control form-control-sm" id="emp_id">
                                    <input type="hidden" name="cid_id2" class="form-control form-control-sm" id="cid_id2">
                                </div>
                            </div>
                        </div>
                    </div>


                    <div class="row d-none" id="designationsucess">
                        <div class="col-1"></div>
                        <div class="col-5">
                            <div class="form-group row">
                                <label for="" class="col-sm-4 text-success">Designation: </label>
                                <div class="col-sm-8">
                                    <input type="text" name="designation" class="form-control form-control-sm" id="designation">
                                    <input type="hidden" value="yy" name="ula" id="ula">
                                    <input type="hidden" value="no" name="noapi" id="noapi">
                                </div>
                            </div>

                        </div>

                        <div class="col-5 d-none" id="amt">

                            <div class="form-group row">
                                <label for="" class="col-sm-4 text-success">Agency Type: </label>
                                <div class="col-sm-8">
                                    <input type="text" name="cid_agency_type_id" class="form-control form-control-sm" id="cid_agency_type_id">
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="row d-none" id="amm">
                        <div class="col-1"></div>
                        <div class="col-5">
                            <div class="form-group row">
                                <label for="" class="col-sm-4 text-success">Ministry: </label>
                                <div class="col-sm-8">
                                    <input type="text" name="cid_agency_id" class="form-control form-control-sm" id="cid_agency_id">
                                </div>
                            </div>
                        </div>

                    </div>



                    <div class="row d-none" id="ammd">
                        <div class="col-1"></div>
                        <div class="col-5">
                            <div class="form-group row">
                                <label for="" class="col-sm-4">Department: </label>
                                <div class="col-sm-8">
                                    <select name="cid_dept_id2" id="cid_dept_id2" class="form-control form-control-sm">
                                        <option value="" selected>--Select--</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="col-5">


                        </div>
                    </div>

                    <div class="row d-none" id="amdf">
                        <div class="col-1"></div>
                        <div class="col-5">
                            <div class="form-group row">
                                <label for="" class="col-sm-4">Division: </label>
                                <div class="col-sm-8">
                                    <select name="cid_division_id" id="cid_division_id" class="form-control form-control-sm">
                                        <option value="" selected>--Select--</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="col-5">
                            <div class="form-group row">
                                <label for="" class="col-sm-4">Field Office: </label>
                                <div class="col-sm-8">
                                    <select name="cid_field_regional_id" id="cid_field_regional_id" class="form-control form-control-sm">
                                        <option value="" selected>--Select--</option>
                                    </select>
                                </div>
                            </div>

                        </div>
                    </div>
                    <hr>
                </div>

                <div class="d-none" id="agency_allocation_oagency">
                   
                <div class="container round3" style="text-align: center;">
                        <p><b>Select Current Agency</b></p>
                    </div>
                    <br>
                    <div class="row">
                        <div class="col-1"></div>
                        <div class="col-5">
                            <div class="form-group row">
                                <label for="" class="col-sm-4">Agency Type: </label>
                                <div class="col-8">
                                    <select name="agency_type_ida" id="agency_type_ida" class="form-control form-control-sm">
                                        <option value="" disabled selected>--Select--</option>
                                        @if($atypethree)
                                        @foreach($atypethree as $value)
                                        <option value="{{ $value->id}}">{{ $value->agency_type }}</option>
                                        @endforeach
                                        @endif
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="col-5">
                            <div class="form-group row">
                                <label for="" class="col-sm-4">Agency: </label>
                                <div class="col-8">
                                    <select name="agency_ida" id="agency_ida" class="form-control form-control-sm">
                                        <option value="" disabled 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">
                                <label for="" class="col-sm-4">Department: </label>
                                <div class="col-8">
                                    <select name="dept_dzo_ida" id="dept_dzo_ida" class="form-control form-control-sm">
                                        <option value="" disabled selected>--Select--</option>

                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="col-5">
                            <div class="form-group row">
                                <label for="" class="col-sm-4">Division: </label>
                                <div class="col-8">
                                    <select name="division_ida" id="division_ida" class="form-control form-control-sm">
                                        <option value="" disabled 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">
                                <label for="" class="col-sm-4">Field Regional: </label>
                                <div class="col-8">
                                    <select name="field_regional_ida" id="field_regional_ida" class="form-control form-control-sm">
                                        <option value="" disabled selected>--Select--</option>

                                    </select>
                                </div>
                            </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">Allocation Date <span class="required">*</span>: </label>
                            <div class="col-sm-8">
                                <input type="date" name="allocation_date" class="form-control form-control-sm" required placeholder="Enter purchase date" id="purchase_order_date">
                            </div>
                        </div>
                    </div>

                    <div class="col-5">
                        <div class="form-group row">
                            <label for="" class="col-sm-4">Allocation Letter No <span class="required">*</span>:</label>
                            <div class="col-sm-8">
                                <input type="text" name="allocation_letter_no" required class="form-control form-control-sm" id="allocation_letter_no">
                            </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">Remarks:</label>
                            <div class="col-sm-8">
                                <textarea name="remarks" id="remarks" rows="5" 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">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>

                <div id="agency_div1">
                    <div class="row">
                        <div class="col-1"></div>
                        <div class="col-5">
                            <div class="form-group row">
                                <label for="" class="col-sm-4">Location <span class="required">*</span>: </label>
                                <div class="col-sm-8">
                                    <select name="location_id" id="location_id" class="form-control form-control-sm">
                                        <option value="" selected disabled>--Select</option>
                                        @if($equiplocation)
                                        @foreach($equiplocation as $equiploc)
                                        <option value="{{ $equiploc->id }}">{{ $equiploc->location }}</option>
                                        @endforeach
                                        @endif
                                    </select>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <hr>
                <div class="form-group row">
                    <div class="offset-sm-11">
                        <button class="btn button" type="button" id="add_btn">
                            <i class="fa fa-plus"></i> Add
                        </button>
                    </div>
                </div>
                <hr>
                <div class="form-group row">
                    <table class="table">
                        <thead>
                            <th>Sl.No</th>
                            <th>Identification Code</th>
                            <th>Equipment Category</th>
                            <th>Sub Category</th>
                            <th>Equipment Name</th>
                            <th>Serial no</th>
                            <th>Model no</th>
                            <th>Specification</th>
                            <th>Cost</th>
                            <th>Action</th>
                        </thead>
                        <tbody id="demand_grid">

                        </tbody>
                    </table>
                </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-save"></i> Submit to Approver</button></div>
                            <div class="col-3"> <button class="btn  buttond btncancel" type="reset"><i class="fa fa-times"></i> Cancel </button></div>
                            <div class="col-3"></div>
                        </div>
                    </div>
                </div>
                {{ Form::close() }}

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

@endsection