@php
    $setting = App\Models\Utility::getAdminPaymentSettings();
    if ($setting['color']) {
        $color = $setting['color'];
    } else {
        $color = 'theme-3';
    }
@endphp
<form method="post" action="{{ route('notes.update', [$currentWorkspace->slug, $note->id]) }}" class="needs-validation" novalidate>
    @csrf
    <div class="modal-body">
        <div class="row">
            @if ($currentWorkspace->is_chagpt_enable())
                <div class="text-end col-12">
                    <a href="#" data-size="lg" data-ajax-popup-over="true" class="btn btn-sm btn-primary"
                        data-url="{{ route('generate', ['notes']) }}" data-bs-toggle="tooltip" data-bs-placement="top"
                        title="{{ __('Generate with AI') }}"
                        data-title="{{ __('Generate Notes Title & Description') }}">
                        <i class="fas fa-robot px-1"></i>{{ __('Generate with AI') }}</a>
                </div>
            @endif
            <div class="col-md-12">
                <label for="title" class="col-form-label">{{ __('Title') }}</label><x-required></x-required>
                <input class="form-control" type="text" id="title" name="title"
                    placeholder="{{ __('Enter Title') }}" value="{{ $note->title }}" required>
            </div>
            <div class="col-md-12">
                <label for="description" class="col-form-label">{{ __('Description') }}</label><x-required></x-required>
                <textarea rows="3" class="form-control summernote" id="description" name="text"
                    placeholder="{{ __('Enter Description') }}" required>{{ $note->text }}</textarea>
            </div>
            <div class="col-md-12">
                <label for="color" class="col-form-label">{{ __('Color') }}</label><x-required></x-required>
                <select class="form-control" name="color" id="color" required>
                    <option value="bg-primary">{{ __('Primary') }}</option>
                    <option @if ($note->color == 'bg-secondary') selected @endif value="bg-secondary">
                        {{ __('Secondary') }}</option>
                    <option @if ($note->color == 'bg-info') selected @endif value="bg-info">{{ __('Info') }}
                    </option>
                    <option @if ($note->color == 'bg-warning') selected @endif value="bg-warning">{{ __('Warning') }}
                    </option>
                    <option @if ($note->color == 'bg-danger') selected @endif value="bg-danger">{{ __('Danger') }}
                    </option>
                </select>
            </div>
            <div class="col-md-12">
                <label for="type" class="col-form-label">{{ __('Type') }}</label>
                <div class="selectgroup w-50 ">
                    <label class="selectgroup-item">
                        <input type="radio" name="type" value="personal" class="selectgroup-input"
                            {{ $note->type == 'personal' ? 'checked="checked"' : '' }}>
                        <span class="selectgroup-button">{{ __('Personal') }}</span>
                    </label>
                    <label class="selectgroup-item">
                        <input type="radio" name="type" value="shared" class="selectgroup-input"
                            {{ $note->type == 'shared' ? 'checked="checked"' : '' }}>
                        <span class="selectgroup-button">{{ __('Shared') }}</span>
                    </label>
                </div>
            </div>

            <div class="col-md-12 assign_to_selection">
                <label for="assign_to" class="col-form-label">{{ __('Assign to') }}</label>
                <select id="assign_to" name="assign_to[]" class="multi-select" data-toggle="select2" multiple="multiple"
                    data-placeholder="{{ __('Select Users ...') }}">
                    @foreach ($users as $u)
                        <option value="{{ $u->id }}" @if (in_array($u->id, $note->assign_to)) selected @endif>
                            {{ $u->name }} - {{ $u->email }}</option>
                    @endforeach
                </select>
            </div>
        </div>
    </div>
    <div class="modal-footer">
        <input type="button" value="{{ __('Cancel') }}" class="btn  btn-secondary" data-bs-dismiss="modal">
        <input type="submit" value="{{ __('Update') }}" class="btn  btn-primary">
    </div>

</form>

<script src="{{ asset('assets/custom/libs/summernote/summernote-bs4.js') }}"></script>
<script>
    $('.summernote').summernote({
        toolbar: [
            ['style', ['style']],
            ['font', ['bold', 'italic', 'underline', 'strikethrough']],
            ['list', ['ul', 'ol', 'paragraph']],
            ['insert', ['link', 'unlink']],
        ],
        height: 250,
    });
</script>
<script>
    $(document).ready(function() {
        $('#{{ $note->type }}').trigger('click');
    });
</script>
<script type="text/javascript">
    if ($(".multi-select").length > 0) {
        $($(".multi-select")).each(function(index, element) {
            var id = $(element).attr('id');
            var multipleCancelButton = new Choices(
                '#' + id, {
                    removeItemButton: true,
                }
            );
        });
    }
</script>

@if ($color == 'theme-1')
    <style type="text/css">
        .selectgroup-input:checked+.selectgroup-button {
            background-color: #51459d !important;
        }

        .selectgroup-button {

            border-color: #51459d !important;
        }
    </style>
@endif

@if ($color == 'theme-2')
    <style type="text/css">
        .selectgroup-input:checked+.selectgroup-button {
            background-color: #1f3996 !important;
        }

        .selectgroup-button {

            border-color: #1f3996 !important;
        }
    </style>
@endif
@if ($color == 'theme-3')
    <style type="text/css">
        .selectgroup-input:checked+.selectgroup-button {
            background-color: #6fd943 !important;
        }

        .selectgroup-button {

            border-color: #6fd943 !important;
        }
    </style>
@endif
@if ($color == 'theme-4')
    <style type="text/css">
        .selectgroup-input:checked+.selectgroup-button {
            background-color: #584ed2 !important;
        }

        .selectgroup-button {

            border-color: #584ed2 !important;
        }
    </style>
@endif