@extends('layouts.approver')
@section('title','GIMS')
@section('styles')
<link rel="stylesheet" href="{{ asset('css/jquery.dataTables.min.css')}}">
<link rel="stylesheet" href="{{ asset('css/buttons.dataTables.min.css')}}">
<style>
    .button {
        background-color: #3077bb;
        border: none;
        color: white;
        padding: 5px 50px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        margin: 10px 8px;
        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;
    }

    hr {
        display: block;
        margin-top: 0.5em;
        margin-bottom: 0.5em;
        margin-left: auto;
        margin-right: auto;
        border-style: inset;
        border-width: 1px;
        border-color: #80d8ff;
    }
</style>
@endsection
@section('script')
<script src="{{ asset('js/jquery.dataTables.min.js') }}"></script>
<script src="{{ asset('js/dataTables.buttons.min.js') }}"></script>
<script src="{{ asset('js/pdfmake.min.js') }}"></script>
<script src="{{ asset('js/vfs_fonts.js') }}"></script>
<script src="{{ asset('js/buttons.html5.min.js') }}"></script>
<script src="{{ asset('js/buttons.print.min.js') }}"></script>

<script>
    $('.registeredequipmentreport').dataTable();
</script>
@endsection
@section('content')
<div class="page-content fade-in-up">

    <div class="row">
        <div class="col-lg-12">
            <div class="ibox">
                <div">
                    <div class="d-flex justify-content-between bg-info align-items-center">
                        <div class="p-0 ">
                            <h4>&nbsp&nbspRegistered Equipment Report</h4>
                        </div>
                        <div class="p-0 "></div>
                        
                    </div>
            </div>
            <div class="ibox-body">
                <table id="registeredequipmentreport" class="registeredequipmentreport table-striped table-hover">
                    <thead class="thead-dark">
                        <tr>
                            <th>assetname</th>
                            <th>current count</th>
                            <th>allocated</th>
                            <th>transfered</th>
                           
                        </tr>
                    </thead>
                    <tbody>
                        @if($asset_data)
                        @foreach($asset_data as $title => $count)
                       
                        <tr>
                        
                            <td>
                                {{ @$title }}
                                @if(count($count['data']) > 0)
                                @foreach($count['data'] as $id_no)
                                    {{ $id_no.", "}}
                                @endforeach
                                @endif
                            </td>
                            <td>{{ @$count['total'] }}</td>
                            <td>{{ @$count['unallocated'] }}</td>
                            

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

</div>
</div>
@endsection