@extends('tenant.settings.general.all-general-settings')

@section('breadcrumb')
    @include('tenant.layouts.breadcrumb', [
        'items' => [
            __('breadcrumb.general_settings') => route('tenant.settings.general.show-page', ['type' => 'company-information']),
            __('breadcrumb.users') => '#',
        ],
    ])
@endsection

@section('sidebar')
    @include('tenant.layouts.sidebar', ['activeItem' => 'settings.general.employees'])
@endsection

@section('settings-content')
    <div>
        <div class="row justify-content-center">
            <div class="col-10">
                <div class="d-flex justify-content-between my-2">
                    <h4> @lang('settings/general/employees/index.sub_accounts_employees')</h4>

                    @can('generalSettings-employees-add')
                        <a href="{{ route('tenant.settings.general.employees.create') }}" class="btn orange-btn btn-sm">
                            <i class="fas fa-plus-circle"></i>@lang('settings/general/employees/index.add_new_account')
                        </a>
                    @endcan
                </div>
                  <p style="color: var(--bs-red);">*@lang('settings/general/employees/index.sub_accounts_limit') {{$available_count }}  @lang('settings/general/employees/index.sub_accounts')</p>
                <table class="table table-bordered table-striped table-hover">
                    <thead>
                        <tr>
                            <th class="xs-td">#</th>
                            <th class="md-td">@lang('settings/general/employees/index.name')</th>
                            <th class="sm-td">@lang('settings/general/employees/index.status')</th>
                            <th class="sm-td">@lang('settings/general/employees/index.procedures')</th>
                        </tr>
                    </thead>

                    <tbody>
                        @forelse ($employees as $employee)
                            <tr>
                                <td class="xs-td eye-button">
                                    <a href="{{ route('tenant.settings.general.employees.show', [$employee->id]) }}"
                                        class="btn" title="{{__('general.show')}}">
                                        <i class="dsip fas fa-eye mx-2"></i>
                                        {{ $loop->iteration }}
                                    </a>
                                </td>
                                <td class="md-td">{{ $employee->user_name }}</td>
                                <td class="sm-td">
                                    <label
                                        class="text-{{ $employee->status ? 'success' : 'danger' }}">
                                        {{ $employee->status ? 'مفعّل' : 'متوقف' }}
                                    </label>
                                  
                                    @can('generalSettings-employees-activate')
                                        @if ($employee->status == 1)
                                            <form
                                                action="{{ route('tenant.settings.general.employees.changeStatus', ['employee' => $employee->id]) }}"
                                                method="post">
                                                @csrf
                                                <label
                                                    for="status-{{ $employee->id }}">{{ $employee->status ? 'إيقاف' : 'تفعيل' }}</label>
                                                <input type="checkbox" name="status" id="status-{{ $employee->id }}"
                                                    class="custom-checkbox" value="1"
                                                    {{ $employee->status ? 'checked' : '' }}>
                                            </form>
                                        @else
                                            @if ( $active_count <= $available_count )
                                            
                                                <form
                                                    action="{{ route('tenant.settings.general.employees.changeStatus', ['employee' => $employee->id]) }}"
                                                    method="post">
                                                    @csrf
                                                    <label
                                                        for="status-{{ $employee->id }}">{{ $employee->status ? 'إيقاف' : 'تفعيل' }}</label>
                                                    <input type="checkbox" name="status" id="status-{{ $employee->id }}"
                                                        class="custom-checkbox" value="1"
                                                        {{ $employee->status ? 'checked' : '' }}>
                                                </form>
                                            @endif
                                        @endif
                                    @endcan
                                </td>

                                <td class="sm-td">
                                    <x-operations-btn>
                                        @can('generalSettings-employees-show')
                                            <li>
                                                <a href="{{ route('tenant.settings.general.employees.show', ['employee' => $employee->id]) }}"
                                                    class="btn ms-3" title="{{__('general.show')}}">
                                                    <i class="fas fa-eye"></i> @lang('settings/general/employees/index.show')
                                                </a>
                                            </li>
                                        @endcan
                                        @can('generalSettings-employees-editInfo')
                                            <li>
                                                <a href="{{ route('tenant.settings.general.employees.edit', ['employee' => $employee->id]) }}"
                                                    class="btn">
                                                    <i class="fas fa-edit"></i> @lang('settings/general/employees/index.edit')
                                                </a>
                                            </li>
                                        @endcan
                                    </x-operations-btn>
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="4">
                                    @lang('settings/general/employees/index.there_are_no_accounts_yet')
                                </td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>

                <div>
                    {!! $employees->links() !!}
                </div>
            </div>

        </div>
    </div>
@endsection

@push('script')
    <script src="{{ asset('js/employees/index.js') }}"></script>
@endpush