@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">
                    {{-- @TODO CREATE A PROPER PERMISSION ASSIGNING --}}
                    {{-- @if($user['role_id'] == 1 || $user['role_id'] == 2 || $user['role_id'] == 0)
					   <a class="btn btn-primary btn-sm m-b-20" href="{{ url('departments/create') }}">Create</a>
                    @endif --}}
                    @can('manage-departments')
					   <a class="btn btn-primary btn-sm m-b-20" href="{{ url('departments/create') }}">Create</a>
                    @endcan
					<div class="table-responsive mt-4">
                        <table id="all-departments-table" class="table table-striped table-bordered dt-responsive nowrap" width="100%">
                            <thead>
                                <th>Code ID</th>
                                <th>Group</th>
                                <th>Division</th>
                                <th>Department</th>
                                <th>Ordinal Position</th>
                                <th>Date | Time Created</th>
                                @if($user['role_id'] == 1)
                                    <th class="text-center">Action</th>
                                @endif
                            </thead>
                            <tbody>
                            	@if($departments->responseCode == 800)
                        			@foreach($departments->data as $departments_key => $departments_value)
                                        <tr>
                                            <td>{{ $departments_value->department_id }}</td>
                                            <td>{{ $departments_value->group_name }}</td>
                                            <td>{{ $departments_value->division_name }}</td>
                                            <td>{{ $departments_value->department_name }}</td>
                                            <td>{{ $departments_value->ordinal_position }}</td>
                                            <td>{{ date('F d, Y g:ia', strtotime($departments_value->created_at)) }}</td>
                                            {{-- @if($user['role_id'] == 1)
                                                <td class="text-center">
                                                    <a class="btn btn-primary btn-sm" href="{{ url('department/update/' . $departments_value->department_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_department', {{ json_encode($departments_value) }});">
                                                        <i class="fas fa-trash-alt"></i> Delete
                                                    </a>
                                                </td>
                                            @endif --}}
                                            @can('manage-departments')
                                                <td class="text-center">
                                                    <a class="btn btn-primary btn-sm" href="{{ url('department/update/' . $departments_value->department_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_department', {{ json_encode($departments_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') }}";

        $('#departments-link').toggleClass('active');
        $('#all-departments-table').DataTable({
            "order": [[ 1, "asc" ],[ 2, "asc" ]]
        });
	</script>
@endsection