@extends('admin.layouts.app')
@section('container', 'dashboard-container-md')
@section('section', d_trans('Settings'))
@section('title', d_trans('Storage Settings'))
@section('header_title', d_trans('Storage Settings'))
@section('back', route('admin.settings.index'))
@section('form', true)
@section('content')
    <div class="note note-warning mb-4">
        <i class="fa-regular fa-circle-question me-1"></i>
        {{ d_trans('When you change the storage provider, you must move all files form those paths to new storage provider.') }}
        <div class="mt-2">
            <h6><strong>{{ d_trans('From Local to S3') }}</strong></h6>
            <ul>
                <li class="mb-1">
                    public/images/businesses/<i
                        class="fa-solid fa-arrow-right-long fa-rtl mx-3"></i><strong>images/businesses/</strong>
                </li>
                <li class="mb-1">
                    public/images/blog/<i class="fa-solid fa-arrow-right-long fa-rtl mx-3"></i><strong>images/blog/</strong>
                </li>
                <li>
                    public/images/avatars/<i
                        class="fa-solid fa-arrow-right-long fa-rtl mx-3"></i><strong>images/avatars/</strong>
                </li>
            </ul>
            <h6><strong>{{ d_trans('From S3 to Local') }}</strong></h6>
            <ul class="mb-0">
                <li class="mb-1">
                    images/businesses/<i
                        class="fa-solid fa-arrow-right-long fa-rtl mx-3"></i><strong>public/images/businesses/</strong>
                </li>
                <li class="mb-1">
                    images/blog/<i class="fa-solid fa-arrow-right-long fa-rtl mx-3"></i><strong>public/images/blog/</strong>
                </li>
                <li>
                    images/avatars/<i
                        class="fa-solid fa-arrow-right-long fa-rtl mx-3"></i><strong>public/images/avatars/</strong>
                </li>
            </ul>
        </div>
    </div>
    <div class="card">
        <div class="card-body p-4">
            <form id="submittedForm" action="{{ route('admin.settings.storage.update') }}" method="POST">
                @csrf
                <div class="row g-4 mb-2">
                    <div class="col-12">
                        <label class="form-label">{{ d_trans('Storage Provider') }}</label>
                        <select id="storage-provider" name="storage_provider" class="form-select form-select-md">
                            @foreach ($storageProviders as $storageProvider)
                                <option value="{{ $storageProvider->alias }}" @selected(old('storage_provider') || $storageProvider->isDefault())>
                                    {{ $storageProvider->trans->name }}
                                </option>
                            @endforeach
                        </select>
                    </div>
                    @foreach ($storageProviders as $storageProvider)
                        @if (!$storageProvider->isLocal())
                            @if ($storageProvider->credentials)
                                @foreach ($storageProvider->credentials as $key => $value)
                                    <div
                                        class="col-12 credentials credential-{{ $storageProvider->alias }} {{ !old('storage_provider') && !$storageProvider->isDefault() ? 'd-none' : '' }}">
                                        <label class="form-label capitalize">
                                            {{ str_replace('_', ' ', $key) }} :
                                        </label>
                                        <input type="text"
                                            name="credentials[{{ $storageProvider->alias }}][{{ $key }}]"
                                            value="{{ demo($value) }}" class="form-control form-control-md">
                                    </div>
                                @endforeach
                            @endif
                        @endif
                    @endforeach
                </div>
            </form>
        </div>
    </div>
    @if (config('filesystems.default') != 'local')
        <div class="card mt-4">
            <div class="card-header">
                {{ d_trans('Test Storage Connection') }}
            </div>
            <div class="card-body p-4">
                <form action="{{ route('admin.settings.storage.test') }}" method="POST">
                    @csrf
                    <button class="btn btn-secondary btn-md w-100">{{ d_trans('Test Connection') }}</button>
                </form>
            </div>
        </div>
    @endif
    @push('scripts')
        <script>
            "use strict";
            let storageProvider = $('#storage-provider');
            storageProvider.on('change', function() {
                let storageProviderValue = $(this).val();
                $('.credentials').addClass('d-none');
                $('.credential-' + storageProviderValue).removeClass('d-none');
            });
        </script>
    @endpush
@endsection