@extends('superadmin::layouts.master')
@section('title',__('Users'))
@section('breadcrumb')
    <div class="row breadcrumbs-top">
        <div class="breadcrumb-wrapper col-xs-12">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="{{route("dashboard-home")}}">@lang('Home')</a>
                </li>
                <li class="breadcrumb-item"><a href="{{route("users.index")}}">@lang('superadmin::User.users')</a>
                </li>
            </ol>
        </div>
    </div>
@endsection

@section('content')



    <div class="ibox-content m-b-sm hidden-print list-actions text-xs-right mb-1 headBtns">
        <div role="group" aria-label="Button group with nested dropdown " class="btn-group">
            <a href="{{route('users.create')}}">
                <button type="button" class="btn btn-primary btn-min-width">
                @lang('Create')
                <img alt="add" src="{{asset('assets/images/svg/plus.svg')}}">
                                    </button>
            </a>
        </div>
    </div>

    <section  id="configuration">
        <div class="row">
            <div class="col-xs-12" >
                @include('superadmin::errors.lists')
                <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.email')</th>
                        <th>@lang('superadmin::User.mobile')</th>
                        <th>@lang('superadmin::User.preferred language')</th>
                        <th>@lang('superadmin::User.added by')</th>
                        <th class="hidden-print">@lang('Actions')</th>
                    </tr>
                    </thead>
                    <tbody>
                    @foreach ($users as $user)
                        <tr>
                            <td>{{ $user['uname'] }}</td>
                            <td>{{ $user['email'] }}</td>
                            @if($user['mobile'])
                                <td>  {!! str_replace("+", "00", App\Enums\PhoneCode::get($user['country_code'])) . '-' .  $user['mobile'] !!} </td>
                            @else
                                <td></td>
                            @endif
                            <td>
                                {{ isset($user->userConfigurations[0]->value) ? \App\Enums\LanguagesEnum::LANG_MAPPING[$user->userConfigurations[0]->value]  : '' }}
                            </td>
                            <td>{{ $user->addedBy->uname ?? '' }}</td>
                            <td class="hidden-print">
                                {{-- show btn --}}
                                <a href="{{ route('users.show' , $user['id'])}}"
                                   class="btn btni rounded-circle font-small-2 btn-primary  btn-show btn-view text-white"
                                   data-toggle="tooltip" data-placement="bottom"
                                   title="@lang('Show')"><i class="fa fa-eye"></i></a>
                                {{-- edit btn --}}
                                <a href="{{route('users.edit', $user['id'])}}"
                                   class="btn btni rounded-circle font-small-2 btn-info btn-edit text-white" data-toggle="tooltip"
                                   data-placement="bottom" title="@lang('Edit')"><i
                                        class="fa fa-pencil"></i></a>
                                {{-- delete btn --}}
                                <a href="" target="_blank" class="delete-user"
                                   data-toggle="modal"
                                   data-target="#favoritesModal"
                                   data-url="{{ route('users.destroy', $user['id'] ) }}" 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>
                                {{-- <a href="" target="_blank" class="btn btn-sm  btn-danger " onclick="return deleteFunction( '{{ route('users.destroy', $user['id'] ) }}' )"><i class="fa fa-trash"></i> {{__('delete')}}</a> --}}

                                {{-- <a href="https://meray2.stage.prexle.com/en/login" target="_blank" class="btn btn-sm  btn-info "><i class="fa fa-globe"></i> {{__('preview')}}</a>
                                --}}
                                {{-- <button type="button" data-toggle="modal" data-target="#confirmDeactivateModal" data-url="https://dashboard.stage.prexle.com/en/companies/58/deactivate?" class="btn btn-sm btn-warning dev-deactivate-confirm"><i class="fa fa-close"></i> {{__('deactivate')}}</button>
                                --}}


                            </td>
                        </tr>

                    @endforeach
                    </tbody>
                </table>
                </div>
                </div>
            </div>
        </div>
    </section>
    {{---------------- popup fo deleted user -------------------------------}}
    <div class="modal fade" id="favoritesModal" tabindex="-1" role="dialog"
         aria-labelledby="favoritesModalLabel">
        <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="favoritesModalLabel">@lang('Delete')</h4>
                </div>
                <div class="modal-body">
                    <p> @lang('Are You Sure to delete this?')
                    </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>
@endsection


@section('extra_scripts')
    <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(){
                    var url = $(this).attr('data-url');
                    $("#delete-form").attr("action", url);
                });
            })(jQuery);
        });

    </script>
@endsection