@extends('layouts.app')

@section('page-css')

@endsection

@section('content')
	<div class="container-fluid d-block">
		<div id="all-admin-page-container"  class="py-4">
			<div class="card">
				<div class="card-header">
					{{ $page_title }}
				</div>

				<div class="card-body">
					{{-- <a class="btn btn-primary m-b-20" href="{{ url('admin/register-admin') }}">Create</a> --}}
					<div class="table-responsive mt-4">
                        <table id="all-badges-table" class="table table-striped table-bordered dt-responsive nowrap" width="100%">
                            <thead>
                                <th>ID</th>
                                <th>Name</th>
                                <th>Description</th>
                                <th>Points</th>
                                <th>Role</th>
                                <th>Badge</th>
                                <th>Created</th>
                                {{-- @if ($user['role_id'] == 1)
                                    <th class="text-center">Action</th>
                                @endif --}}
                                @can('manage-badges')
                                    <th class="text-center">Action</th>
                                @endcan
                            </thead>
                            <tbody>
                            	@if($badges_lists->responseCode == 800)
                        			@foreach($badges_lists->data as $badges_lists_key => $badges_lists_value)
                            			<tr>
                            				<td>{{ $badges_lists_value->badge_id }}</td>
                            				<td>{{ $badges_lists_value->badge_name }}</td>
                                            <td>{{ $badges_lists_value->description }}</td>
                            				<td>{{ $badges_lists_value->points }}</td>
                            				<td>{{ strtoupper($badges_lists_value->role_name) }}</td>
                                            <td class="text-center"><img src="{{ asset('images/uploads/badges') . '/' . $badges_lists_value->badge_file_name }}" width="30" height="30"></td>
                            				<td>{{ date('F d, Y g:ia', strtotime($badges_lists_value->created_at)) }}</td>
                                            {{-- @if ($user['role_id'] == 1)
                                				<td class="text-center">
                                        			<a class="btn btn-primary btn-sm" href="{{ env('BACKOFFICE_URL') }}/badges/view/{{ $badges_lists_value->badge_id }}">
                                        				<i class="fa fa-folder"></i> Edit
                                        			</a>&nbsp;&nbsp;&nbsp;
                                                </td>
                                            @endif --}}
                                            @can('manage-badges')
                                                <td class="text-center">
                                                    <a class="btn btn-primary btn-sm" href="{{ env('BACKOFFICE_URL') }}/badges/view/{{ $badges_lists_value->badge_id }}">
                                                        <i class="fa fa-folder"></i> Edit
                                                    </a>&nbsp;&nbsp;&nbsp;
                                                </td>
                                            @endcan

                            			</tr>
                        			@endforeach
                            	@else
	                                <tr>
	                                    <td class="text-center" colspan="9">No data yet.</td>
	                                </tr>
                                @endif
                            </tbody>
                        </table>
                    </div>
				</div>
			</div>
		</div>

		@include('pages.includes.footer')
	</div>
@endsection

@section('page-js')
	<script type="text/javascript">
        $.csrf_token    =   $('meta[name="csrf-token"]').attr('content');
        $.backoffice_url  =   "{{ env('BACKOFFICE_URL') }}";

        $('#badges-link').toggleClass('active');
        $('#all-badges-table').DataTable();
	</script>
@endsection