@extends('layouts.admin')
@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')}}">

@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>
<style>
    .button {
        background-color: #2C5F2D;
        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: #97BC62FF;
    }

    .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>
<script>
   
</script>
<script src="{{ asset('js/jquery.sweetalert2.min.js') }}"></script>
<script>
    $('.registeredassetcategory').dataTable();
   
    $(document).on('click', '.delete', function(){
        var ids = $(this).data('ids');

            $.ajax({
                url: "{{ route('assetcategory-delete') }}",
                type: "post",
                data: {
                    _token: "{{ csrf_token() }}",
                    appli_code: ids
                   
                }, 
                success: function(response){
                    if(typeof(response) != "object"){
                        response = JSON.parse(response);
                    }

                    if(response.status){
                        Swal.fire('success','Deleted 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="page-content fade-in-up">
    <div class="row">
        <div class="col-lg-12">
            <div class="ibox">
                <div class="ibox-head">
                    <div class="ibox-title">Registered Asset Category</div>
                    <a href="{{ route('assetcategory.create') }}" class="btn button">
                        <i class="fa fa-plus"></i> Add Asset Category
                    </a>
                </div>
                <div class="ibox-body">
                    <table id="example" class="registeredassetcategory table-striped table-hover">
                        <thead class="thead-dark">
                            <tr>
                                <th>Sl.No</th>
                                <th>Asset Type</th>
                                <th>Asset Category</th>
                                <th>Depreciation Rate</th>
                                <th>Action</th>
                            </tr>
                        </thead>
                        <tbody>
                            @if($assetcategory_data)
                            @foreach($assetcategory_data as $key => $assetcategory_detail)
                            <tr>
                                <td>{{ $assetcategory_detail->id }}</td>
                                <td>{{ $assetcategory_detail->asset_type['asset_type']}}</td>
                                <td>{{ $assetcategory_detail->asset_category_name }}</td>
                                <td>{{ $assetcategory_detail->deprate }}</td>
                                <td>
                                    <div class="dropdown">
                                        <button type="button" class="btn 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('assetcategory.edit', $assetcategory_detail->id) }}">Edit &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<i class="fa fa-edit" style="color:Green" aria-hidden="true"></i></a>
                                            <a class="dropdown-item delete"  href="javascript:;" data-ids="{{ $assetcategory_detail->id }}">Delete &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<i class="fa fa-trash" style="color:red" aria-hidden="true"></i></a>
                                        </div>
                                    </div>
                                </td>
                            </tr>
                            @endforeach
                            @endif
                        </tbody>
                    </table>

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

    </div>

</div>
@endsection