@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>
            Employees
        </div>

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

        <div class="col-md-2 d-flex">
            <a href="{{ route('admin.add-edit-employee') }}" class="btn btn-dark">Add Employee</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="example" class="table table-hover table-striped table-bordered">
            <thead>
                <tr>
                    <th>Emp.ID</th>
                    <th>Name</th>
                    <th>Basic Salary</th>
                    <th>Paymeny Method</th>
                    <th>Account Code(IBAN)</th>
                    <th>Employee Type</th>
                    <th>Is Under GOSI</th>
                    <th>Salary in GOSI</th>
                    @if($pagesModule['edit_access']==1 || $pagesModule['full_access']==1)
                    <th class="text-center">Action</th>
                    @endif
                </tr>
            </thead>
            <tbody>
                @if ($employees->isNotEmpty())
                @foreach($employees as $employee)
                <tr>
                    <td class="text-center">
                        <a href="{{ route('employee.view', ['id' => $employee->id]) }}">
                            {{ $employee->emp_id }}
                        </a>
                    </td>
                    <td>{{ $employee->full_name_english }}</td>
                    <td>{{ $employee->jobTitle->job_title }}</td>
                    <td>{{ $employee->email }}</td>
                    <td>{{ $employee->department->department_name }}</td>
                    <td>
                        @if ( $employee->image != "" )
                            <img width="40" height="45" src="{{ asset('admin/images/photos/'.$employee->image)}}">
                        @endif
                    </td>
                    <td>{{ $employee->type }}</td>


                    @if($employee->status==1)
                    <td style="color: green;">Active</td>
                    @elseif($employee->status==2)
                    <td style="color: red;">Inactive</td>
                    @elseif($employee->status==3)
                    <td style="color: #FF9800;">Vacation In</td>
                    @elseif($employee->status==4)
                    <td style="color: #2196F3">Vacation Out</td>
                    @elseif($employee->status==5)
                    <td style="color: darkgray;>FE Process</td>
                    @endif


                    <td class="text-center">

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

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

                              <a class="updateEmployeeStatus m-1" id="employee-{{ $employee->id }}" employee_id="{{ $employee->id }}" href="javascript:void(0)"><i data-toggle="tooltip" title="Active" class="fas fa-toggle-on" status="Active"></i></a>
                            @else
                              <a class="updateEmployeeStatus m-1" id="employee-{{ $employee->id }}" employee_id="{{ $employee->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-employee/'.$employee->id) }}" class="m-1"><i data-toggle="tooltip" title="Edit" style="color:green;" class="fas fa-edit"></i></a>

                        @endif

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

                            @if($employee->type == "admin")

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

                            @else

                            <a title="Set Permissions for Employee" @if($employee['type']!='admin') href="{{ url('admin/employee-update-role/'.$employee->id) }}" @endif class="m-1"><i class="fas fa-unlock"></i></a>

                            @endif

                        @endif

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

                        <a class="confirmDelete m-1" name="employee" title="Delete employee" href="javascript:void(0)" record="employee" recordid="{{ $employee->id }}"><i data-toggle="tooltip" title="Delete" style="color:red;" class="fas fa-trash"></i></a>

                        @endif
                        
                    </td>
                </tr>
                @endforeach
                @endif
            <tfoot>
                <tr>
                    <th>Emp.ID</th>
                    <th>Name</th>
                    <th>Position</th>
                    <th>Email</th>
                    <th>Department</th>
                    <th>Photo</th>
                    <th>User Type</th>
                    <th>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