@extends('back.layouts.main')
@section('title', 'Badges')
@section('content')

    <!-- BEGIN: Content-->

    <div class="content-body">
        <!-- users list start -->

        <section class="app-user-list">
            <!-- list section start -->
            <div class="card">
                <div class="card-datatable table-responsive pt-0">
                    <div id="DataTables_Table_0_wrapper" class="dataTables_wrapper dt-bootstrap4 no-footer">

                        <div class="d-flex justify-content-between align-items-center header-actions mx-1 row mt-75">
                        
                            <div class="col-lg-12 col-xl-6 pl-xl-75 pl-0">
                                <div
                                    class="dt-action-buttons text-xl-right text-lg-left text-md-right text-left d-flex align-items-center justify-content-lg-end align-items-center flex-sm-nowrap flex-wrap mr-1">
								</div>
                            </div>
                        </div>
                        <table class="user-list-table table dataTable no-footer dtr-column" id="DataTables_Table_0"
                            role="grid" aria-describedby="DataTables_Table_0_info">
                            <thead class="thead-light">
                                <tr role="row">
                                    <th class="control sorting_disabled" rowspan="1" colspan="1"
                                        style="width: 30px; display: none;" aria-label=""></th>
                                    <th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1"
                                        colspan="1" style="width: 98px;"
                                        aria-label="User: activate to sort column ascending">#ID
                                    </th>
                                    <th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1"
                                        colspan="1" style="width: 98px;"
                                        aria-label="User: activate to sort column ascending">Name</th>

                                    <th class="sorting_disabled" rowspan="1" colspan="1" style="width: 135px;"
                                        aria-label="Actions">Actions</th>
                                </tr>
                            </thead>
                            <tbody>
                                @if ($data->isNotEmpty())
                                    @foreach ($data as $row)
                                        <tr>
                                            <td>{{ $row->id }}</td>
                                            <td>{{ $row->name }}</td>
                                            <td>
                                                <a href="{{ url('backend/badges/' . $row->id . '/edit') }}" title='Edit'>
                                                    <i data-feather='edit-2'></i>
                                                </a>
                                                <form method="POST" class='d-inline'
                                                    action="{{ route('badges.destroy', $row->id) }}"
                                                    onsubmit="return confirm('Do you really want delete this?');">
                                                    @method('DELETE')
                                                    @csrf
                                                    <input type="submit" id='deleteform{{ $row->id }}' style="display:none">
                                                    <a onclick="document.getElementById('deleteform{{ $row->id }}').click();"
                                                        title='Edit'>
                                                        <i stroke="#EA5455" data-feather='trash-2' ></i>
                                                    </a>
                                                </form>
                                            </td>

                                        </tr>
                                    @endforeach
                                @else

                                    <tr class="odd">
                                        <td valign="top" colspan="6" class="dataTables_empty">No data available in table
                                        </td>
                                    </tr>
                                @endif
                            </tbody>
                        </table>
                        <div class="d-flex justify-content-between mx-2 row mb-1">
                            <div class="col-sm-12 col-md-6">
                                <div class="dataTables_info" id="DataTables_Table_0_info" role="status" aria-live="polite">
                                    Showing 0 to 0 of 0 entries</div>
                            </div>
                            <div class="col-sm-12 col-md-6">
                                <div class="dataTables_paginate paging_simple_numbers" id="DataTables_Table_0_paginate">
                                    <ul class="pagination">
                                        <li class="paginate_button page-item previous disabled"
                                            id="DataTables_Table_0_previous"><a href="#" aria-controls="DataTables_Table_0"
                                                data-dt-idx="0" tabindex="0" class="page-link">&nbsp;</a></li>
                                        <li class="paginate_button page-item next disabled" id="DataTables_Table_0_next"><a
                                                href="#" aria-controls="DataTables_Table_0" data-dt-idx="1" tabindex="0"
                                                class="page-link">&nbsp;</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
            <!-- list section end -->
        </section>
        <!-- users list ends -->

    </div>


    @push('footer')
        <script src="{{ url('') }}/admin/app-assets/js/scripts/pages/app-user-list.js"></script>
        <script>
            $('.search input , .search select').change(function() {
                $('.search input[type=submit]').trigger('click');
            });
            $('.view').click(function() {
                var id = $(this).data().id;
                $.ajax({
                    url: "{{ url('backend/blog_categories/view') }}/" + id,
                    success: function(data) {
                        $('#modal').find('.modal-title').html('View Blog_category #' + id);
                        $('#modal').find('.modal-body').html(data);
                        $('#modal').modal();
                    }
                })
            })

        </script>
    @endpush
    <!-- END: Content-->
@stop
@section('breadcrumbs')
    <li class="breadcrumb-item active">Badges</li>
@stop

@section('create-btn')
<a href="{{ url('backend/badges/create') }}" class="btn add-new btn-primary float-right" type="button"><span><i
			data-feather="plus-circle" class='mr-1'></i>انشاء</span></a>
@stop