@extends('companyuser::layouts.master')
@section('title',__('superadmin::User.users'))
@section('breadcrumb')
<link href="{{asset('assets/css/style-svgFont.css') }}" rel="stylesheet">
<div class="row breadcrumbs-top">
    <div class="breadcrumb-wrapper col-xs-12">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{route('company.roles.index', $subdomain)}}">@lang('companyuser::permissions.users and permissions')</a></li>
            <li class="breadcrumb-item"><a href="#">@lang('superadmin::User.users')</a></li>
        </ol>
    </div>
</div>
@endsection
@section('content')
<section>
    <div class="container-fluid">
        <div class="col-md-6 headTitle">
            <h3 class="py-half">@lang('superadmin::User.users')</h3>
        </div>
        <div class="headBtns fixed-btns">
            @can('permissions.users.create')
            <a href="{{route('company.users.create', $subdomain)}}" class="pull-right" title="@lang('Create')">
                <span class="icon-Add action-icon"></span>
            </a>
            @endcan
        </div>

        @include('superadmin::errors.lists')
        <section id="configuration" class="mt-2">
            <div class="row">
                <div class="col-xs-12">
                    <div class="card">
                        <div class="card-body collapse in">
                            <table
                                class="table table-striped table-column dataex-res-configuration  @if(app()->getlocale() == 'ar') ar-language-file @endif" style="width:100%;display: inline-table;">
                                <thead>
                                    <tr>
                                        <th>@lang('superadmin::User.name')</th>
                                        <th>@lang('superadmin::User.mobile')</th>
                                        <th>@lang('superadmin::User.email')</th>
                                        <th>@lang('superadmin::User.role')</th>
                                        <th>@lang('superadmin::User.preferred language')</th>
                                        <th>@lang('superadmin::User.added by')</th>
                                        <th>@lang('Actions')</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($users as $user)
                                    <tr>
                                        <td>{{$user->uname}}</td>
                                        <td>{!! $user['mobile'] ? str_replace("+", "00", App\Enums\PhoneCode::get($user['country_code'])) . '-' . $user['mobile'] : '' !!}</td>
                                        <td>{{$user->email}}</td>
                                        <td>{{ $user->roles()->first() ? Lang::locale() == 'ar' ? $user->roles()->first()->name_ar : $user->roles()->first()->name : __('No Role')}}</td>
                                        <td>{{$user->preferred_language ? \App\Enums\LanguagesEnum::LANG_MAPPING[$user->preferred_language] : '' }}</td>
                                        <td>{{ $user->addedBy->uname ?? '' }}</td>
                                        <td>
                                            @can('permissions.users.view')
                                                <a href="{{route('company.users.show', ['subdomain' => $subdomain, 'user' => $user->id])}}" class='btn btni rounded-circle font-small-2 btn-primary btn-xs text-white' data-toggle="tooltip" data-placement="bottom" title="@lang('Show')"><i class="fa fa-eye"></i></a>
                                            @endcan
                                            @can('permissions.users.edit')
                                                <a href="{{route('company.users.edit', ['subdomain' => $subdomain, 'user' => $user->id])}}" class='btn btni rounded-circle font-small-2 btn-info btn-xs btn-edit text-white' data-toggle="tooltip" data-placement="bottom" title="@lang('Edit')"><i class="fa fa-pencil"></i></a>
                                            @endcan
                                            @can('permissions.users.delete')
                                                <a href="" target="_blank" class="delete-user" data-toggle="modal" data-target="#delete-user-modal" data-url="{{ route('company.users.destroy', ['subdomain' => $subdomain, 'user' => $user->id] ) }}" data-recurring-entities="{{ $user->recurringEntities->count() }}" data-toggle="tooltip" data-placement="bottom" title="@lang('Delete')">
                                                    <button class='btn btni rounded-circle font-small-2 btn-warning btn-xs btn-delete' data-toggle="tooltip" data-placement="bottom" title="{{ __('Delete') }}">
                                                        <i class="fa fa-trash-o"></i>
                                                    </button>
                                                </a>
                                            @endcan
                                        </td>
                                    </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </section>


        {{---------------- popup fo deleted user -------------------------------}}
        <div class="modal fade" id="delete-user-modal" tabindex="-1" role="dialog" aria-labelledby="delete-user-modalLabel">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                        <h4 class="modal-title" id="delete-user-modalLabel">@lang('Delete')</h4>
                    </div>
                    <div class="modal-body">
                        <p> @lang('companyuser::users.delete_user_confirmation_message')</p>
                        <p class="text-danger has-recurring-entities"> @lang('companyuser::users.delete_user_recurring_entities_confirmation')</p>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default mx-1" data-dismiss="modal">@lang('No')</button>
                        <span class="pull-right">
                            <form id="delete-form" action="" method="POST" class="form">
                                @csrf
                                @method('delete')
                                <button type="submit" class="btn btn-primary">@lang('Yes')</button>
                            </form>
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
@endsection
@section('extra_scripts')
    <script>
        gtag('event', 'web_user_and_permission_users_list');
        console.log('web_user_and_permission_users_list event');
    </script>
<script>
    window.addEventListener('DOMContentLoaded', function () {
        (function ($) {
            // For A Delete Record Popup
            //handel desktop(click) and mobile(touchstart) browsers
            $(document).on('touchstart click', '.delete-user', function () {
                const url = $(this).attr('data-url');
                const recurringEntities = $(this).attr('data-recurring-entities');
                if (recurringEntities > 0) {
                    $('.has-recurring-entities').show();
                } else {
                    $('.has-recurring-entities').hide();
                }
                $("#delete-form").attr("action", url);
            });
        })(jQuery);
    });

</script>
@endsection