@extends("user.layouts.dashboard")
@section("content")
<div class="row">
    <div class="col-lg-7 col-xxl-5">
        <div class="uploader-card card">
            <div class="card-body">
                <div class="upload-methods d-flex gap-3" role="tablist">
                    <a href="#" class="active" data-bs-toggle="pill" data-bs-target="#upload-file" role="tab" aria-controls="upload-file" aria-selected="true">{{ __('lang.local_files') }}</a>
                    <a href="#" class="" data-bs-toggle="pill" data-bs-target="#upload-url" role="tab" aria-controls="upload-url" aria-selected="false">{{ __('lang.direct_link') }}</a>
                </div>
                @if ($errors->any())
                    <div class="alert alert-1 show mb-2" role="alert">
                        @foreach ($errors->all() as $error)
                            <p class="m-0">{{ $error }}</p>
                        @endforeach
                    </div>
                @endif
                <div class="tab-content my-3">
                    <div class="tab-pane active" id="upload-file" role="tabpanel" tabindex="0">
                        <div class="dropzone dropzone-uploader d-flex">
                            <div class="dz-message needsclick m-auto">
                                <i class="uploader-icon fa-solid fa-cloud-arrow-up fa-fw fa-3x"></i>
                                <div class="mt-2">
                                    <h2>{{ __('lang.drop_file_here') }}</h2>
                                    <span>{{ __(
                                        'lang.upload_up_to', 
                                        [
                                            'max' => '10',
                                            'maxsize' => formatKiloBytes(config('upload.MAX_FILE_SIZE'))
                                        ]
                                    ) }}</span>
                                </div>
                            </div>
                            <div class="dropzone-previews dz-clickable position-relative">
                                <div class="dropzone-previews-inner position-absolute"></div>
                            </div>
                        </div>
                        @if (setting('recaptcha_status') == 1)
                            {!! RecaptchaV3::field('upload_file') !!}
                        @endif
                    </div>
                    <div class="tab-pane" id="upload-url" role="tabpanel" tabindex="0">
                        <div class="link-area mb-2">
                            <textarea 
                                class="form-control border-0" 
                                name="file-url" 
                                id="file-url" 
                                placeholder="{{ __('lang.write_url_here') }}"></textarea>
                            @if (setting('recaptcha_status') == 1)
                                {!! RecaptchaV3::field('upload_url') !!}
                            @endif
                        </div>
                        <div class="dropzone-results">
                            <div class="dropzone dropzone-passive d-flex">
                                <div class="dz-message needsclick m-auto">
                                    <i class="uploader-icon fa-solid fa-cloud-arrow-up fa-fw fa-3x"></i>
                                    <div class="mt-2">
                                        <h2>{{ __('lang.drop_file_here') }}</h2>
                                        <span>{{ __(
                                            'lang.upload_up_to', 
                                            [
                                                'max' => '10',
                                                'maxsize' => formatKiloBytes(config('upload.MAX_FILE_SIZE'))
                                            ]
                                        ) }}</span>
                                    </div>
                                </div>
                                <div class="dropzone-links dz-clickable position-relative">
                                    <div class="dropzone-previews-inner position-absolute"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="d-flex justify-content-between">
                    <div class="form-switch d-flex gap-2">
                        <input class="form-check-input my-auto" type="checkbox" role="switch" id="advanced-options" data-advanced-options checked>
                        <label class="form-check-label my-auto" for="advanced-options">{{ __('lang.options') }}</label>
                    </div>
                    <button 
                        type="button" 
                        class="upload-files btn btn-color-1{{ setting('recaptcha_status') == 1 ? ' disabled' : '' }}" 
                        id="upload-files">
                        <span class="upload-button-text pe-none">
                            <span class="d-none d-sm-block">{{ __('lang.start_upload') }}</span>
                            <span class="d-sm-none">{{ __('lang.upload') }}</span>
                        </span>
                        <span class="spinner-border spinner-border-sm text-light pe-none d-none" role="status"></span>
                    </button>
                </div>
                <div class="advanced-options btn-group w-100 mt-3 show" role="group" aria-label="Advanced options" data-options>
                    <button 
                        type="button" 
                        class="btn" 
                        data-bs-toggle="tooltip" 
                        data-bs-placement="top" 
                        data-bs-custom-class="custom-tooltip" 
                        data-bs-title="{{ __('lang.convert_image_format') }}" 
                        data-modal="convert-modal">
                        <i class="fa-solid fa-photo-film fa-fw pe-none"></i>
                    </button>
                    <button 
                        type="button" 
                        class="btn" 
                        data-bs-toggle="tooltip" 
                        data-bs-placement="top" 
                        data-bs-custom-class="custom-tooltip" 
                        data-bs-title="{{ __('lang.compress_image') }}" 
                        data-modal="compress-modal">
                        <i class="fa-solid fa-down-left-and-up-right-to-center fa-fw pe-none"></i>
                    </button>
                    <button 
                        type="button" 
                        class="btn" 
                        data-bs-toggle="tooltip" 
                        data-bs-placement="top" 
                        data-bs-custom-class="custom-tooltip" 
                        data-bs-title="{{ __('lang.change_image_size') }}" 
                        data-modal="size-modal">
                        <i class="fa-solid fa-compress fa-fw pe-none"></i>
                    </button>
                    <button 
                        type="button" 
                        class="btn" 
                        data-bs-toggle="tooltip" 
                        data-bs-placement="top" 
                        data-bs-custom-class="custom-tooltip" 
                        data-bs-title="{{ __('lang.rotate_or_reflect') }}" 
                        data-modal="rotate-modal">
                        <i class="fa-solid fa-arrows-left-right-to-line fa-fw pe-none"></i>
                    </button>
                    <button 
                        type="button" 
                        class="btn" 
                        data-bs-toggle="tooltip" 
                        data-bs-placement="top" 
                        data-bs-custom-class="custom-tooltip" 
                        data-bs-title="{{ __('lang.add_watermark') }}" 
                        data-modal="watermark-modal">
                        <i class="fa-solid fa-font fa-fw pe-none"></i>
                    </button>
                    <button 
                        type="button" 
                        class="btn" 
                        data-bs-toggle="tooltip" 
                        data-bs-placement="top" 
                        data-bs-custom-class="custom-tooltip" 
                        data-bs-title="{{ __('lang.edit_image_preferences') }}" 
                        data-modal="preference-modal">
                        <i class="fa-solid fa-sliders fa-fw pe-none"></i>
                    </button>
                    <button 
                        type="button" 
                        class="btn" 
                        data-bs-toggle="tooltip" 
                        data-bs-placement="top" 
                        data-bs-custom-class="custom-tooltip" 
                        data-bs-title="{{ __('lang.add_effect') }}" 
                        data-modal="effect-modal">
                        <i class="fa-solid fa-brush fa-fw pe-none"></i>
                    </button>
                    <button 
                        type="button" 
                        class="btn" 
                        data-bs-toggle="tooltip" 
                        data-bs-placement="top" 
                        data-bs-custom-class="custom-tooltip" 
                        data-bs-title="{{ __('lang.set_autoremove') }}" 
                        data-modal="autoremove-modal">
                        <i class="fa-solid fa-trash-can fa-fw pe-none"></i>
                    </button>
                    <button 
                        type="button" 
                        class="btn" 
                        data-bs-toggle="tooltip" 
                        data-bs-placement="top" 
                        data-bs-custom-class="custom-tooltip" 
                        data-bs-title="{{ __('lang.limit_access') }}" 
                        data-modal="access-modal">
                        <i class="fa-solid fa-lock fa-fw pe-none"></i>
                    </button>
                    <button 
                        type="button" 
                        class="btn" 
                        data-bs-toggle="tooltip" 
                        data-bs-placement="top" 
                        data-bs-custom-class="custom-tooltip" 
                        data-bs-title="{{ __('lang.remove_exif') }}" 
                        data-modal="exif-modal">
                        <i class="fa-solid fa-eraser fa-fw pe-none"></i>
                    </button>
                </div>
                <div class="mobile-options flex-wrap gap-2 mt-3 show" data-options>
                    <button type="button" class="btn action-button flex-fill" data-bg="gray" data-modal="convert-modal">
                        {{ __('lang.convert') }}
                    </button>
                    <button type="button" class="btn action-button flex-fill" data-bg="gray" data-modal="compress-modal">
                        {{ __('lang.compress') }}
                    </button>
                    <button type="button" class="btn action-button flex-fill" data-bg="gray" data-modal="size-modal">
                        {{ __('lang.size') }}
                    </button>
                    <button type="button" class="btn action-button flex-fill" data-bg="gray" data-modal="rotate-modal">
                        {{ __('lang.rotate') }}
                    </button>
                    <button type="button" class="btn action-button flex-fill" data-bg="gray" data-modal="watermark-modal">
                        {{ __('lang.watermark') }}
                    </button>
                    <button type="button" class="btn action-button flex-fill" data-bg="gray" data-modal="preference-modal">
                        {{ __('lang.preference') }}
                    </button>
                    <button type="button" class="btn action-button flex-fill" data-bg="gray" data-modal="effect-modal">
                        {{ __('lang.effect') }}
                    </button>
                    <button type="button" class="btn action-button flex-fill" data-bg="gray" data-modal="autoremove-modal">
                        {{ __('lang.autoremove') }}
                    </button>
                    <button type="button" class="btn action-button flex-fill" data-bg="gray" data-modal="access-modal">
                        {{ __('lang.access') }}
                    </button>
                    <button type="button" class="btn action-button flex-fill" data-bg="gray" data-modal="exif-modal">
                        {{ __('lang.exif') }}
                    </button>
                </div>
                @if (setting('recaptcha_status') == 1)
                    <p class="recaptcha mt-4">
                        {!! __('lang.recaptcha') !!}
                    </p>
                @endif
            </div>
        </div>
    </div>
</div>
<div 
    class="modal fade" 
    id="convert-modal" 
    data-bs-backdrop="static" 
    data-bs-keyboard="false" 
    tabindex="-1" 
    aria-hidden="true" 
    aria-modal="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-body">
                <label for="type" class="form-label">{{ __('lang.convert_image') }}</label>
                <select class="form-select" name="type" id="type">
                    <option value="" selected>{{ __('lang.select_type') }}</option>
                    @foreach (convertibleTypes('array') as $type)
                        <option value="{{ $type }}">{{ strtoupper($type) }}</option>
                    @endforeach
                </select>
            </div>
            <div class="modal-footer">
                <button 
                    type="button" 
                    class="btn btn-color-4 modal-cancel" 
                    data-modal-id="convert-modal" 
                    data-bs-dismiss="modal">{{ __('lang.reset') }}</button>
                <button 
                    type="button" 
                    class="btn btn-color-1" 
                    data-bs-dismiss="modal">{{ __('lang.save') }}</button>
            </div>
        </div>
    </div>
</div>
<div 
    class="modal fade" 
    id="compress-modal" 
    data-bs-backdrop="static" 
    data-bs-keyboard="false" 
    tabindex="-1" 
    aria-hidden="true" 
    aria-modal="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-body">
                <label for="compress" class="form-label">
                    {{ __('lang.compress_image') }}
                </label>
                <input 
                    type="range" 
                    class="form-range" 
                    min="0" 
                    max="100" 
                    step="1" 
                    value="0" 
                    id="compress" 
                    name="compress" 
                    data-default="0">
            </div>
            <div class="modal-footer">
                <button 
                    type="button" 
                    class="btn btn-color-4 modal-cancel" 
                    data-bs-dismiss="modal"
                    data-modal-id="compress-modal">
                    {{ __('lang.reset') }}
                </button>
                <button 
                    type="button" 
                    class="btn btn-color-1" 
                    data-bs-dismiss="modal">
                    {{ __('lang.save') }}
                </button>
            </div>
        </div>
    </div>
</div>
<div 
    class="modal fade" 
    id="size-modal" 
    data-bs-backdrop="static" 
    data-bs-keyboard="false" 
    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="row">
                    <div class="col-6">
                        <label for="size-width" class="form-label">
                            {{ __('lang.image_width') }}
                        </label>
                        <input 
                            type="number" 
                            class="form-control" 
                            id="size-width" 
                            name="size[width]" 
                            placeholder="{{ __('lang.width') }}">
                    </div>
                    <div class="col-6">
                        <label for="size-height" class="form-label">
                            {{ __('lang.image_height') }}
                        </label>
                        <input 
                            type="number" 
                            class="form-control" 
                            id="size-height" 
                            name="size[height]" 
                            placeholder="{{ __('lang.height') }}">
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button 
                    type="button" 
                    class="btn btn-color-4 modal-cancel" 
                    data-bs-dismiss="modal"
                    data-modal-id="size-modal">
                    {{ __('lang.reset') }}
                </button>
                <button 
                    type="button" 
                    class="btn btn-color-1" 
                    data-bs-dismiss="modal">
                    {{ __('lang.save') }}
                </button>
            </div>
        </div>
    </div>
</div>
<div 
    class="modal fade" 
    id="rotate-modal" 
    data-bs-backdrop="static" 
    data-bs-keyboard="false" 
    tabindex="-1" 
    aria-hidden="true" 
    aria-modal="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-body">
                <label for="rotation-reflect" class="form-label">{{ __('lang.rotate_reflect') }}</label>
                <select class="form-select" id="rotation-reflect" name="rotation-reflect">
                    <option value="" selected>{{ __('lang.select') }}</option>
                    <option value="reflect-h">{{ __('lang.reflect_horizontally') }}</option>
                    <option value="reflect-v">{{ __('lang.reflect_vertically') }}</option>
                    <optgroup label="{{ __('lang.rotate_left') }}">
                        <option value="rotate-l-90">90</option>
                        <option value="rotate-l-180">180</option>
                        <option value="rotate-l-270">270</option>
                    </optgroup>
                    <optgroup label="{{ __('lang.rotate_right') }}">
                        <option value="rotate-r-90">90</option>
                        <option value="rotate-r-180">180</option>
                        <option value="rotate-r-270">270</option>
                    </optgroup>
                </select>
            </div>
            <div class="modal-footer">
                <button 
                    type="button" 
                    class="btn btn-color-4 modal-cancel" 
                    data-bs-dismiss="modal" 
                    data-modal-id="rotate-modal">
                        {{ __('lang.reset') }}
                    </button>
                <button 
                    type="button" 
                    class="btn btn-color-1" 
                    data-bs-dismiss="modal">
                        {{ __('lang.save') }}
                    </button>
            </div>
        </div>
    </div>
</div>
<div 
    class="modal fade" 
    id="watermark-modal" 
    data-bs-backdrop="static" 
    data-bs-keyboard="false" 
    tabindex="-1" 
    aria-hidden="true" 
    aria-modal="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-body">
                <label for="watermark" class="form-label">{{ __('lang.watermark') }}</label>
                <input 
                    type="text" 
                    class="form-control" 
                    id="watermark" 
                    name="watermark" 
                    placeholder="{{ __('lang.watermark_text') }}">
            </div>
            <div class="modal-footer">
                <button 
                    type="button" 
                    class="btn btn-color-4 modal-cancel" 
                    data-bs-dismiss="modal" 
                    data-modal-id="watermark-modal">
                    {{ __('lang.reset') }}
                </button>
                <button 
                    type="button" 
                    class="btn btn-color-1" 
                    data-bs-dismiss="modal">
                    {{ __('lang.save') }}
                </button>
            </div>
        </div>
    </div>
</div>
<div 
    class="modal fade" 
    id="preference-modal" 
    data-bs-backdrop="static" 
    data-bs-keyboard="false" 
    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-bs-dismiss="modal" 
                    data-modal-id="preference-modal">
                    {{ __('lang.reset') }}
                </button>
                <button 
                    type="button" 
                    class="btn btn-color-1" 
                    data-bs-dismiss="modal">
                    {{ __('lang.save') }}
                </button>
            </div>
        </div>
    </div>
</div>
<div 
    class="modal fade" 
    id="effect-modal" 
    data-bs-backdrop="static" 
    data-bs-keyboard="false" 
    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="form-check d-flex align-items-center mb-3">
                    <input 
                        class="form-check-input" 
                        type="checkbox" 
                        value="1" 
                        id="grayscale" 
                        name="effects[grayscale]" 
                        data-default="false">
                    <label class="form-check-label ms-2" for="grayscale">
                        {{ __('lang.convert_to_grayscale') }}
                    </label>
                </div>
                <div class="form-check d-flex align-items-center mb-3">
                    <input 
                        class="form-check-input" 
                        type="checkbox" 
                        value="1" 
                        id="blur" 
                        name="effects[blur]" 
                        data-default="false">
                    <label class="form-check-label ms-2" for="blur">
                        {{ __('lang.blur') }}
                    </label>
                </div>
                <div class="form-check d-flex align-items-center mb-3">
                    <input 
                        class="form-check-input" 
                        type="checkbox" 
                        value="1" 
                        id="invert" 
                        name="effects[invert]" 
                        data-default="false">
                    <label class="form-check-label ms-2" for="invert">
                        {{ __('lang.invert_colors') }}
                    </label>
                </div>
                <div class="form-check d-flex align-items-center mb-3">
                    <input 
                        class="form-check-input" 
                        type="checkbox" 
                        value="1" 
                        id="pixelation" 
                        name="effects[pixelation]" 
                        data-default="false">
                    <label class="form-check-label ms-2" for="pixelation">
                        {{ __('lang.pixelation_effect') }}
                    </label>
                </div>
                <div class="form-check d-flex align-items-center">
                    <input 
                        class="form-check-input" 
                        type="checkbox" 
                        value="1" 
                        id="reduce" 
                        name="effects[reduce]" 
                        data-default="false">
                    <label class="form-check-label ms-2" for="reduce">
                        {{ __('lang.reduce_colors') }}
                    </label>
                </div>
            </div>
            <div class="modal-footer">
                <button 
                    type="button" 
                    class="btn btn-color-4 modal-cancel" 
                    data-bs-dismiss="modal" 
                    data-modal-id="effect-modal">
                    {{ __('lang.reset') }}
                </button>
                <button 
                    type="button" 
                    class="btn btn-color-1" 
                    data-bs-dismiss="modal">
                    {{ __('lang.save') }}
                </button>
            </div>
        </div>
    </div>
</div>
<div 
    class="modal fade" 
    id="autoremove-modal" 
    data-bs-backdrop="static" 
    data-bs-keyboard="false" 
    tabindex="-1" 
    aria-hidden="true" 
    aria-modal="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-body">
                <label for="auto-remove" class="form-label">{{ __('lang.auto_remove') }}</label>
                <select class="form-select" name="auto-remove" id="auto-remove">
                    <option value="" selected>{{ __('lang.select_time') }}</option>
                    <option value="5m">5 {{ __('lang.minutes') }}</option>
                    <option value="30m">30 {{ __('lang.minutes') }}</option>
                    <option value="1h">1 {{ __('lang.hour') }}</option>
                    <option value="6h">6 {{ __('lang.hours') }}</option>
                    <option value="12h">12 {{ __('lang.hours') }}</option>
                    <option value="1d">1 {{ __('lang.day') }}</option>
                    <option value="1w">1 {{ __('lang.week') }}</option>
                    <option value="1m">1 {{ __('lang.month') }}</option>
                </select>
            </div>
            <div class="modal-footer">
                <button 
                    type="button" 
                    class="btn btn-color-4 modal-cancel" 
                    data-bs-dismiss="modal" 
                    data-modal-id="autoremove-modal">
                    {{ __('lang.reset') }}
                </button>
                <button 
                    type="button" 
                    class="btn btn-color-1" 
                    data-bs-dismiss="modal">
                    {{ __('lang.save') }}
                </button>
            </div>
        </div>
    </div>
</div>
<div 
    class="modal fade" 
    id="access-modal" 
    data-bs-backdrop="static" 
    data-bs-keyboard="false" 
    tabindex="-1" 
    aria-hidden="true" 
    aria-modal="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-body">
                <label for="password" class="form-label">{{ __('lang.set_password') }}</label>
                <input 
                    type="text" 
                    class="form-control" 
                    id="password" 
                    name="password" 
                    placeholder="{{ __('lang.password') }}">
            </div>
            <div class="modal-footer">
                <button 
                    type="button" 
                    class="btn btn-color-4 modal-cancel" 
                    data-bs-dismiss="modal" 
                    data-modal-id="access-modal">
                    {{ __('lang.reset') }}
                </button>
                <button 
                    type="button" 
                    class="btn btn-color-1" 
                    data-bs-dismiss="modal">
                    {{ __('lang.save') }}
                </button>
            </div>
        </div>
    </div>
</div>
<div 
    class="modal fade" 
    id="exif-modal" 
    data-bs-backdrop="static" 
    data-bs-keyboard="false" 
    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="form-check d-flex align-items-center mb-3">
                    <input 
                        class="form-check-input" 
                        type="checkbox" 
                        name="exif[basic]" 
                        value="1" 
                        id="exif" 
                        data-default="false">
                    <label class="form-check-label ms-2" for="exif">
                        {{ __('lang.remove_exif_data') }}
                    </label>
                </div>
                <div class="form-check d-flex align-items-center">
                    <input 
                        class="form-check-input" 
                        type="checkbox" 
                        name="exif[deep]" 
                        value="1" 
                        id="exif-deep" 
                        data-default="false">
                    <label class="form-check-label ms-2" for="exif-deep">
                        {{ __('lang.remove_exif_data_deep') }}
                    </label>
                </div>
            </div>
            <div class="modal-footer">
                <button 
                    type="button" 
                    class="btn btn-color-4 modal-cancel" 
                    data-bs-dismiss="modal" 
                    data-modal-id="exif-modal">
                    {{ __('lang.reset') }}
                </button>
                <button 
                    type="button" 
                    class="btn btn-color-1" 
                    data-bs-dismiss="modal">
                    {{ __('lang.save') }}
                </button>
            </div>
        </div>
    </div>
</div>
@stop