@extends('tenant.settings.pos.pos-settings-tabs')


@section('breadcrumb')
    @include('tenant.layouts.breadcrumb', [
        'items' => [
            __('breadcrumb.pos_settings') => '#',
            __('breadcrumb.pos_accounts') => '#',
        ],
    ])
@endsection

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

@section('pos-settings-content')
    <div class="inner-content-layout form-bg-color p-4 rounded-form">
        <div class="d-flex justify-content-between my-2">
            <h4>@lang('settings/pos/users/index.employees_account_pos')</h4>

            @can('posSettings-users-add')
                <a href="{{ route('tenant.settings.pos.users.create') }}" class="btn orange-btn btn-sm">
                    <i class="fas fa-plus-circle"></i> @lang('settings/pos/users/index.add_new_account')
                </a>
            @endcan
        </div>

        <table class="table table-bordered table-striped table-hover">
            <thead>
                <tr>
                    <th class="xs-td">#</th>
                    <th class="md-td">@lang('settings/pos/users/index.name')</th>
                    <th class="sm-td">@lang('settings/pos/users/index.status')</th>
                    <th class="sm-td">@lang('settings/pos/users/index.procedures')</th>
                </tr>
            </thead>

            <tbody>
                @forelse ($users as $user)
                    <tr>
                        <td class="xs-td">{{ $loop->iteration }}</td>
                        <td class="md-td">{{ $user->user_name }}</td>
                        <td class="sm-td">
                            <label
                                class="text-{{ $user->status ? 'success' : 'danger' }}">{{ $user->status ? 'مفعّل' : 'متوقف' }}</label>

                            @can('posSettings-users-activate')
                                @if ($user->status == 1)
                                    <form
                                        action="{{ route('tenant.settings.pos.users.changeStatus', ['user' => $user->id]) }}"
                                        method="post">
                                        @csrf
                                        <label
                                            for="status-{{ $user->id }}">{{ $user->status ? 'إيقاف' : 'تفعيل' }}</label>
                                        <input type="checkbox" name="status" id="status-{{ $user->id }}"
                                            class="custom-checkbox" value="1" {{ $user->status ? 'checked' : '' }}>
                                    </form>
                                @else
                                    <form
                                        action="{{ route('tenant.settings.pos.users.changeStatus', ['user' => $user->id]) }}"
                                        method="post">
                                        @csrf
                                        <label
                                            for="status-{{ $user->id }}">{{ $user->status ? 'إيقاف' : 'تفعيل' }}</label>
                                        <input type="checkbox" name="status" id="status-{{ $user->id }}"
                                            class="custom-checkbox" value="1"
                                            {{ $user->status ? 'checked' : '' }}>
                                    </form>
                                @endif
                            @endcan
                        </td>

                        <td class="sm-td">
                            <x-operations-btn>
                                @can('posSettings-users-editInfo')
                                    <li>
                                        <a href="{{ route('tenant.settings.pos.users.edit', ['user' => $user->id]) }}"
                                            class="btn">
                                            <i class="fas fa-edit"></i> @lang('settings/pos/users/index.edit')
                                        </a>
                                    </li>
                                @endcan
                            </x-operations-btn>
                        </td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="4">
                            @lang('settings/pos/users/index.there_are_no_accounts_yet')
                        </td>
                    </tr>
                @endforelse
            </tbody>
        </table>

        <div>
            {!! $users->links() !!}
        </div>
    </div>
@endsection

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