@extends('layouts.approver')
@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>
    $('.registeredequipment').dataTable();
    $('.orgregisteredequipment').dataTable();

    $('.view-detail').click(function(e) {
        var transfer_code = $(this).data('id');
        $.ajax({
            url: "{{ route('get-transfer-detail')}}",
            type: "post",
            data: {
                _token: "{{ csrf_token() }}",
                transfer_code: transfer_code
            },
            success: function(response) {
                if (typeof(response) != 'object') {
                    response = JSON.parse(response);
                }
                if (response.data) {
                    var html_body = "";

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

                        if (value.fetch_transfer_detail.agency_id1 != null) {
                            html_body += "<td>" + value.fetch_transfer_detail.agency.agency_name + ",";
                        }
                        if (value.fetch_transfer_detail.dept_dzo_id1 != null) {
                            html_body += "<br>" + value.fetch_transfer_detail.dept_dzo.dept_dzo_name + ",";
                        }
                        if (value.fetch_transfer_detail.division_id1 != null) {
                            html_body += "<br>" + value.fetch_transfer_detail.division.division_name + ",";
                        }
                        if (value.fetch_transfer_detail.field_regional_id1 != null) {
                            html_body += "<br>" + value.fetch_transfer_detail.field_regional.field_regional_name + ",";
                        }
                       

                        html_body += "<td>" + value.fetch_transfer_detail.remarks + "</td>";


                        if (value.fetch_transfer_detail.file_path == null) {
                            html_body += "<td>No File</td>";

                        } else {
                            html_body += "<td><a href= ../../../uploads/equipment_transfer/" + value.fetch_transfer_detail.file_path + ">Download</a></td>";

                        }


                        html_body += "</tr>";
                    });
                    $('#equip-table').html(html_body);
                    $('.equipmentdetails').dataTable()
                }
                $('#content-modal').modal('show');
            }
        });
    });

    $('.view-detail1').click(function(e) {
        var transfer_code = $(this).data('id');
        $.ajax({
            url: "{{ route('get-transfer-detail')}}",
            type: "post",
            data: {
                _token: "{{ csrf_token() }}",
                transfer_code: transfer_code
            },
            success: function(response) {
                if (typeof(response) != 'object') {
                    response = JSON.parse(response);
                }
                if (response.data) {
                    var html_body = "";

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

                        if (value.fetch_transfer_detail.agency_id1 != null) {
                            html_body += "<td>" + value.fetch_transfer_detail.agencys.agency_name + ",";
                        }
                        if (value.fetch_transfer_detail.dept_dzo_id1 != null) {
                            html_body += "<br>" + value.fetch_transfer_detail.dept_dzos.dept_dzo_name + ",";
                        }
                        if (value.fetch_transfer_detail.division_id1 != null) {
                            html_body += "<br>" + value.fetch_transfer_detail.divisions.division_name + ",";
                        }
                        if (value.fetch_transfer_detail.field_regional_id1 != null) {
                            html_body += "<br>" + value.fetch_transfer_detail.field_regionals.field_regional_name + ",";
                        }
                       

                        html_body += "<td>" + value.fetch_transfer_detail.remarks + "</td>";


                        if (value.fetch_transfer_detail.file_path == null) {
                            html_body += "<td>No File</td>";

                        } else {
                            html_body += "<td><a href= ../../../uploads/equipment_transfer/" + value.fetch_transfer_detail.file_path + ">Download</a></td>";

                        }


                        html_body += "</tr>";
                    });
                    $('#equip-table1').html(html_body);
                    $('.equipmentdetails1').dataTable()
                }
                $('#content-modal1').modal('show');
            }
        });
    });


    $('.reject').click(function() {
        var application_code = $(this).data('application_code');

        Swal.fire({
            input: 'textarea',
            inputPlaceholder: 'Type your message here...',
            inputAttributes: {
                'aria-label': 'Type your message here'
            },
            showCancelButton: false
        }).then(function(data) {
            $.ajax({
                url: "{{ route('equipment-transfer-reject') }}",
                type: "post",
                data: {
                    _token: "{{ csrf_token() }}",
                    trans_code: application_code,
                    msg: data.value
                },
                success: function(response) {
                    if (typeof(response) != "object") {
                        response = JSON.parse(response);
                    }

                    if (response.status) {
                        Swal.fire('success', 'Transfer rejected successfully.', 'success').then(function() {
                            document.location.href = document.location.href;
                        });
                    } else {
                        Swal.fire('error', response.msg, 'error').then(function() {
                            document.location.href = document.location.href;
                        });
                    }
                }
            })
        });

    });
</script>
@endsection
@section('content')
<div class="modal" tabindex="-1" role="dialog" id="content-modal" width="100%">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Equipment Details</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">
                <table id="equipmentdetails" class="equipmentdetails 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>Cost</th>
                        <th>Transferred To</th>
                        <th>Remarks</th>
                        <th>Download</th>
                    </thead>
                    <tbody id="equip-table">

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

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

<div class="modal" tabindex="-1" role="dialog" id="content-modal1" width="100%">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Equipment Details</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">
                <table id="equipmentdetails1" class="equipmentdetails1 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>Cost</th>
                        <th>Transferred From</th>
                        <th>Remarks</th>
                        <th>Download</th>
                    </thead>
                    <tbody id="equip-table1">

                    </tbody>
                </table>
            </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">Accept Transferred Equipment</div>
                </div>
                <div class="ibox-body">
                    <table id="example" class="registeredequipment table-striped table-hover">
                        <thead class="thead-dark">
                            <tr>
                                <th>Transferred Code</th>
                                <th>Agency</th>
                                <th>Department</th>
                                <th>Division</th>
                                <th>Field/Regional</th>
                                <th>Created Date</th>
                                <th>Created By</th>
                                <th>Remarks</th>
                                <th>Status</th>
                                <th>Action</th>
                            </tr>
                        </thead>
                        <tbody>
                            @if($accepttransfer_data)
                            @foreach($accepttransfer_data as $accepttransfer_data)
                            <tr>
                                <td>
                                    <a href="javascript:;" data-id="{{ $accepttransfer_data->application_code}}" class="view-detail1">
                                        {{ $accepttransfer_data->application_code }}
                                    </a>
                                </td>
                                <td>{{ @$accepttransfer_data->agency['agency_name'] }}</td>
                                <td>{{ @$accepttransfer_data->dept_dzo['dept_dzo_name'] }}</td>
                                <td>{{ @$accepttransfer_data->division['division_name'] }}</td>
                                <td>{{ @$accepttransfer_data->field_regional['field_regional_name'] }}</td>
                                <td>{{ @$accepttransfer_data->created_at->format('Y-m-d') }}</td>
                                <td>{{ @$accepttransfer_data->created_by_info['name'] }}</td>
                                <td>{{ @$accepttransfer_data->remarks }}</td>

                                <td>
                                    <span class="badge-{{ $accepttransfer_data->status == 'pending' ? 'warning' : ''}}">{{ ucfirst($accepttransfer_data->status) }}</span>
                                </td>
                                <td>
                                    <div class="dropdown">
                                        <button type="button" class="btn button dropdown-toggle" data-toggle="dropdown">
                                            Action button &nbsp;<i class="fa fa-sort-down"></i>
                                        </button>
                                        <div class="dropdown-menu">
                                            <a class="dropdown-item" href="{{ route('acceptequipment-transfer-approval', $accepttransfer_data->application_code)}}">Approve &nbsp<i class="fa fa-check" style="color:Green" aria-hidden="true"></i></a>
                                            <a class="dropdown-item reject" href="javascript:;" data-application_code="{{ $accepttransfer_data->application_code }}">Reject &nbsp&nbsp&nbsp&nbsp&nbsp<i class="fa fa-times" style="color:red" aria-hidden="true"></i></a>

                                        </div>
                                    </div>
                                </td>
                            </tr>
                            @endforeach
                            @endif
                        </tbody>
                    </table>
                </div>
            </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">Pending Transferred Equipment</div>
                </div>
                <div class="ibox-body">
                    <table id="example" class="orgregisteredequipment table-striped table-hover">
                        <thead class="thead-dark">
                            <tr>
                                <th>Transferred Code</th>
                                <th>Agency</th>
                                <th>Department</th>
                                <th>Division</th>
                                <th>Field/Regional</th>
                                <th>Created Date</th>
                                <th>Created By</th>
                                <th>Remarks</th>
                                <th>Status</th>
                                <th>Action</th>
                            </tr>
                        </thead>
                        <tbody>
                            @if($transfer_data)
                            @foreach($transfer_data as $equip_data)
                            <tr>
                                <td>
                                    <a href="javascript:;" data-id="{{ $equip_data->application_code}}" class="view-detail">
                                        {{ $equip_data->application_code }}
                                    </a>
                                </td>
                                <td>{{ @$equip_data->agency['agency_name'] }}</td>
                                <td>{{ @$equip_data->dept_dzo['dept_dzo_name'] }}</td>
                                <td>{{ @$equip_data->division['division_name'] }}</td>
                                <td>{{ @$equip_data->field_regional['field_regional_name'] }}</td>
                                <td>{{ @$equip_data->created_at->format('Y-m-d') }}</td>
                                <td>{{ @$equip_data->created_by_info['name'] }}</td>
                                <td>{{ @$equip_data->remarks }}</td>

                                <td>
                                    <span class="badge-{{ $equip_data->status == 'pending' ? 'warning' : ''}}">{{ ucfirst($equip_data->status) }}</span>
                                </td>
                                <td>
                                    <div class="dropdown">
                                        <button type="button" class="btn button dropdown-toggle" data-toggle="dropdown">
                                            Action button &nbsp;<i class="fa fa-sort-down"></i>
                                        </button>
                                        <div class="dropdown-menu">
                                            <a class="dropdown-item" href="{{ route('equipment-transfer-approval', $equip_data->application_code)}}">Approve &nbsp<i class="fa fa-check" style="color:Green" aria-hidden="true"></i></a>
                                            <a class="dropdown-item reject" href="javascript:;" data-application_code="{{ $equip_data->application_code }}">Reject &nbsp&nbsp&nbsp&nbsp&nbsp<i class="fa fa-times" style="color:red" aria-hidden="true"></i></a>

                                        </div>
                                    </div>
                                </td>
                            </tr>
                            @endforeach
                            @endif
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

    </div>

</div>
@endsection