@extends('layouts.data-entry')
@section('title','GIMS')
@section('styles')
<link rel="stylesheet" href="{{ asset('css/jquery.dataTables.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;
    }
</style>
@endsection
@section('script')
<script>
    $('#transfer_id').change(function() {
        let allocation_data = $(this).val();
        if (allocation_data == 'within') {
            document.location.href = "{{ route('edit-pendingtransfer',$transfer_code) }}?alloc=within";
        } else {
            document.location.href = "{{ route('edit-pendingtransfer',$transfer_code) }}?alloc=outside";
        }
    });


    var transfer_code = "{{ $transfer_code }}";

    $('#add_btn').click(function() {
        var eid = $('#emp_id').val();
        $.ajax({
            url: "{{ route('get-transfer-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='transfer_code' value='" + transfer_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 + "][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 + "][specification]' value='" + value.specification + "'>";
                        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_transfer').click(function() {
        var form_data = new FormData($('#transfer_form')[0]);

        $.ajax({
            url: "{{ route('save-transfer') }}",
            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) {
            dynamic_name = "equip_grid[" + (key + 1) + "]";
            html_table += '<tr>';
            html_table += "<td>" + (key + 1) + "</td>";
            html_table += "<td>" + value.identification_code + "</td>";
            html_table += "<td><input type='hidden' name='" + dynamic_name + "' value='" + value.identification_code + "'/>";
            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='transfer_code' value = '" + transfer_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="transfer_form">
                    <table class="table table-hover table-bordered">
                        <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_transfer">
                    <i class="fa fa-plus"></i> Addss
                </button>
            </div>

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


<div class="row">
    <div class="col-lg-12">
        <div class="ibox">
            <div class="ibox-head">
                <div class="ibox-title">Equipment Transfer Resubmit Form</div>

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

                {{ Form::open(['url'=>route('transfer.store'), 'id'=>'equipment-form', 'files'=>'true'] )}}
                <div class="form-group row">
                    <div class="col-3"></div>
                    {{ Form::label('transfer','Transfer Type: ',['class'=>'col-sm-3']) }}
                    <div class="col-sm-3">
                        <select name="transfer_id" id="transfer_id" required class="form-control form-control-sm">
                            @if($ttype)
                            @foreach($ttype as $value)
                            <option value="{{ $value->ttype }}" {{ isset($draft_data, $draft_data[0]->transfer_type) && $draft_data[0]->transfer_type == $value->ttype ? 'selected' : ''}}>{{ $value->transferdesc}}</option>
                            @endforeach
                            @endif
                        </select>
                    </div>
                </div>

                <div>
                    @if(isset($_GET['alloc']) && $_GET['alloc'] == 'outside')

                    @include('data_entry.section.uagency-hirerchythree')
                    @else
                    @include('data_entry.section.uagency-hirerchytwo')

                    @endif

                </div>

                <div class="form-group row">

                    <div class="col-sm-9">
                        <script>
                            //   function getSelectedVal(){
                            //         var vVal=document.getElementById("transfer_id").value;
                            //   }
                        </script>
                    </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">Transfer order No.: </label>
                            <div class="col-sm-8">
                                <input type="text" name="transfer_order_no" value="{{ @$draft_data[0]->transfer_order_no }}" class="form-control form-control-sm" required id="transfer_order_no_id">
                            </div>
                        </div>
                    </div>
                    <div class="col-5">
                        <div class="form-group row">
                            <label for="" class="col-sm-4">Transfer Date: </label>
                            <div class="col-sm-8">
                                <input type="date" name="transfer_date" value="{{ @$draft_data[0]->transfer_date }}" class="form-control form-control-sm" required id="transfer_date_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">Remarks:</label>
                            <div class="col-sm-8">
                                <textarea name="remarks" id="remarks" rows="5" style="resize: none;" class="form-control">{{ @$draft_data[0]->remarks }}</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">
                            </div>
                        </div>

                    </div>
                </div>

                <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</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->identification_code}}' />
                                    <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>

                                <input type='hidden' name='equip_grid[{{ $key }}][manufacturer_id]' value='{{ $draft_value->manufacturer_id}}' />


                                <input type='hidden' name='equip_grid[{{ $key }}][cost]' value='{{ $draft_value->cost}}' />


                                <td><a href='javascript:;' onclick='deleteRow(this);'>Delete</a></td>
                                <input type='hidden' name='transfer_code' value='{{ $transfer_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">
                        <div class="row">
                            <div class="col-3"></div>
                            <div class="col-3"> <button class="btn button" type="submit"><i class="fa fa-save"></i> Submit to Approver</button></div>
                            <div class="col-3"> <button class="btn  buttond " 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>

</div>
@endsection