@extends("cms.layouts.app", ['page_id' => 'cms_users_show'])

@push("js")
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script type="text/javascript">
  $(function () {
        $('.form-inactivate-item').on('submit', function(e) {
            var name = $(this).data('name');

            var msg = `'{{ __('cms.form.activate_message', ['action' => $user->status == CmsUser::Active ? __('cms.form.inactivate') : __('cms.form.activate') , 'object' => $user->name]) }}'`;
            if(!confirm(msg)){
                e.preventDefault();
                $('.btn-item-toggle').attr('aria-pressed', function(_, attr){ return !attr});
                $('.btn-item-toggle').toggleClass('active');
            }
        });
        $('.btn-item-toggle').on('click', function(e) {
            $('.form-inactivate-item').submit();
        });
  })
</script>
@endpush

@section("title")
<div class="d-flex align-items-center">
    <span class="mr-4">{{ $user->first_name . ' ' . $user->last_name }}</span>
   <!-- <span class="badge badge-pill badge-user-role-{{ $user->getRole()->id }}">{{ $user->role_name }}</span> -->
</div>
@endsection
@section('subtitle')
<span class="text-primary mr-4">{{ $user->email }}</span>
@endsection


@section("content")
<div class="row">
    <div class="col-md-8">
        @php
            $form_route = route('cms.cms_users.update', $user->id);
            $form_type = 'edit';
            $roles = Role::whereIn('id', [
                CmsUser::SuperAdmin,
                CmsUser::CS,
                CmsUser::Warehouse,
            ])->get()->toArray();

            $action = 'update';
        @endphp
        <x-user.form :form_type="$form_type" :form_route="$form_route" :user="$user" :roles="$roles" :action="$action">
        </x-user.form>


        @php
            $form_route2 = route('cms.cms_users.update_permission', $user->id);
            $form_type = 'edit';
            $roles = Role::whereIn('id', [
                CmsUser::SuperAdmin,
                CmsUser::CS,
                CmsUser::Warehouse,
            ])->get()->toArray();
        @endphp

        @php

        $current_user = Auth::guard('cms')->user();

	  if( isset(json_decode($current_user->permission)->user_permission)){
            if( json_decode($current_user->permission)->user_permission == 1  && !isset($self)){


        @endphp


        <div class="mb-5 card user-permission">
          <x-user.permission :form_type="$form_type" :form_route="$form_route2" :user="$user" :roles="$roles" >
          </x-user.form>
        </div>

        @php }} @endphp


       

    </div>
    <div class="col-md-4">
        <div class="card-columns card-columns-2 card-columns-md-1">

            <div class="mb-5 card status">
                @php
                    $isActive = $user->status == CmsUser::Active;
                    $form_route = ($isActive)? 'cms.cms_users.inactivate' : 'cms.cms_users.activate';
                    $current_user = Auth::guard('cms')->user();
                    $disabled = $current_user->id == $user->id;
                @endphp

                {{ Form::open(['method'  => 'POST', 'route' => [$form_route, $user], 'class' => 'form-inactivate-item', 'data-name' => $user->name]) }}
                {{ Form::close() }}

                <div class="card-body">
                    <small class="text-dark-grey">{{ __('cms.status') }}</small>
                    <br>
                    <button type="button" class="btn btn-sm btn-toggle btn-item-toggle {{ $isActive? 'active': '' }} mx-0 mt-2" data-toggle="button" aria-pressed="{{ $isActive? 'true': 'false' }}" autocomplete="off" {{ $disabled? 'disabled' : '' }}><div class="handle"></div></button>
                </div>
            </div>

            <div class="mb-5 card last-modified">
                <div class="card-body">
                    <small class="text-dark-grey">{{ __('cms.last_updated') }}</small>
                    <h4 class="font-weight-normal my-2">
                        {{ __('cms.by') . ' ' . $user->updated_by_user->name}}
                    </h4>
                    <small class="text-dark-grey">{{ $user->updated_at }}</small>
                </div>
            </div>

            <div class="mb-5 card last-modified">
                <div class="card-body">
                    <small class="text-dark-grey">{{ __('cms.created_by') }}</small>
                    <h4 class="font-weight-normal my-2">
                        {{ __('cms.by') . ' ' . $user->created_by_user->name }}
                    </h4>
                    <small class="text-dark-grey">{{ $user->created_at }}</small>
                </div>
            </div>
        </div>
	</div>
@endsection