@php
/**
* Component : User
* Controller : UserController
* File : User.list.blade.php
* ----------------------------------------------------------------------------- */
@endphp
@extends('layouts.app', ['title' => __tr('Team Members')])
@section('content')
@include('users.partials.header', [
'title' => __tr('Team Members'),
'description' => '',
'class' => 'col-lg-7'
])
<div class="container-fluid mt-lg--6">
    <div class="row">
        <!-- button -->
        <div class="col-xl-12 mb-3">
            <button type="button" class="lw-btn btn btn-primary float-right" data-toggle="modal"
                data-target="#lwAddNewUser"> {{ __tr('Add New User') }}</button>
        </div>
        <!--/ button -->
        <!-- Add New User Modal -->
        <x-lw.modal id="lwAddNewUser" :header="__tr('Add New User')" :hasForm="true">
            <!--  Add New User Form -->
            <x-lw.form id="lwAddNewUserForm" :action="route('vendor.user.write.create')"
                :data-callback-params="['modalId' => '#lwAddNewUser', 'datatableId' => '#lwUserList']"
                data-callback="appFuncs.modelSuccessCallback">
                <!-- form body -->
                <div class="lw-form-modal-body">
                    <!-- form fields form fields -->
                    <!-- First_Name -->
                    <x-lw.input-field type="text" id="lwFirstNameField" data-form-group-class=""
                        :label="__tr('First Name')" name="first_name" required="true" />
                    <!-- /First_Name -->
                    <!-- Last_Name -->
                    <x-lw.input-field type="text" id="lwLastNameField" data-form-group-class=""
                        :label="__tr('Last Name')" name="last_name" required="true" />
                    <!-- /Last_Name -->
                    <x-lw.input-field type="number" id="lwMobileNumberField" data-form-group-class=""
                        :label="__tr('Mobile Number')" name="mobile_number" required="true" minlength="9" />
                        <h5><span class="text-muted">{{__tr("Mobile number should be with country code without 0 or +")}}</span></h5>

                    <!-- Username -->
                    <x-lw.input-field type="text" id="lwUsernameField" data-form-group-class=""
                        :label="__tr('Username')" name="username" required="true" minlength="3" />
                    <!-- /Username -->
                    <x-lw.input-field type="text" id="lwEmailField" data-form-group-class="" :label="__tr('Email')"
                        name="email" required="true" minlength="3" />
                    <!-- Password -->
                    <x-lw.input-field type="password" id="lwPasswordField" data-form-group-class=""
                        :label="__tr('Password')" name="password" required="true" minlength="6" />
                    <!-- /Password -->
                    <fieldset>
                        <legend>{{ __tr('Permissions') }}</legend>
                        @foreach (getListOfPermissions() as $permissionKey => $permission)
                        <div class="d-block my-3" x-data="{ isParentPermissionAllow: false }"">
                            <x-lw.checkbox id="lw{{ $permissionKey }}Item" x-model="isParentPermissionAllow" name="permissions[{{ $permissionKey }}]"
                                data-lw-plugin="lwSwitchery" :label="$permission['title']" />
                            @if (isset($permission['description']) and $permission['description'])
                            <p class="text-muted mt-1 fs-1">{{ $permission['description'] }}</p>

                            @if(!__isEmpty(data_get($permission, 'permissions')))
                                @foreach($permission['permissions'] as $subPermissionKey => $subPermission)
                                    <div class="ml-4">
                                        <x-lw.checkbox id="lw{{ $permissionKey }}{{ $subPermissionKey }}SubItemItem" data-size="small" x-bind:disabled="!isParentPermissionAllow" name="subPermissions[{{ $subPermissionKey }}]" data-lw-plugin="lwSwitchery" :label="$subPermission['title']" />
                                        @if (isset($subPermission['description']) and $subPermission['description'])
                                        <p class="text-muted mt-1 fs-1">{{ $subPermission['description'] }}</p>
                                        @endif
                                    </div>
                                @endforeach
                            @endif

                            <hr class="my-1">
                            @endif
                        </div>
                        @endforeach
                    </fieldset>
                 
                </div>
                <!-- form footer -->
                <div class="modal-footer">
                    <!-- Submit Button -->
                    <button type="submit" class="btn btn-primary">{{ __tr('Submit') }}</button>
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">{{ __tr('Close') }}</button>
                </div>
            </x-lw.form>
            <!--/  Add New User Form -->
        </x-lw.modal>
        <!--/ Add New User Modal -->
        <!--/ Edit User Modal -->

        <!-- Edit User Modal -->
        <x-lw.modal id="lwEditUser" :header="__tr('Edit User & Permissions')" :hasForm="true">
            <!--  Edit User Form -->
            <x-lw.form id="lwEditUserForm" :action="route('vendor.user.write.update')"
                :data-callback-params="['modalId' => '#lwEditUser', 'datatableId' => '#lwUserList']"
                data-callback="appFuncs.modelSuccessCallback">
                <!-- form body -->
                <div id="lwEditUserBody" class="lw-form-modal-body"></div>
                <script type="text/template" id="lwEditUserBody-template">

                    <input type="hidden" name="userIdOrUid" value="<%- __tData._uid %>" />
                        <!-- form fields -->
                        <!-- First_Name -->
           <x-lw.input-field type="text" id="lwFirstNameEditField" data-form-group-class="" :label="__tr('First Name')" value="<%- __tData.first_name %>" name="first_name"  required="true"                 />
                <!-- /First_Name -->
                <!-- Last_Name -->
           <x-lw.input-field type="text" id="lwLastNameEditField" data-form-group-class="" :label="__tr('Last Name')" value="<%- __tData.last_name %>" name="last_name"  required="true"                 />
            
            @if(hasVendorAccess('hide_contact_emails') and getUserAuthInfo('role_id') !== 2)
                <x-lw.input-field type="text" id="lwMobileNumberEditField" data-form-group-class="" :label="__tr('Mobile Number')" value="<%- __tData.mobile_number %>" disabled name="mask_mobile_number"  />
            @else
                <x-lw.input-field type="text" id="lwMobileNumberEditField" data-form-group-class="" :label="__tr('Mobile Number')" value="<%- __tData.mobile_number %>" name="mobile_number"  />
            @endif
            <h5><span class="text-muted">{{__tr("Mobile number should be with country code without 0 or +")}}</span></h5>

            @if(hasVendorAccess('hide_contact_emails') and getUserAuthInfo('role_id') !== 2)
                <x-lw.input-field type="text" disabled id="lwEmailEditField" data-form-group-class="" :label="__tr('Email')" value="<%- __tData.email %>" name="mask_email"  />
            @else
                <x-lw.input-field type="text" id="lwEmailEditField" data-form-group-class="" :label="__tr('Email')" value="<%- __tData.email %>" name="email"  />
            @endif
            
           <x-lw.input-field type="password" id="lwPasswordEditField" data-form-group-class="" :label="__tr('Password')"  name="password"  />
                <!-- /Last_Name -->
                <!-- STATUS -->
                <div class="form-group pt-3">
                    <label for="lwIsMemberActiveEditField">{{  __tr('Status') }}</label>
                    <input type="checkbox" id="lwIsMemberActiveEditField" <%- __tData.status == 1 ? 'checked' : '' %> data-lw-plugin="lwSwitchery" name="status">
                </div>
                <!-- /STATUS -->
                <fieldset>
                    <legend>{{  __tr('Permissions') }}</legend>
                    @foreach(getListOfPermissions() as $permissionKey => $permission)
                    <% var mainPermission = __tData.vendor_user_details?.__data?.permissions?.{{ $permissionKey }}; %>
                        <span class="d-block my-3" x-data="{ isParentPermissionAllow: <%- __tData.vendor_user_details?.__data?.permissions?.{{ $permissionKey }} == 'allow' ? true : false %> }">
                            <label for="lwEdit{{ $permissionKey }}Permission" class="flex items-center">
                                <input id="lwEdit{{ $permissionKey }}Permission" x-model="isParentPermissionAllow" type="checkbox" <%- (mainPermission == 'allow') ? 'checked' : '' %> name="permissions[{{ $permissionKey }}]" class="form-checkbox" data-lw-plugin="lwSwitchery">
                                <span class="ml-1 text-gray-600 lw-switchery-label">{{ $permission['title'] }}</span>
                            </label>
                            @if (isset($permission['description']) and $permission['description'])
                            <p class="text-muted mt-1 fs-1">{{ $permission['description'] }}</p>
                            @endif
                            @if(!__isEmpty(data_get($permission, 'permissions')))
                                @foreach($permission['permissions'] as $subPermissionKey => $subPermission)
                                                                        <% 
                                        var permissionData = __tData.vendor_user_details?.__data?.permissions;
                                        var subPermissionName = permissionData['{{ $subPermissionName }}'];
                                        var isChecked = ((_.isUndefined(subPermissionName) && mainPermission == 'allow') || (subPermissionName) == 'allow') ? 'checked' : '';
                                    %>
                                    <span class="ml-4">
                                    <label for="lwEdit{{ $subPermissionKey }}SubPermission" class="flex items-center">
                                        <input id="lwEdit{{ $subPermissionKey }}SubPermission" type="checkbox" <%- isChecked %> :disabled="!isParentPermissionAllow" data-size="small" name="subPermissions[{{ $subPermissionKey }}]" class="form-checkbox" data-lw-plugin="lwSwitchery">
                                        <span class="ml-1 text-gray-600 lw-switchery-label">{{ $subPermission['title'] }}</span>
                                    </label>
                                    <span>
                                    @if (isset($subPermission['description']) and $subPermission['description'])
                                        <p class="text-muted mt-1 fs-1">{{ $subPermission['description'] }}</p>
                                    @endif
                                
                                @endforeach
                            @endif
                            <hr class="my-1">
                        </span>
                    @endforeach
                </fieldset>
                  
                     </script>
                <!-- form footer -->
                <div class="modal-footer">
                    <!-- Submit Button -->
                    <button type="submit" class="btn btn-primary">{{  __tr('Submit') }}</button>
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">{{ __tr('Close') }}</button>
                </div>
            </x-lw.form>
            <!--/  Edit User Form -->
        </x-lw.modal>
        <!--/ Edit User Modal -->
        <div class="col-xl-12">
            <x-lw.datatable id="lwUserList" :url="route('vendor.user.read.list')">
                <th data-orderable="true" data-name="first_name">{{ __tr('First Name') }}</th>
                <th data-orderable="true" data-name="last_name">{{ __tr('Last Name') }}</th>
                <th data-orderable="true" data-name="username">{{ __tr('Username') }}</th>
                <th data-orderable="true" data-name="email">{{ __tr('Email') }}</th>
                <th data-orderable="true" data-name="mobile_number">{{ __tr('Mobile Number') }}</th>
                <th data-orderable="true" data-name="created_at">{{ __tr('Created At') }}</th>
                <th data-orderable="true" data-name="status">{{ __tr('Status') }}</th>
                <th data-template="#userActionColumnTemplate" name="null">{{ __tr('Action') }}</th>
            </x-lw.datatable>
        </div>
        <!-- action template -->
        <script type="text/template" id="userActionColumnTemplate">
            <a data-pre-callback="appFuncs.clearContainer" title="{!! __tr('Edit User & Permissions') !!}" class="lw-btn btn btn-sm btn-default lw-ajax-link-action" data-response-template="#lwEditUserBody" href="<%= __Utils.apiURL("{{ route('vendor.user.read.update.data', [ 'userIdOrUid']) }}", {'userIdOrUid': __tData._uid}) %>"  data-toggle="modal" data-target="#lwEditUser"><i class="fa fa-edit"></i> {!! __tr('Edit User & Permissions') !!}</a>
<!--  Delete Action -->
<a data-method="post" href="<%= __Utils.apiURL("{{ route('vendor.user.write.delete', [ 'userIdOrUid']) }}", {'userIdOrUid': __tData._uid}) %>" class="btn btn-danger btn-sm lw-ajax-link-action" data-confirm="#lwDeleteUser-template" title="{{ __tr('Delete') }}" data-callback-params="{{ json_encode(['datatableId' => '#lwUserList']) }}" data-callback="appFuncs.modelSuccessCallback"><i class="fa fa-trash"></i> {{  __tr('Delete') }}</a>
{{-- login as  --}}
<!-- login as button -->

<% if(__tData.status=='Active') { %>
<% if(__tData._uid != '{{ getUserUid() }}') { %>
<a data-method="post" href="<%= __Utils.apiURL("{{ route('vendor.user.write.login_as', [ 'userIdOrUid']) }}", {'userIdOrUid': __tData._uid}) %>" class="btn btn-success btn-sm lw-ajax-link-action" data-confirm="#lwLoginAs-template" title="{{ __tr('Login as') }}"><i class="fa fa-sign-in-alt"></i> {{  __tr('Login as') }}</a>
<% } %>
<% } %>
<!-- /login as button -->

    </script>
        <!-- /action template -->

        <!-- User delete template -->
        <script type="text/template" id="lwDeleteUser-template">
            <h2>{{ __tr('Are You Sure!') }}</h2>
            <p>{{ __tr('You want to delete this team member?') }}</p>
    </script>
        <!-- /User delete template -->
        <script type="text/template" id="lwLoginAs-template">
            <h2>{{ __tr('Are You Sure!') }}</h2>
        <p>{{ __tr('You want login to this team member account?') }}</p>
</script>
    </div>
</div>
@endsection()