@extends('layouts.data-entry')
@section('title','GIMS')
@section('script')
<script src="{{ asset('js/jquery.sweetalert2.min.js') }}"></script>
<script>
    $('.view-detail').click(function(e) {
        var allocation_code = $(this).data('id');
       
        $.ajax({
            url: "{{ route('get-rejectedallocation-detail')}}",
            type: "post",
            data: {
                _token: "{{ csrf_token() }}",
                alloc_code: allocation_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.specification+"</td>";
                        html_body += "<td>"+value.remarks+"</td>";
                        html_body += "<td>"+value.cost+"</td>";

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

    $('.ataken').click(function(){
        var allocation_code = $(this).data('allocation_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-allocation-reject_actiontaken') }}",
                type: "post",
                data: {
                    _token: "{{ csrf_token() }}",
                    alloc_code: allocation_code,
                    msg: data.value
                }, 
                success: function(response){
                    if(typeof(response) != "object"){
                        response = JSON.parse(response);
                    }

                    if(response.status){
                        Swal.fire('success','Action 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">
    <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">
                <table class="table table-hover table-bordered">
                    <thead class="thead-dark">
                        <th>S.N</th>
                        <th>Identification Code</th>
                        <th>Category</th>
                        <th>Sub Category</th>
                        <th>Name</th>
                        <th>Specification</th>
                        <th>Remarks</th>
                        <th>Cost</th>
                    </thead>
                    <tbody id="equip-table">

                    </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">Rejected Equipments Inspection</div>
                </div>
                <div class="ibox-body">
                    <table class="table table-striped table-hover">
                        <thead class="thead-dark">
                            <tr>
                                <th>Allocation Code</th>
                                <th>Created By</th>
                                <th>Created Date</th>
                                <th>Status</th>
                                <th>Approver Remarks</th>
                                <th>Action</th>
                            </tr>
                        </thead>
                        <tbody>
                            @if($allocation_data)
                            @foreach($allocation_data as $equip_data)
                            <tr>
                                <td>
                                    <a href="javascript:;" data-id="{{ $equip_data->allocation_code}}" class="view-detail">
                                        {{ $equip_data->allocation_code }}
                                    </a>
                                </td>
                                <td>{{ $equip_data->created_by_info['name'] }}</td>
                                <td>{{ $equip_data->created_at->format('Y-m-d') }}</td>
                                <td>{{ $equip_data->status}}</td>
                                <td>{{ $equip_data->approver_remarks }}</td>
                                <td>
                                    <a href="javascript:;" data-allocation_code="{{ $equip_data->allocation_code }}" class="btn btn-sm btn-danger ataken">
                                        Action Taken</i>
                                    </a>
                                </td>
                            </tr>
                            @endforeach
                            @endif
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

    </div>

</div>
@endsection