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

        @if($pagesModule['add_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 Staff</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="employees" class="table table-hover table-striped table-bordered">
            <thead>
                <tr>
                    <th>Reg No</th>
                    <th>Name</th>
                    <th>Email</th>
                    <th>Gender</th>
                    <th>Phone Number</th>
                    <th>Joining Date</th>
                    <th>Photo</th>
                    <th>Group</th>
                    <th>Status</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->reg_no }}
                        </a>
                    </td>
                    <td>{{ $employee->name }}</td>
                    <td>{{ $employee->email }}</td>
                    <td>@if($employee->gender==1)
                        Male
                        @else
                        Female
                        @endif
                    </td>
                    <td>{{ $employee->phone_number }}</td>
                    <td>{{ $employee->joining_date }}</td>
                    <td>
                        @if ( $employee->image != "" )
                            <img width="40" height="45" src="{{ asset('admin/images/photos/'.$employee->image)}}">
                        @endif
                    </td>

                    <td>{{ $employee->group->group }}</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</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($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
            </tbody>
            <tfoot>
                <tr>
                    <th>Reg No</th>
                    <th>Name</th>
                    <th>Email</th>
                    <th>Gender</th>
                    <th>Phone Number</th>
                    <th>Joining Date</th>
                    <th>Photo</th>
                    <th>Group</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