@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 src="{{ asset('js/jquery.dataTables.min.js') }}"></script>
<script src="{{ asset('js/jquery.dataTables.min.js') }}"></script>
<script>
    $('.pendingequipment').dataTable();


    $('.view-detail').click(function(e) {
        var application_code = $(this).data('id');

        $.ajax({
            url: "{{ route('get-rejectedequipmenttransfer-detail')}}",
            type: "post",
            data: {
                _token: "{{ csrf_token() }}",
                appli_code: application_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_name.asset_name + "</td>";

                        html_body += "</tr>";
                    });
                    $('#equip-table').html(html_body);
                    $('#vechicledetails').dataTable();
                }
                $('#content-modal').modal('show');
            }
        });
    });
</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">Vehicle 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">
                <table id="vechicledetails" class="vechicledetails table-striped table-hover">
                    <thead class="thead-dark">
                        <th>Sl.No.</th>
                        <th>Identification Code</th>
                        <th>Vehicle Type</th>
                        <th>Registration No.</th>
                        <th>Vehicle Name</th>
                        <th>Cost</th>
                        <th>Download</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"> Transfer Request Status</div>
                    <a href="{{ route('vehicletransfer.create') }}" class="button">
                        <i class="fa fa-plus"></i> Add Vehicle Transfer
                    </a>
                </div>
                <div class="ibox-body">
                    <table id="example" class="pendingequipment table-striped table-hover">

                        <thead class="thead-dark">
                            <tr>
                                <th>Application Code</th>
                                <th>Created By</th>
                                <th>Transfer to</th>
                                <th>Transfer Date</th>
                                <th>Status</th>

                                <th>Approver Remarks</th>
                                <th>Action</th>
                            </tr>
                        </thead>
                        <tbody>
                            @if($rejectedin_data)
                            @foreach($rejectedin_data as $equip_pendings)
                            @php
                            $s="";
                            @endphp
                            @if($equip_pendings->status=='unverified')

                            @php
                            $s="Rejected Approver";
                            @endphp

                            @elseif($equip_pendings->status=='pending')

                            @php
                            $s="Pending at your approver";
                            @endphp

                            @elseif($equip_pendings->status=='verified')

                            @php
                            $s="Pending at Receiver";
                            @endphp

                            @elseif($equip_pendings->status=='accepted')

                            @php
                            $s="Transfered sucessfully";
                            @endphp

                            @endif


                            <tr>
                                <td>
                                    
                                        {{ @$equip_pendings->application_code }}

                                </td>

                                <td>{{ @$equip_pendings->created_by_info['name'] }}</td>

                                <td>{{ @$equip_pendings->agency['agency_name'] }} ,
                                    {{ @$equip_pendings->dept_dzo['dept_dzo_name'] }}
                                    {{ @$equip_pendings->division['division_name'] }}</td>
                                <td>{{ @$equip_pendings->transfer_date }}</td>
                                <td>{{ @$s}}</td>

                                <td>{{ @$equip_pendings->approver_remarks }}</td>


                                <td>

                                    <a href="javascript:;" data-application_code="{{ $equip_pendings->application_code }}" class="btn btn-sm btn-danger ataken">
                                        Delete</i>
                                    </a>

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

    </div>

</div>
@endsection