@extends('admin.layout.layout')
@section('content')

<div class="card mb-3">


    <div class="card-header-tab card-header">
        <div class="card-header-title font-size-lg text-capitalize fw-normal col-md-10">
            <i class="header-icon pe-7s-users me-3 text-muted opacity-10"></i>
            Groups
        </div>

        @if(Auth::guard('admin')->user()->group_id=='1')

        <div class="col-md-2 d-flex">
            <a href="{{ route('admin.add-edit-group') }}" class="btn btn-dark">Add Group</a>
        </div>

        @endif

    </div>



    <div class="card-body">

        @if (Session::has('success_message'))
            <div class="alert alert-success alert-dismissible fade show" role="alert" style="margin-top: 5px;">
              <strong>Success!</strong> {{ Session::get('success_message') }}
              <button type="button" class="close pull-right" data-dismiss="alert" aria-label="Close">
                <span aria-hidden="true">&times;</span>
              </button>
            </div>
        @endif

        <table style="width: 100%;" id="groups" class="table table-hover table-striped table-bordered">
            <thead>
                <tr>
                    <th class="text-center">Group ID</th>
                    <th class="text-center">Group</th>
                    <th class="text-center">Status</th>
                    <th class="text-center">Action</th>
                </tr>
            </thead>
            <tbody>
                @if ($groups->isNotEmpty())
                @foreach($groups as $group)
                <tr>
                    <td class="text-center">{{ $group->group_id }}</td>
                    <td class="text-center">{{ $group->group }}</td>

                    @if($group->status==1)
                    <td class="text-center" style="color: green;">Active</td>
                    @elseif($group->status==2)
                    <td class="text-center" style="color: red;">Inactive</td>
                    @endif

                    <td class="text-center">                        

                        @if(Auth::guard('admin')->user()->group_id=='1')

                            @if($group->group_id == "1")

                            <a title="Active"
                                href="javascript:void(0)"
                                class="m-1 disabled-link"
                                onclick="return false;">
                                <i class="fas fa-toggle-on"></i>
                            </a>

                            <a title="Edit"
                                href="{{ url('admin/add-edit-group/'.$group->group_id) }}"
                                class="m-1 disabled-link"
                                onclick="return false;">
                                <i class="fas fa-edit"></i>
                            </a>

                            <a title="Set Permissions for Group" 
                               href="{{ url('admin/update-role/'.$group->group_id) }}" 
                               class="m-1 disabled-link" 
                               onclick="return false;">
                               <i class="fas fa-unlock"></i>
                            </a>

                            <a title="Delete group"
                                href="javascript:void(0)"
                                class="m-1 disabled-link"
                                onclick="return false;">
                                <i class="fas fa-trash"></i>
                            </a>

                            @else

                            @if($pagesModule['edit_access']==1 || $pagesModule['full_access']==1)

                            @if($group->status==1)

                              <a class="updateGroupStatus m-1" id="group-{{ $group->group_id }}" group_id="{{ $group->group_id }}" href="javascript:void(0)"><i data-toggle="tooltip" title="Active" class="fas fa-toggle-on" status="Active"></i></a>
                            @else
                              <a class="updateGroupStatus m-1" id="group-{{ $group->group_id }}" group_id="{{ $group->group_id }}" style="color: grey;" href="javascript:void(0)"><i data-toggle="tooltip" title="Inactive" class="fas fa-toggle-off" status="Inactive"></i></a>
                            @endif

                            @endif


                            @if($pagesModule['edit_access']==1 || $pagesModule['full_access']==1)
                        
                            <a href="{{ url('admin/add-edit-group/'.$group->group_id) }}" class="m-1"><i data-toggle="tooltip" title="Edit" style="color:green;" class="fas fa-edit"></i></a>

                            @endif


                            <a title="Set Permissions for Group" href="{{ url('admin/update-role/'.$group->group_id) }}" class="m-1"><i class="fas fa-unlock"></i></a>

                            @if($pagesModule['full_access']==1)
                            <a class="confirmDelete m-1" name="group" title="Delete group" href="javascript:void(0)" record="group" recordid="{{ $group->group_id }}"><i data-toggle="tooltip" title="Delete" style="color:red;" class="fas fa-trash"></i></a>
                            @endif

                            @endif
                        
                        @endif

                        
                        
                    </td>
                </tr>
                @endforeach
                @endif
            <tfoot>
                <tr>
                    <th class="text-center">Group ID</th>
                    <th class="text-center">Group</th>
                    <th class="text-center">Status</th>
                </tr>
            </tfoot>
        </table>
    </div>
</div>

<style>
/* Add some CSS to visually indicate the link is disabled */
.disabled-link {
    pointer-events: none;
    color: grey; /* Or any other styling to indicate it's disabled */
    cursor: default;
}
</style>

@endsection