@extends('main-site.layouts.app')
@section('style')
    <link rel="stylesheet" href="{{ asset('assets/vendor/libs/toastr/toastr.css') }}">
@endsection
@section('content')
    <div class="content-box rounded-lg def-bg shadow py-sm-5 py-4 px-sm-5 px-4">
        <div class="text-center">
            <div class="d-flex justify-content-end position-relative back">
                <a href="{{ route( $action.'sub_account.index') }}"
                    class="back-btn d-flex align-items-center justify-content-center"><i
                        class="icon-arrow-left"></i></a>
            </div>
            <h3 class="dark-color fw-600 mb-2">{{ __('site.Account.User_6') }} </h3>
        </div>

        <div class="box-body pt-5">
            <form class="main-form white form_submit" id="formSubAcc"
                action="{{ route($action . 'sub_account.update', $item->id) }}" method="POST" enctype="multipart/form-data">
                @csrf
                <div class="row gx-lg-5">
                    <div class="col-lg-12">
                        <div class="form-group mb-45">
                            <label class="form-label dark-color mb-3 fw-600">{{ __('site.Account.User_2') }} </label>
                            <div class="d-flex gap-2 flex-wrap">
                                @php
                                    $permissions =
                                        $action == 'supplier'
                                            ? \App\Enums\UserSupplierPermission::values()
                                            : \App\Enums\UserBuyerPermission::values();
                                @endphp
                                @foreach ($permissions as $permission)
                                    <label class="checkbox-btn dark-color" for="{{ $permission }}">
                                        <input class="form-check-input" type="checkbox"
                                            name="permissions[{{ $loop->iteration }}]" value="{{ $permission }}"
                                            id="{{ $permission }}"
                                            {{ in_array($permission, $user_permissions) ? 'checked' : '' }}>
                                        <span>{{ __("messages_301.user_permission.{$permission}") }}</span>
                                    </label>
                                @endforeach

                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6">
                        <div class="form-group mb-45">
                            <label class="form-label dark-color mb-3 fw-600">{{ __('messages.Name') }} </label>
                            <input type="text" class="form-control" name="name" value="{{ $item->name }}">
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6">
                        <div class="form-group mb-45">
                            <label class="form-label dark-color mb-3 fw-600">{{ __('messages.Email') }}</label>
                            <input type="email" class="form-control" name="email" value="{{ $item->email }}">
                        </div>
                    </div>
                </div>
                <div class="row align-items-end gx-lg-5">
                    <div class="col-lg-4 col-md-6">
                        <div class="form-group mb-45">
                            <label class="form-label dark-color mb-3 fw-600">{{ __('messages.Password') }}</label>
                            <div class="input-icon">
                                <input type="password" class="form-control" name="password"
                                    placeholder="{{ __('messages.Password') }}">
                                <i class="icon-lock"></i>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6">
                        <div class="form-group mb-45">
                            <label class="form-label dark-color mb-3 fw-600">{{ __('messages.Confirm Password') }}</label>
                            <div class="input-icon">
                                <input type="password" class="form-control" name="password_confirmation"
                                    placeholder="{{ __('messages.Confirm Password') }}">
                                <i class="icon-lock"></i>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6">
                        <div class="form-group mb-45">
                            <button class="main-btn w-100" type="button" id="confirmAddUser">
                                {{ __('messages.Save') }}
                            </button>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
@endsection

@section('script')
    @include('main-site.supplier.products.inc.script_submit')

    <script>
        $(function() {
            $("#confirmAddUser").click(function(e) {
                // console.log('test');
                e.preventDefault(); // منع السلوك الافتراضي
                const $button = $(this);
                $button.attr("disabled", true); // تعطيل الزر أثناء الإرسال
                $button.find(".spinner-border").removeClass("d-none"); // إظهار التحميل
                $("#formSubAcc").submit();
            });
        })
    </script>
@endsection