@extends(BaseHelper::getAdminMasterLayoutTemplate())

@section('content')
    <div class="max-width-1200">
        {!! Form::open(['route' => ['settings.media']]) !!}
        <x-core-setting::section
            :title="trans('core/setting::setting.media.title')"
            :description="trans('core/setting::setting.media.description')"
        >
            <x-core-setting::select
                class="setting-select-options"
                name="media_driver"
                :label="trans('core/setting::setting.media.driver')"
                :options="[
                    'public' => 'Local disk',
                    's3' => 'Amazon S3',
                    'r2' => 'Cloudflare R2',
                    'do_spaces' => 'DigitalOcean Spaces',
                    'wasabi' => 'Wasabi',
                    'bunnycdn' => 'BunnyCDN',
                ]"
                :value="RvMedia::getMediaDriver()"
            />

            <div
                data-type="s3"
                @class([
                    'setting-wrapper',
                    'hidden' => old('media_driver', RvMedia::getMediaDriver()) !== 's3',
                ])
            >
                <x-core-setting::text-input
                    name="media_aws_access_key_id"
                    :label="trans('core/setting::setting.media.aws_access_key_id')"
                    :value="config('filesystems.disks.s3.key')"
                    placeholder="Ex: AKIAIKYXBSNBXXXXXX"
                />

                <x-core-setting::text-input
                    name="media_aws_secret_key"
                    :label="trans('core/setting::setting.media.aws_secret_key')"
                    :value="config('filesystems.disks.s3.secret')"
                    placeholder="Ex: +fivlGCeTJCVVnzpM2WfzzrFIMLHGhxxxxxxx"
                />

                <x-core-setting::text-input
                    name="media_aws_default_region"
                    :label="trans('core/setting::setting.media.aws_default_region')"
                    :value="config('filesystems.disks.s3.region')"
                    placeholder="Ex: ap-southeast-1"
                />

                <x-core-setting::text-input
                    name="media_aws_bucket"
                    :label="trans('core/setting::setting.media.aws_bucket')"
                    :value="config('filesystems.disks.s3.bucket')"
                    placeholder="Ex: botble"
                />

                <x-core-setting::text-input
                    name="media_aws_url"
                    :label="trans('core/setting::setting.media.aws_url')"
                    :value="config('filesystems.disks.s3.url')"
                    placeholder="Ex: https://s3-ap-southeast-1.amazonaws.com/botble"
                />

                <x-core-setting::text-input
                    name="media_aws_endpoint"
                    :label="trans('core/setting::setting.media.aws_endpoint')"
                    :value="config('filesystems.disks.s3.endpoint')"
                    :placeholder="trans('core/setting::setting.media.optional')"
                />
            </div>

            <div
                data-type="r2"
                @class([
                    'setting-wrapper',
                    'hidden' => old('media_driver', RvMedia::getMediaDriver()) !== 'r2',
                ])
            >
                <x-core-setting::text-input
                    name="media_r2_access_key_id"
                    :label="trans('core/setting::setting.media.r2_access_key_id')"
                    :value="config('filesystems.disks.r2.key')"
                    placeholder="Ex: AKIAIKYXBSNBXXXXXX"
                />

                <x-core-setting::text-input
                    name="media_r2_secret_key"
                    :label="trans('core/setting::setting.media.r2_secret_key')"
                    :value="config('filesystems.disks.r2.secret')"
                    placeholder="Ex: +fivlGCeTJCVVnzpM2WfzzrFIMLHGhxxxxxxx"
                />

                <x-core-setting::text-input
                    name="media_r2_bucket"
                    :label="trans('core/setting::setting.media.r2_bucket')"
                    :value="config('filesystems.disks.r2.bucket')"
                    placeholder="Ex: botble"
                />

                <x-core-setting::text-input
                    name="media_r2_endpoint"
                    :label="trans('core/setting::setting.media.r2_endpoint')"
                    :value="config('filesystems.disks.r2.endpoint')"
                    placeholder="Ex: https://xxx.r2.cloudflarestorage.com"
                />

                <x-core-setting::text-input
                    name="media_r2_url"
                    :label="trans('core/setting::setting.media.r2_url')"
                    :value="config('filesystems.disks.r2.url')"
                    placeholder="Ex: https://pub-f70218cc331a40689xxx.r2.dev"
                />
            </div>

            <div
                data-type="do_spaces"
                @class([
                    'setting-wrapper',
                    'hidden' => old('media_driver', RvMedia::getMediaDriver()) !== 'do_spaces',
                ])
            >
                <x-core-setting::text-input
                    name="media_do_spaces_access_key_id"
                    :label="trans('core/setting::setting.media.do_spaces_access_key_id')"
                    :value="config('filesystems.disks.do_spaces.key')"
                    placeholder="Ex: AKIAIKYXBSNBXXXXXX"
                />

                <x-core-setting::text-input
                    name="media_do_spaces_secret_key"
                    :label="trans('core/setting::setting.media.do_spaces_secret_key')"
                    :value="config('filesystems.disks.do_spaces.secret')"
                    placeholder="Ex: +fivlGCeTJCVVnzpM2WfzzrFIMLHGhxxxxxxx"
                />

                <x-core-setting::text-input
                    name="media_do_spaces_default_region"
                    :label="trans('core/setting::setting.media.do_spaces_default_region')"
                    :value="config('filesystems.disks.do_spaces.region')"
                    placeholder="Ex: SGP1"
                />

                <x-core-setting::text-input
                    name="media_do_spaces_bucket"
                    :label="trans('core/setting::setting.media.do_spaces_bucket')"
                    :value="config('filesystems.disks.do_spaces.bucket')"
                    placeholder="Ex: botble"
                />

                <x-core-setting::text-input
                    name="media_do_spaces_endpoint"
                    :label="trans('core/setting::setting.media.do_spaces_endpoint')"
                    :value="config('filesystems.disks.do_spaces.endpoint')"
                    placeholder="Ex: https://sfo2.digitaloceanspaces.com"
                />

                <x-core-setting::form-group>
                    <input
                        name="media_do_spaces_cdn_enabled"
                        type="hidden"
                        value="0"
                    >
                    <label>
                        <input
                            name="media_do_spaces_cdn_enabled"
                            type="checkbox"
                            value="1"
                            @if (setting('media_do_spaces_cdn_enabled')) checked @endif
                        >
                        {{ trans('core/setting::setting.media.do_spaces_cdn_enabled') }}
                    </label>
                </x-core-setting::form-group>

                <x-core-setting::text-input
                    name="media_do_spaces_cdn_custom_domain"
                    :label="trans('core/setting::setting.media.media_do_spaces_cdn_custom_domain')"
                    :value="setting('media_do_spaces_cdn_custom_domain')"
                    :placeholder="trans('core/setting::setting.media.media_do_spaces_cdn_custom_domain_placeholder')"
                />
            </div>

            <div
                data-type="wasabi"
                @class([
                    'setting-wrapper',
                    'hidden' => old('media_driver', RvMedia::getMediaDriver()) !== 'wasabi',
                ])
            >
                <x-core-setting::text-input
                    name="media_wasabi_access_key_id"
                    :label="trans('core/setting::setting.media.wasabi_access_key_id')"
                    :value="config('filesystems.disks.wasabi.key')"
                    placeholder="Ex: AKIAIKYXBSNBXXXXXX"
                />

                <x-core-setting::text-input
                    name="media_wasabi_secret_key"
                    :label="trans('core/setting::setting.media.wasabi_secret_key')"
                    :value="config('filesystems.disks.wasabi.secret')"
                    placeholder="Ex: +fivlGCeTJCVVnzpM2WfzzrFIMLHGhxxxxxxx"
                />

                <x-core-setting::text-input
                    name="media_wasabi_default_region"
                    :label="trans('core/setting::setting.media.wasabi_default_region')"
                    :value="config('filesystems.disks.wasabi.region')"
                    placeholder="Ex: us-east-1"
                />

                <x-core-setting::text-input
                    name="media_wasabi_bucket"
                    :label="trans('core/setting::setting.media.wasabi_bucket')"
                    :value="config('filesystems.disks.wasabi.bucket')"
                    placeholder="Ex: botble"
                />

                <x-core-setting::text-input
                    name="media_wasabi_root"
                    :label="trans('core/setting::setting.media.wasabi_root')"
                    :value="config('filesystems.disks.wasabi.root')"
                    placeholder="Default: /"
                />
            </div>

            <div
                data-type="bunnycdn"
                @class([
                    'setting-wrapper',
                    'hidden' => old('media_driver', RvMedia::getMediaDriver()) !== 'bunnycdn',
                ])
            >
                <x-core-setting::text-input
                    name="media_bunnycdn_hostname"
                    :label="trans('core/setting::setting.media.bunnycdn_hostname')"
                    :value="setting('media_bunnycdn_hostname')"
                    placeholder="Ex: botble.b-cdn.net"
                />

                <x-core-setting::text-input
                    name="media_bunnycdn_zone"
                    :label="trans('core/setting::setting.media.bunnycdn_zone')"
                    :value="setting('media_bunnycdn_zone')"
                    placeholder="Ex: botble"
                />

                <x-core-setting::text-input
                    name="media_bunnycdn_key"
                    :label="trans('core/setting::setting.media.bunnycdn_key')"
                    :value="setting('media_bunnycdn_key')"
                    placeholder="Ex: 9a734df7-844b-..."
                />

                <x-core-setting::select
                    name="media_bunnycdn_region"
                    :label="trans('core/setting::setting.media.bunnycdn_region')"
                    :options="[
                        '' => 'Falkenstein',
                        'ny' => 'New York',
                        'la' => 'Los Angeles',
                        'sg' => 'Singapore',
                        'syd' => 'Sydney',
                    ]"
                    :value="setting('media_bunnycdn_region')"
                />
            </div>

            <x-core-setting::on-off
                name="media_turn_off_automatic_url_translation_into_latin"
                :label="trans('core/setting::setting.media.turn_off_automatic_url_translation_into_latin')"
                :value="RvMedia::turnOffAutomaticUrlTranslationIntoLatin()"
            />

            <x-core-setting::form-group>
                <label
                    class="text-title-field"
                    for="media_default_placeholder_image"
                >{{ trans('core/setting::setting.media.default_placeholder_image') }}</label>
                {!! Form::mediaImage('media_default_placeholder_image', setting('media_default_placeholder_image')) !!}
            </x-core-setting::form-group>

            <x-core-setting::text-input
                name="max_upload_filesize"
                type="number"
                :label="trans('core/setting::setting.media.max_upload_filesize')"
                :value="setting('max_upload_filesize')"
                step="0.01"
                :placeholder="trans('core/setting::setting.media.max_upload_filesize_placeholder', [
                    'size' => ($maxSize = BaseHelper::humanFilesize(RvMedia::getServerConfigMaxUploadFileSize())),
                ])"
                :helper-text="trans('core/setting::setting.media.max_upload_filesize_helper', ['size' => $maxSize])"
            />

            <x-core-setting::on-off
                class="setting-selection-option"
                name="media_chunk_enabled"
                data-target="#media-chunk-settings"
                :label="trans('core/setting::setting.media.enable_chunk')"
                :value="RvMedia::isChunkUploadEnabled()"
                :helper-text="trans('core/setting::setting.enable_chunk_description')"
            />

            <div
                class="mb-4 border rounded-top rounded-bottom p-3 bg-light @if (!RvMedia::isChunkUploadEnabled()) d-none @endif"
                id="media-chunk-settings"
            >
                <div class="row">
                    <div class="col-lg-6">
                        <x-core-setting::text-input
                            name="media_chunk_size"
                            type="number"
                            :label="trans('core/setting::setting.media.chunk_size')"
                            :value="setting('media_chunk_size', RvMedia::getConfig('chunk.chunk_size'))"
                            :placeholder="trans('core/setting::setting.media.chunk_size_placeholder')"
                        />
                    </div>
                    <div class="col-lg-6">
                        <x-core-setting::text-input
                            name="media_max_file_size"
                            type="number"
                            :label="trans('core/setting::setting.media.max_file_size')"
                            :value="setting('media_max_file_size', RvMedia::getConfig('chunk.max_file_size'))"
                            :placeholder="trans('core/setting::setting.media.max_file_size_placeholder')"
                        />
                    </div>
                </div>
            </div>

            <x-core-setting::on-off
                class="setting-selection-option"
                name="media_watermark_enabled"
                data-target="#media-watermark-settings"
                :label="trans('core/setting::setting.media.enable_watermark')"
                :value="setting('media_watermark_enabled', RvMedia::getConfig('watermark.enabled', false))"
            />

            <div
                id="media-watermark-settings"
                @class([
                    'mb-4 border rounded-top rounded-bottom p-3 bg-light',
                    'd-none' => !setting(
                        'media_watermark_enabled',
                        RvMedia::getConfig('watermark.enabled', false)),
                ])
            >
                <x-core-setting::form-group>
                    {{ Form::helper(trans('core/setting::setting.watermark_description')) }}
                </x-core-setting::form-group>

                <x-core-setting::form-group>
                    <label
                        class="text-title-field"
                        for="media_folders_can_add_watermark"
                    >{{ trans('core/setting::setting.media.media_folders_can_add_watermark') }}</label>
                    <label>
                        <input
                            class="check-all"
                            data-set=".media-folder"
                            type="checkbox"
                        >
                        {{ trans('core/setting::setting.media.all') }}
                    </label>
                    <div class="form-group form-group-no-margin">
                        <div class="multi-choices-widget list-item-checkbox">
                            <ul>
                                @foreach ($folders as $key => $item)
                                    <li>
                                        <input
                                            class="styled media-folder"
                                            id="media-folder-item-{{ $key }}"
                                            name="media_folders_can_add_watermark[]"
                                            type="checkbox"
                                            value="{{ $key }}"
                                            @checked(empty($folderIds) || in_array($key, $folderIds))
                                        >
                                        <label for="media-folder-item-{{ $key }}">{{ $item }}</label>
                                    </li>
                                @endforeach
                            </ul>
                        </div>
                    </div>
                </x-core-setting::form-group>

                <x-core-setting::form-group>
                    <label
                        class="text-title-field"
                        for="media_watermark_source"
                    >{{ trans('core/setting::setting.media.watermark_source') }}</label>
                    {!! Form::mediaImage('media_watermark_source', setting('media_watermark_source')) !!}
                </x-core-setting::form-group>

                <div class="row">
                    <div class="col-lg-6">
                        <x-core-setting::text-input
                            name="media_watermark_size"
                            type="number"
                            :label="trans('core/setting::setting.media.watermark_size')"
                            :value="setting('media_watermark_size', RvMedia::getConfig('watermark.size'))"
                            :placeholder="trans('core/setting::setting.media.watermark_size_placeholder')"
                        />
                    </div>
                    <div class="col-lg-6">
                        <x-core-setting::text-input
                            name="watermark_opacity"
                            type="number"
                            :label="trans('core/setting::setting.media.watermark_opacity')"
                            :value="setting('watermark_opacity', RvMedia::getConfig('watermark.opacity'))"
                            :placeholder="trans('core/setting::setting.media.watermark_opacity_placeholder')"
                        />
                    </div>
                </div>

                <div class="row">
                    <div class="col-lg-4">
                        <x-core-setting::select
                            name="media_watermark_position"
                            :label="trans('core/setting::setting.media.watermark_position')"
                            :options="[
                                'top-left' => trans('core/setting::setting.media.watermark_position_top_left'),
                                'top-right' => trans('core/setting::setting.media.watermark_position_top_right'),
                                'bottom-left' => trans('core/setting::setting.media.watermark_position_bottom_left'),
                                'bottom-right' => trans('core/setting::setting.media.watermark_position_bottom_right'),
                                'center' => trans('core/setting::setting.media.watermark_position_center'),
                            ]"
                            :value="setting('media_watermark_position', RvMedia::getConfig('watermark.position'))"
                        />
                    </div>
                    <div class="col-lg-4">
                        <x-core-setting::text-input
                            name="watermark_position_x"
                            type="number"
                            :label="trans('core/setting::setting.media.watermark_position_x')"
                            :value="setting('watermark_position_x', RvMedia::getConfig('watermark.x'))"
                            :placeholder="trans('core/setting::setting.media.watermark_position_x')"
                        />
                    </div>
                    <div class="col-lg-4">
                        <x-core-setting::text-input
                            name="watermark_position_y"
                            type="number"
                            :label="trans('core/setting::setting.media.watermark_position_y')"
                            :value="setting('watermark_position_y', RvMedia::getConfig('watermark.y'))"
                            :placeholder="trans('core/setting::setting.media.watermark_position_y')"
                        />
                    </div>
                </div>
            </div>

            <x-core-setting::radio
                name="media_image_processing_library"
                :label="trans('core/setting::setting.media.image_processing_library')"
                :value="RvMedia::getImageProcessingLibrary()"
                :options="array_merge(
                    ['gd' => 'GD Library'],
                    extension_loaded('imagick')
                        ? [
                            'imagick' => 'Imagick',
                        ]
                        : [],
                )"
            />

            <hr>

            <div>
                <h5 class="mb-3">{{ trans('core/setting::setting.media.sizes') }}:</h5>
                @foreach (RvMedia::getSizes() as $name => $size)
                    @php($sizeExploded = explode('x', $size))

                    @if (count($sizeExploded))
                        <x-core-setting::form-group>
                            <label class="text-title-field">{{ str_replace('-', ' ', Str::title(Str::slug($name))) }}
                                <small>({{ trans('core/setting::setting.media.default_size_value', ['size' => RvMedia::getConfig('sizes.' . $name)]) }})</small></label>
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="next-input--stylized">
                                        <span
                                            class="next-input-add-on next-input__add-on--before">{{ trans('core/setting::setting.media.width') }}:</span>
                                        <input
                                            class="next-input next-input--invisible"
                                            name="media_sizes_{{ $name }}_width"
                                            type="number"
                                            value="{{ setting('media_sizes_' . $name . '_width', $sizeExploded[0]) }}"
                                            placeholder="0"
                                        >
                                        <span class="next-input-add-on next-input__add-on--after">px</span>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="next-input--stylized">
                                        <span
                                            class="next-input-add-on next-input__add-on--before">{{ trans('core/setting::setting.media.height') }}:</span>
                                        <input
                                            class="next-input next-input--invisible"
                                            name="media_sizes_{{ $name }}_height"
                                            type="number"
                                            value="{{ setting('media_sizes_' . $name . '_height', $sizeExploded[1]) }}"
                                            placeholder="0"
                                        >
                                        <span class="next-input-add-on next-input__add-on--after">px</span>
                                    </div>
                                </div>
                            </div>
                        </x-core-setting::form-group>
                    @endif
                @endforeach
                {{ Form::helper(trans('core/setting::setting.media.media_sizes_helper')) }}
            </div>
        </x-core-setting::section>

        <div
            class="flexbox-annotated-section"
            style="border: none"
        >
            <div class="flexbox-annotated-section-annotation">&nbsp;</div>
            <div class="flexbox-annotated-section-content">
                <button
                    class="btn btn-info"
                    type="submit"
                >{{ trans('core/setting::setting.save_settings') }}</button> &nbsp;
                <button
                    class="btn btn-warning generate-thumbnails-trigger-button"
                    data-saving="{{ trans('core/setting::setting.saving') }}"
                    type="button"
                >{{ trans('core/setting::setting.generate_thumbnails') }}</button>
            </div>
        </div>
        {!! Form::close() !!}
    </div>

    <x-core::modal
        id="generate-thumbnails-modal"
        type="warning"
        :title="trans('core/setting::setting.generate_thumbnails')"
        button-id="generate-thumbnails-button"
        :button-label="trans('core/setting::setting.generate')"
    >
        {!! trans('core/setting::setting.generate_thumbnails_description') !!}
    </x-core::modal>

    {!! $jsValidation !!}
@endsection