@extends('layout.main')
@section('title', 'Daftar Kategori Aset')

@section('prev-page')
    <a href="{{ route('dashboard') }}" class="text-default">
        <i class="icon-arrow-left52 position-left"></i><span class="text-semibold">Home</span>
    </a>
@endsection

@section('content')
    <div class="panel panel-flat">
        <div class="panel-heading">
            <h6 class="panel-title">Daftar Kategori Aset</h6>
        </div>
        <div class="panel-body">
            <div class="col-lg-12">
                <form action="{{ route('admin.asset.category') }}" method="GET" class="form-horizontal">
                    @csrf
                    <div class="col-lg-4 col-xs-10 form-group">
                        <input type="text" name="name" id="name" value="@if (!empty($input->name)) {{ $input->name }} @endif" placeholder="Kata Kunci" class="form-control" />
                    </div>
                    <div class="col-lg-2 col-xs-2"><input type="submit" class="btn btn-default" value="Cari" /></div>
                </form>
            </div>
            <div class="col-lg-12 table-responsive">
                <table id="userTable" class="table table-togglable table-hover table-xxs text-size-small">
                    <thead>
                        <tr>
                            <th data-toggle="true">Kategori</th>
                            <th data-toggle="true" class="col-md-1"></th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($categories as $category)
                            <tr>
                                <td>{{ $category->name }}</td>
                                <td>
                                    <ul class="icons-list text-nowrap">
                                        <li class="dropdown">
                                            <a class="dropdown-toggle" data-toggle="dropdown"><i class="icon-menu9"></i></a>
                                            <ul class="dropdown-menu dropdown-menu-right">
                                                <li>
                                                    <a href="{{ route('admin.asset.category.update', $category->id) }}" data-toggle="modal" data-target="#modal-remote">
                                                        Rubah
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="{{ route('admin.asset.category.remove', $category->id) }}" onclick="return showMe(this, '{{ $category->name }}');">
                                                        Hapus
                                                    </a>
                                                </li>
                                            </ul>
                                        </li>
                                    </ul>
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="2" class="text-center">Belum ada data.</td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>
        @if (!empty($metadata->links))
            <div class="panel-footer text-center">
                {!! $metadata->links !!}
            </div>
        @endif
    </div>
@endsection

@section('other-scripts')
    <script type="text/javascript" src="{{ asset('assets/js/plugins/forms/styling/uniform.min.js') }}"></script>
    <script type="text/javascript" src="{{ asset('assets/js/core/app.js') }}"></script>
    <script type="text/javascript" src="{{ asset('assets/js/plugins/tables/footable/footable.min.js') }}"></script>
    <script type="text/javascript" src="{{ asset('assets/js/pages/table_responsive.js') }}"></script>

    <script>
        function showMe(element, message) {
            var ele = $(element);
            swal({
                title: "Apakah anda yakin akan menghapus kategori " + message + "?",
                type: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: 'Ya!',
                cancelButtonText: 'Tidak',
                closeOnConfirm: true,
                closeOnCancel: true
            }, function(isConfirm) {
                if (isConfirm) location.href = ele.attr('href');
            });
            return false;
        };
    </script>
@endsection