@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">
                    {{-- @if ($user['role_id'] == 1 || $user['role_id'] == 0)
                        <a class="btn btn-primary btn-sm m-b-20" href="{{ url('groups/create') }}">Create</a>
                    @endif --}}
                    @can('manage-groups')
                        <a class="btn btn-primary btn-sm m-b-20" href="{{ url('groups/create') }}">Create</a>
                    @endcan
					<div class="table-responsive mt-4">
                        <table id="all-groups-table" class="table table-striped table-bordered dt-responsive nowrap" width="100%">
                            <thead>
                                <th>Code ID</th>
                                <th>Group</th>
                                <th>Ordinal Position</th>
                                <th>Date | Time Created</th>
                                {{-- @if ($user['role_id'] == 1 || $user['role_id'] == 0)
                                    <th class="text-center">Action</th>
                                @endif --}}
                                @can('manage-groups')
                                    <th class="text-center">Action</th>
                                @endcan
                            </thead>
                            <tbody>
                            	@if($groups->responseCode == 800)
                        			@foreach($groups->data as $groups_key => $groups_value)
                            			<tr>
                            				<td>{{ $groups_value->group_id }}</td>
                            				<td>{{ $groups_value->group_name }}</td>
                                            <td>{{ $groups_value->ordinal_position }}</td>
                            				<td>{{ date('F d, Y g:ia', strtotime($groups_value->created_at)) }}</td>
                                            {{-- @if ($user['role_id'] == 1)
                                				<td class="text-center">
                                        			<a class="btn btn-primary btn-sm" href="{{ url('group/update/' . $groups_value->group_id) }}">
                                        				<i class="fa fa-folder"></i> View
                                        			</a>
                                        			<a class="delete btn btn-danger btn-sm" data-id="2" href="#" data-toggle="modal" data-target="#delete_modal" onclick="generalUseFunctions.populateDeleteModal('delete_group', {{ json_encode($groups_value) }});">
                                        				<i class="fas fa-trash-alt"></i> Delete
                                        			</a>
                                                </td>
                                            @endif --}}
                                            @can('manage-groups')
                                                <td class="text-center">
                                                    <a class="btn btn-primary btn-sm" href="{{ url('group/update/' . $groups_value->group_id) }}">
                                                        <i class="fa fa-folder"></i> View
                                                    </a>
                                                    <a class="delete btn btn-danger btn-sm" data-id="2" href="#" data-toggle="modal" data-target="#delete_modal" onclick="generalUseFunctions.populateDeleteModal('delete_group', {{ json_encode($groups_value) }});">
                                                        <i class="fas fa-trash-alt"></i> Delete
                                                    </a>
                                                </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') }}";

        $('#groups-link').toggleClass('active');
        generalUseFunctions.initializeDataTable('all-groups-table',true,true);
	</script>
@endsection