<div class="modal fade" id="addNewFeature" tabindex="-1" aria-labelledby="addNewFeatureModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-md modal-dialog-centered">
        <div class="modal-content site-table-modal">
            <div class="modal-body popup-body">
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close">
                </button>
                <div class="popup-body-text">
                    <h3 class="title mb-4">{{ __('Add New') }}</h3>
                    <form action="{{ route('admin.page.content-store') }}" method="post" enctype="multipart/form-data">
                        @csrf
                        <input type="hidden" name="type" value="p2p-trading-features">

                        <div class="site-input-groups">
                            <label for="" class="box-input-label">{{ __('Icon') }}</label>
                            <div class="wrap-custom-file">
                                <input type="file" name="icon" id="p2p_howitworks_icon"
                                    accept=".gif, .jpg, .png, .svg, .webp" />
                                <label for="p2p_howitworks_icon">
                                    <img class="upload-icon" src="{{ asset('global/materials/upload.svg') }}"
                                        alt="" />
                                    <span>{{ __('Upload') }}</span>
                                </label>
                            </div>
                        </div>

                        <div class="site-input-groups">
                            <label for="" class="box-input-label">{{ __('Title:') }}</label>
                            <input type="text" name="title" class="box-input mb-0"
                                placeholder="{{ __('Title') }}" required="" />
                        </div>
                        <div class="site-input-groups mb-0">
                            <label for="" class="box-input-label">{{ __('Description:') }}</label>
                            <textarea name="description" class="form-textarea" placeholder="{{ __('Description') }}"></textarea>
                        </div>

                        <div class="action-btns">
                            <button type="submit" class="site-btn-sm primary-btn me-2">
                                <i data-lucide="check"></i>
                                {{ __('Add New') }}
                            </button>
                            <a href="#" class="site-btn-sm red-btn" data-bs-dismiss="modal" aria-label="Close">
                                <i data-lucide="x"></i>
                                {{ __('Close') }}
                            </a>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
