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

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

<script>

    resetCustodian();

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

        if (allocation_data == 'agency') {

            $('#agency_div').removeClass('d-none');
            $('#custodian').addClass('d-none');
            resetCustodian();
        } else {
            resetAgency();
            setCustodian();
            $('#agency_div').addClass('d-none');
            $('#custodian').removeClass('d-none');
        }
    });

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

    function setCustodian() {
        $('#cid').attr('required', 'required');
        $('#emp_id').attr('required', 'required');
        $('#designation').attr('required', 'required');
        $('#cid_agency_id').attr('required', 'required');
        $('#cid_dept_dzo_id').attr('required', 'required');
        $('#name').attr('required', 'required');
        $('#cid_agency_type_id').attr('required', 'required');
        // $('#cid_division_id').attr('required','required');
        // $('#cid_field_regional_id').attr('required','required');

    }

    function resetCustodian() {
        $('#cid').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');
        $('#cid_dept_dzo_id').removeAttr('required', 'required');
        $('#name').removeAttr('required', 'required');

        // $('#cid_division_id').removeAttr('required','required');
        // $('#cid_field_regional_id').removeAttr('required','required');
    }

    var cid_id = null;
    // click event for fetch button
    $('#fetch_detail_btn').click(function(e) {
        e.preventDefault(); // do not submit form

        cid_id = $('#cid').val();
        if (cid_id) {
            $.ajax({
                url: "{{ env('ALLOCATION_USER_END_POINT') }}", // the end point from where you will fetch User Data
                type: "get",
                header: {
                    "Authorization": "Bearer {{ env('ALLOCATION_EMP_TOKEN')}}"
                },
                data: {

                    cid: cid_id
                    // employeeType: ""
                },
                success: function(response) {
                    if (typeof(response) != "object") {

                        response = JSON.parse(response);

                    }

                    if (response.employees) {
                        if (response.employees.employee) {
                            $('#name').val(response.employees.employee[0].firstName + " " + response.employees.employee[0].middleName + " " + response.employees.employee[0].lastName)
                            $('#emp_id').val(response.employees.employee[0].employeeNumber);
                            $('#designation').val(response.employees.employee[0].positionTitle);

                            $('#cid_agency_type_id').val(response.employees.employee[0].agencytype);
                            $('#cid_agency_type_id').attr('readonly', 'readonly');

                            $('#cid_agency_id').val(response.employees.employee[0].parentAgency);
                            $('#cid_agency_id').attr('readonly', 'readonly');

                            $('#cid_dept_dzo_id').val(response.employees.employee[0].workingAgency);
                            $('#cid_dept_dzo_id').attr('readonly', 'readonly');

                            getDivisionSelect(response.employees.employee[0].parentAgency, response.employees.employee[0].workingAgency);
                        }
                    } else {
                        alert('Employee does not exists.');
                    }
                }
            });
        } else {
            alert('CID Could not be empty.');
        }

    });

    function getDivisionSelect(agency_title, dept_title) {
        $.ajax({
            url: "{{ route('get-division-mapping') }}",
            type: "post",
            data: {
                _token: "{{ csrf_token() }}",
                dept_name: dept_title,
                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.division_name + "</option>";
                    });
                } else {
                    alert('You are not allowed to allocate to this department.');
                }
                $('#cid_division_id').html(html_div);

            }
        });
    }

    $('#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) {
                    console.log('here');

                    // division exists
                    $.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 eid = $('#emp_id').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 + "][cid]' value='" + cid_id + "'>";
                        tbody_html += "<input type='hidden' name='equip[" + key + "][eid]' value='" + eid + "'>";
                        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 += "</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 += "</tr>";
                    });
                    $('#equip-table').html(tbody_html);
                    $('#content-modal').modal('show');
                } else {
                    Swal.fire('error!', response.msg, 'error').then(function() {
                        document.location.href = document.location.href;
                    });
                }
            }
        });
    });
    $('#submit_allocate').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 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(){
       
           
       document.location.href= document.location.href; 
                         
          });

</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="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <form action="" id="allocate_form">
                <table class="weret table-striped table-hover">
                        <thead class="thead-dark">
                            <th>Sl. No</th>
                            <th>Identification Code</th>
                            <th>Category</th>
                            <th>Sub Category</th>
                            <th>Equipment Name</th>
                            <th>Serial No.</th>
                            <th>Model No.</th>
                            <th>Specification</th>
                            <th>Cost</th>
                        </thead>
                        <tbody id="equip-table">

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

            <div class="modal-footer">
                <button class="btn btn-sm btn-success" id="submit_allocate">
                    <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 Reprocess Form</div>

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

                    {{ Form::open(['url'=>route('allocation.store'), 'id'=>'equipment-form', 'files'=>'true'] )}}
                    <div class="form-group row">
                        {{ Form::label('allocation','allocation Type: ',['class'=>'col-sm-3']) }}
                        <div class="col-sm-5">
                            {{ Form::select('allocation_type', ['agency'=>'Agency','custodian'=>'Custodian'], 'Agency',['class'=>'form-control form-control-sm','id'=>'allocation_id','required'=>true ] ) }}
                        </div>
                    </div>


                    <div id="agency_div">
                        <hr>
                        @include('data_entry.section.uagency-hirerchy')
                    </div>


                    <div class="d-none" id="custodian">
                        <div class="row">
                            <div class="col-6">

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

                                    <button class="btn btn-success" id="fetch_detail_btn" type="button">
                                        <i class="fa fa-paper-plane"></i> Fetch Employee Detail
                                    </button>
                                </div>

                            </div>
                        </div>
                        <hr>


                        <div class="row">
                            <div class="col-12">

                                <div class="form-group row">
                                    <label for="" class="col-sm-3">Employee Name: </label>
                                    <div class="col-sm-9">
                                        <input type="text" name="name" class="form-control form-control-sm" id="name">
                                    </div>
                                </div>
                            </div>
                        </div>


                        <div class="row">
                            <div class="col-6">

                                <div class="form-group row">
                                    <label for="" class="col-sm-3">Employee ID: </label>
                                    <div class="col-sm-9">
                                        <input type="text" name="empid" required class="form-control form-control-sm" id="emp_id">
                                    </div>
                                </div>
                            </div>
                            <div class="col-6">
                                <div class="form-group row">
                                    <label for="" class="col-sm-3">Designation </label>
                                    <div class="col-sm-9">
                                        <input type="text" name="designation" class="form-control form-control-sm" required placeholder="Enter Requisition Date" id="designation">
                                    </div>
                                </div>

                            </div>
                        </div>


                        <div class="row">
                            <div class="col-6">

                                <div class="form-group row">
                                    <label for="" class="col-sm-3">Type: </label>
                                    <div class="col-sm-9">
                                        <input type="text" name="cid_agency_type_id" required class="form-control form-control-sm" id="cid_agency_type_id">
                                    </div>
                                </div>
                            </div>
                            <div class="col-6">

                                <div class="form-group row">
                                    <label for="" class="col-sm-3">Ministry: </label>
                                    <div class="col-sm-9">
                                        <input type="text" name="cid_agency_id" required class="form-control form-control-sm" id="cid_agency_id">
                                    </div>
                                </div>
                            </div>
                            <div class="col-6">
                                <div class="form-group row">
                                    <label for="" class="col-sm-3">Department </label>
                                    <div class="col-sm-9">
                                        <input type="text" name="cid_dept_dzo_id" class="form-control form-control-sm" required placeholder="Enter Department Id" id="cid_dept_dzo_id">
                                    </div>
                                </div>

                            </div>
                        </div>

                        <div class="row">
                            <div class="col-6">

                                <div class="form-group row">
                                    <label for="" class="col-sm-3">Division: </label>
                                    <div class="col-sm-9">
                                        <select name="cid_division_id" id="cid_division_id" class="form-control form-control-sm">
                                            <option value="" selected>--Select Any One--</option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="col-6">
                                <div class="form-group row">
                                    <label for="" class="col-sm-3">Field Office </label>
                                    <div class="col-sm-9">
                                        <select name="cid_field_regional_id" id="cid_field_regional_id" class="form-control form-control-sm">
                                            <option value="" selected>--Select Any One--</option>
                                        </select>
                                    </div>
                                </div>

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


                    <div class="row">

                        <div class="col-6">
                            <div class="form-group row">
                                <label for="" class="col-sm-3">Allocation Date: </label>
                                <div class="col-sm-9">
                                    <input type="date" name="allocation_date" value="{{ @$draft_data[0]->allocation_date }}" class="form-control form-control-sm" required  id="purchase_order_date">
                                </div>
                            </div>
                        </div>

                        <div class="col-6">
                            <div class="form-group row">
                                <label for="" class="col-sm-3">Allocation Letter No</label>
                                <div class="col-sm-9">
                                    <input type="text" name="allocation_letter_no" value="{{ @$draft_data[0]->allocation_letter_no }}" class="form-control form-control-sm" id="allocation_letter_no">
                                </div>
                            </div>

                        </div>
                    </div>

                    <div class="row">
                        <div class="col-6">
                            <div class="form-group row">
                                <label for="" class="col-sm-12">Remarks:</label>
                                <div class="col-sm-12">
                                    <textarea name="remarks" id="remarks" rows="5" style="resize: none;" class="form-control">{{ @$draft_data[0]->remarks }}</textarea>
                                </div>
                            </div>
                        </div>
                        <div class="col-6">
                            <div class="row">
                                <div class="col-12">
                                    <div class="form-group row">
                                        <label for="" class="col-sm-3 text-right">Location: </label>
                                        <div class="col-sm-9">
                                            <select name="location" id="location" class="form-control form-control-sm">
                                                <option value="" selected disabled>--Select Any One--</option>
                                                @if($equiplocation)
                                                @foreach($equiplocation as $equiploc)
                                                
                                                <option value="{{ $equiploc->id }}" {{ @$draft_data[0]->location == $equiploc->id ? 'selected' : ''}}>{{ $equiploc->elocation }}</option>
                                                @endforeach
                                                @endif
                                            </select>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-12">
                                    <div class="form-group row">
                                        <label for="" class="col-sm-3 text-right">File Upload: </label>
                                        <div class="col-sm-9">
                                            <input type="file" name="file_path">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                    <hr>


                    <div class="form-group row">
                        <div class="offset-sm-11">
                            <button class="btn btn-primary" 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</th>
                                <th>Category</th>
                                <th>Sub Category</th>
                                <th>Equipment Name</th>
                                <th>Serial no</th>
                                <th>Specification</th>
                                <th>Action</th>
                            </thead>
                            <tbody id="demand_grid">
                            @if($allocationasset)
                                    @foreach($allocationasset as $key => $draft_value)
                                        <tr>
                                            <td>{{ $key+1}}</td>
                                            <td>
                                                <input type='hidden' name='equip_grid[{{ $key }}][identification_code]' value='{{ $draft_value->asset_category_id}}'/>
                                                <input value="{{ $draft_value->identification_code }}" class='form-control-plaintext' />
                                            </td>
                                            <td>
                                                <input type='hidden' name='equip_grid[{{ $key }}][asset_category_id]' value='{{ $draft_value->asset_category_id}}'/>
                                                <input value="{{ $draft_value->asset_category['asset_category_name'] }}" class='form-control-plaintext' />
                                            </td>
                                            <td>
                                                <input type='hidden' name='equip_grid[{{ $key }}][asset_sub_category_id]' value='{{ $draft_value->asset_sub_category_id}}'/>
                                                <input value="{{ $draft_value->asset_sub_category['asset_sub_category_name'] }}" class='form-control-plaintext' />
                                            </td>
                                            <td>
                                                <input type='hidden' name='equip_grid[{{ $key }}][asset_name_id]' value='{{ $draft_value->asset_name_id}}'/>
                                                <input value="{{ $draft_value->asset_name['asset_name'] }}" class='form-control-plaintext' />
                                            </td>
                                            <td>
                                                <input type='hidden' name='equip_grid[{{ $key }}][serial_number]' value='{{ $draft_value->serial_number}}'/>
                                                <input value="{{ $draft_value->serial_number }}" class='form-control-plaintext' />
                                            </td>
                                            <td>
                                                <input type='hidden' name='equip_grid[{{ $key }}][specification]' value='{{ $draft_value->specification}}'/>
                                                <input value="{{ $draft_value->specification }}" class='form-control-plaintext' />
                                            </td>
                                            <td>
                                                <input type='hidden' name='equip_grid[{{ $key }}][manufacturer_id]' value='{{ $draft_value->manufacturer_id}}'/>
                                                
                                            </td>

                                            
                                            <td>
                                                <input type='hidden' name='equip_grid[{{ $key }}][cost]' value='{{ $draft_value->cost}}'/>
                                                
                                            </td>
                                            <td><a href='javascript:;' onclick='deleteRow(this);'>Delete</a></td>
                                            <input type='hidden' name='allocation_code' value='{{ $allocation_code }}'>

                                            <input type='hidden' name='equip_grid[{{ $key }}][model_no]' value='{{ $draft_value->model_no }}'>
                                            <input type='hidden' name="equip_grid[{{ $key}}][condition_id]" value = '{{ $draft_value->condition_id }}'>
                                            <input type="hidden" name="equip_grid[{{ $key }}][id]" value="{{ $draft_value->id }}">
                                        </tr>
                                    @endforeach
                                @endif
                            </tbody>
                        </table>
                    </div>

                    <hr>
                    <div class="form-group row">
                        <div class="col-sm-12">
                            <button class="btn btn-success" type="submit">
                                <i class="fa fa-paper-plane"></i> Re-Submit to Approver
                            </button>
                            <button class="btn btn-danger" type="reset" id="cancel">
                                <i class="fa fa-trash"></i> Cancel
                            </button>

                        </div>
                    </div>

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

    </div>

</div>
@endsection