@extends('layouts.dashboard')
@section('title', __('Mail & Storage'))
@section('page_title', __('Mail & Storage'))

@section('content')
    <div class="d-flex flex-wrap justify-content-between align-items-center mb-3 gap-2">
        <div><h5 class="mb-0">{{ __('Mail & Storage') }}</h5><div class="small text-muted">{{ __('Applies to :scope.', ['scope' => $scope]) }} {{ __('Currently sending via') }} <code>{{ $envMailer }}</code>.</div></div>
        <a href="{{ route('admin.settings.edit') }}" class="btn btn-light"><i class="bi bi-gear me-1"></i> {{ __('General settings') }}</a>
    </div>

    <div class="row g-3">
        <div class="col-lg-7">
            <div class="card shadow-sm">
                <div class="card-header bg-white fw-semibold"><i class="bi bi-envelope me-1"></i> {{ __('Outgoing mail (SMTP)') }}</div>
                <div class="card-body">
                    <form action="{{ route('admin.services.mail') }}" method="POST">
                        @csrf @method('PUT')
                        <div class="row g-3">
                            <div class="col-md-4">
                                <label class="form-label">{{ __('Mailer') }}</label>
                                <select name="mailer" class="form-select" id="mailer">
                                    @foreach(['smtp' => 'SMTP', 'sendmail' => 'Sendmail', 'log' => 'Log only (dev)'] as $v => $l)<option value="{{ $v }}" @selected(old('mailer', $smtp->mailer ?? 'smtp') === $v)>{{ __($l) }}</option>@endforeach
                                </select>
                            </div>
                            <div class="col-md-8">
                                <label class="form-label">{{ __('Host') }}</label>
                                <input type="text" name="host" value="{{ old('host', $smtp->host) }}" class="form-control @error('host') is-invalid @enderror" placeholder="smtp.mailgun.org">
                                @error('host')<div class="invalid-feedback">{{ $message }}</div>@enderror
                            </div>
                            <div class="col-md-3">
                                <label class="form-label">{{ __('Port') }}</label>
                                <input type="number" name="port" value="{{ old('port', $smtp->port ?? 587) }}" class="form-control">
                            </div>
                            <div class="col-md-3">
                                <label class="form-label">{{ __('Encryption') }}</label>
                                <select name="encryption" class="form-select">
                                    @foreach(['tls' => 'TLS (587)', 'ssl' => 'SSL (465)', 'none' => 'None'] as $v => $l)<option value="{{ $v }}" @selected(old('encryption', $smtp->encryption ?? 'tls') === $v)>{{ __($l) }}</option>@endforeach
                                </select>
                            </div>
                            <div class="col-md-6">
                                <label class="form-label">{{ __('Username') }}</label>
                                <input type="text" name="username" value="{{ old('username', $smtp->username) }}" class="form-control" autocomplete="off">
                            </div>
                            <div class="col-md-6">
                                <label class="form-label">{{ __('Password') }}</label>
                                <input type="password" name="password" class="form-control" autocomplete="new-password" placeholder="{{ $smtp->password ? __(':mask (unchanged)', ['mask' => '••••••••']) : '' }}">
                            </div>
                            <div class="col-md-6">
                                <label class="form-label">{{ __('From address') }}</label>
                                <input type="email" name="from_address" value="{{ old('from_address', $smtp->from_address) }}" class="form-control @error('from_address') is-invalid @enderror" placeholder="no-reply@yourdomain.com">
                                @error('from_address')<div class="invalid-feedback">{{ $message }}</div>@enderror
                            </div>
                            <div class="col-md-6">
                                <label class="form-label">{{ __('From name') }}</label>
                                <input type="text" name="from_name" value="{{ old('from_name', $smtp->from_name) }}" class="form-control">
                            </div>
                            <div class="col-md-6">
                                <label class="form-label">{{ __('From name') }}</label>
                                <input type="text" name="from_name" value="{{ old('from_name', $smtp->from_name) }}" class="form-control">
                            </div>
                            <div class="col-12">
                                <div class="form-check form-switch">
                                    <input type="hidden" name="status" value="0">
                                    <input type="checkbox" name="status" value="1" class="form-check-input" id="smtp_status" @checked(old('status', $smtp->status))>
                                    <label class="form-check-label" for="smtp_status">{{ __('Use these settings (overrides .env)') }}</label>
                                </div>
                            </div>
                            <div class="col-12">
                                <div class="form-check form-switch">
                                    <input type="hidden" name="email_notifications" value="0">
                                    <input type="checkbox" name="email_notifications" value="1" class="form-check-input" id="email_notifications" @checked(old('email_notifications', tenant_setting('email_notifications', '1')) === '1')>
                                    <label class="form-check-label" for="email_notifications">{{ __('Send transactional e-mails') }}</label>
                                </div>
                                <div class="form-text">{{ __('Order receipts, enrolment welcomes, certificates, assignment updates, payout and refund decisions. Wording is editable under Notification Templates.') }}</div>
                            </div>
                        </div>
                        <div class="mt-4"><button class="btn btn-primary"><i class="bi bi-check-lg me-1"></i> {{ __('Save mail settings') }}</button></div>
                    </form>
                    <hr>
                    <form action="{{ route('admin.services.mail.test') }}" method="POST" class="row g-2 align-items-end">
                        @csrf
                        <div class="col-md-8"><label class="form-label small text-muted">{{ __('Send a test email to') }}</label><input type="email" name="to" value="{{ old('to', auth()->user()->email) }}" class="form-control" required></div>
                        <div class="col-md-4"><button class="btn btn-outline-secondary w-100"><i class="bi bi-send me-1"></i>{{ __('Send test') }}</button></div>
                    </form>
                </div>
            </div>
        </div>

        <div class="col-lg-5">
            <div class="card shadow-sm">
                <div class="card-header bg-white fw-semibold"><i class="bi bi-hdd-network me-1"></i> {{ __('File storage') }}</div>
                <div class="card-body">
                    <form action="{{ route('admin.services.storage') }}" method="POST">
                        @csrf @method('PUT')
                        <div class="mb-3">
                            <label class="form-label">{{ __('Disk for uploads') }}</label>
                            <select name="disk" class="form-select" id="disk">
                                @foreach(['public' => 'Local (public/storage)', 's3' => 'Amazon S3 / compatible (R2, Spaces, MinIO)'] as $v => $l)<option value="{{ $v }}" @selected(old('disk', $storage->disk ?? 'public') === $v)>{{ __($l) }}</option>@endforeach
                            </select>
                        </div>
                        <div id="s3-fields" class="row g-3">
                            <div class="col-12"><label class="form-label">{{ __('Access key') }}</label><input type="text" name="key" value="{{ old('key', $creds['key'] ?? '') }}" class="form-control" autocomplete="off"></div>
                            <div class="col-12"><label class="form-label">{{ __('Secret') }}</label><input type="password" name="secret" class="form-control" autocomplete="new-password" placeholder="{{ !empty($creds['secret']) ? __(':mask (unchanged)', ['mask' => '••••••••']) : '' }}"></div>
                            <div class="col-6"><label class="form-label">{{ __('Region') }}</label><input type="text" name="region" value="{{ old('region', $creds['region'] ?? 'us-east-1') }}" class="form-control"></div>
                            <div class="col-6"><label class="form-label">{{ __('Bucket') }}</label><input type="text" name="bucket" value="{{ old('bucket', $creds['bucket'] ?? '') }}" class="form-control"></div>
                            <div class="col-12"><label class="form-label">{{ __('Public URL') }} <span class="text-muted">{{ __('(optional / CDN)') }}</span></label><input type="url" name="url" value="{{ old('url', $creds['url'] ?? '') }}" class="form-control"></div>
                            <div class="col-12"><label class="form-label">{{ __('Endpoint') }} <span class="text-muted">{{ __('(R2 / MinIO only)') }}</span></label><input type="url" name="endpoint" value="{{ old('endpoint', $creds['endpoint'] ?? '') }}" class="form-control"></div>
                            <div class="col-12"><div class="form-check"><input type="hidden" name="path_style" value="0"><input type="checkbox" name="path_style" value="1" class="form-check-input" id="path_style" @checked(old('path_style', $creds['path_style'] ?? false))><label class="form-check-label" for="path_style">{{ __('Path-style endpoint') }}</label></div></div>
                        </div>
                        <div class="form-check form-switch mt-3">
                            <input type="hidden" name="status" value="0">
                            <input type="checkbox" name="status" value="1" class="form-check-input" id="storage_status" @checked(old('status', $storage->status))>
                            <label class="form-check-label" for="storage_status">{{ __('Use these settings') }}</label>
                        </div>
                        <div class="mt-4"><button class="btn btn-primary"><i class="bi bi-check-lg me-1"></i> {{ __('Save storage settings') }}</button></div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection

@push('scripts')
<script>
(function () {
    const disk = document.getElementById('disk'), s3 = document.getElementById('s3-fields');
    const sync = () => s3.style.display = disk.value === 's3' ? '' : 'none';
    disk.addEventListener('change', sync); sync();
})();
</script>
@endpush