@extends('admin.main')

@section('main')
    <form class="form d-flex flex-column flex-lg-row" action="{{ route('admin.admins.edit.action', $admin->id) }}" method="POST">
        @csrf
        <div class="d-flex flex-column flex-row-fluid gap-7 gap-lg-10">
            <div class="tab-content">
                <div class="tab-pane fade show active" id="kt_ecommerce_add_product_general" role="tab-panel">
                    <div class="d-flex flex-column gap-7 gap-lg-10">
                        <div class="card card-flush py-4">
                            <div class="card-header">
                                <div class="card-title">
                                    <h2>Edit Administrator</h2>
                                </div>
                            </div>
                            <div class="card-body pt-0">
                                <div class="mb-10 fv-row">
                                    <label class="required form-label">Administrator's name</label>
                                    <input required type="text" name="name" class="form-control mb-2"
                                        placeholder="Admin's name" value="{{$admin->name}}"/>
                                </div>
                                <div class="mb-10 fv-row">
                                    <label class="form-label">Email</label>
                                    <input required type="text" readonly disabled name="email" class="form-control mb-2"
                                        placeholder="Admin's email" value="{{$admin->email}}"/>
                                </div>
                                <div class="mb-10 fv-row">
                                    <label class="form-label">Password</label>
                                    <input type="password" name="password" class="form-control mb-2"
                                        placeholder="Admin's password" />
                                </div>
                                <div class="mb-10 fv-row">
                                    <label class="form-label">Permissions</label>
                                    <input name='permissions' id="permissions" class='form-control some_class_name myTagsAct tag__here' placeholder='Permission list' onchange=""value="{{$admin->permissions}}">
                                </div>

                            </div>
                        </div>

                    </div>
                </div>

            </div>

            <div class="d-flex justify-content-end">
                <button type="submit" id="kt_ecommerce_add_product_submit" class="btn btn-primary">
                    <span class="indicator-label">Save</span>
                    <span class="indicator-progress">Wait...
                        <span class="spinner-border spinner-border-sm align-middle ms-2"></span></span>
                </button>
            </div>
        </div>
    </form>
@endsection

@push('js')
    <script src="{{ asset('admin/plugins/custom/formrepeater/formrepeater.bundle.js') }}"></script>
    <script src="{{ asset('admin/plugins/global/plugins.bundle.js') }}"></script>
    <script src="{{ asset('admin/js/widgets.bundle.js') }}"></script>
    <script src="{{ asset('admin/js/myCustomProducts.js') }}"></script>
    <script>

        var input = document.querySelector('#permissions');
        let permissions = [
            'admin_view', 'admin_create', 'admin_edit', 'admin_delete',

            'samples_view', 'samples_add', 'samples_create', 'samples_remove', 'samples_edit',

            'samples_requests_view', 'samples_requests_edit',

            'warranty_view', 'warranty_change_status', 'warranty_issue_certificate', 'warranty_view_certificate',

            'categories_edit', 'categories_view', 'categories_delete', 'categories_create'
        ]

        var tagify = new Tagify(input, {
            whitelist:permissions,
            maxTags: 999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999,
            dropdown: {
                maxItems: 999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999,
                classname: "tags-look",
                enabled: 0,
                closeOnSelect: false
            }
        })
    </script>
@endpush

@push('css')
    <link href="{{ asset('admin/plugins/global/plugins.bundle.css') }}" rel="stylesheet" type="text/css" />
@endpush