<form 
    action="{{ LaravelLocalization::localizeUrl('/get-file') }}" 
    id="add-file-url-form" 
    method="POST">
    <div 
        class="modal fade" 
        id="from-link-modal" 
        tabindex="-1" 
        aria-hidden="true"
        aria-modal="true">
        <div class="modal-dialog modal-lg modal-dialog-centered modal-dialog-scrollable">
            <div class="modal-content">
                <div class="modal-body">
                    <label class="form-label" for="file-url">
                        {{ __('lang.add_file_url') }}
                    </label>
                    <input 
                        type="text" 
                        class="form-control" 
                        id="file-url" 
                        name="url" 
                        placeholder="{{ __('lang.write_url') }}">
                    <div class="url-input-error dropzone-error mt-2 d-none"></div>
                </div>
                <div class="modal-footer">
                    <button 
                        type="submit" 
                        class="btn btn-color-1">
                        <span 
                            class="spinner-border spinner-border-sm text-light d-none" 
                            role="status">
                        </span>
                        {{ __('lang.save') }}
                    </button>
                </div>
            </div>
        </div>
    </div>
</form>
<form 
    action="#" 
    id="settings-form" 
    class="file-settings-form" 
    method="POST">
    <div 
        class="modal fade" 
        id="settings-modal" 
        tabindex="-1" 
        aria-hidden="true"
        aria-modal="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-body">
                    <div class="mb-3">
                        <label for="brightness" class="form-label">
                            {{ __('lang.brightness') }}
                        </label>
                        <input 
                            type="range" 
                            class="form-range" 
                            min="-100" 
                            max="100" 
                            step="1" 
                            value="0" 
                            id="brightness" 
                            name="preferences[brightness]" 
                            data-default="0">
                    </div>
                    <div class="mb-3">
                        <label for="contrast" class="form-label">
                            {{ __('lang.contrast') }}
                        </label>
                        <input 
                            type="range" 
                            class="form-range" 
                            min="-100" 
                            max="100" 
                            step="1" 
                            value="0" 
                            id="contrast" 
                            name="preferences[contrast]" 
                            data-default="0">
                    </div>
                    <div class="mb-3">
                        <label for="gamma" class="form-label">
                            {{ __('lang.gamma') }}
                        </label>
                        <input 
                            type="range" 
                            class="form-range" 
                            min="0.8" 
                            max="2.3" 
                            step=".1" 
                            value="1" 
                            id="gamma" 
                            name="preferences[gamma]" 
                            data-default="1">
                    </div>
                    <div class="mb-3">
                        <label for="red" class="form-label">
                            {{ __('lang.red') }}
                        </label>
                        <input 
                            type="range" 
                            class="form-range" 
                            min="-100" 
                            max="100" 
                            step="1" 
                            value="0" 
                            id="red" 
                            name="preferences[red]"
                            data-default="0">
                    </div>
                    <div class="mb-3">
                        <label for="green" class="form-label">
                            {{ __('lang.green') }}
                        </label>
                        <input 
                            type="range" 
                            class="form-range" 
                            min="-100" 
                            max="100" 
                            step="1" 
                            value="0" 
                            id="green" 
                            name="preferences[green]" 
                            data-default="0">
                    </div>
                    <div>
                        <label for="blue" class="form-label">
                            {{ __('lang.blue') }}
                        </label>
                        <input 
                            type="range" 
                            class="form-range" 
                            min="-100" 
                            max="100" 
                            step="1" 
                            value="0" 
                            id="blue" 
                            name="preferences[blue]" 
                            data-default="0">
                    </div>
                </div>
                <div class="modal-footer">
                    <button 
                        type="button" 
                        class="btn btn-color-4 modal-cancel" 
                        data-modal-id="settings-modal" 
                        data-bs-dismiss="modal">
                        {{ __('lang.cancel') }}
                    </button>
                    <button 
                        type="button" 
                        class="save-settings btn btn-color-1" 
                        data-current-form="#settings-form" 
                        data-bs-dismiss="modal">
                        {{ __('lang.save') }}
                    </button>
                </div>
            </div>
        </div>
    </div>
</form>