@extends('backend.layout.master-tailwind')
@section('title', __('Front CDN Settings'))

@section('content')
<div class="page">

  <div class="page-head">
    <div>
      <h1 class="page-title">{{ __('Front CDN Settings') }}</h1>
      <p class="page-sub">{{ __('Enable or disable CloudFront CDN for asset delivery') }}</p>
    </div>
  </div>

  <div style="max-width:480px;display:flex;flex-direction:column;gap:16px">

    <div style="background:color-mix(in oklch,#f59e0b 10%,transparent);border:1px solid color-mix(in oklch,#f59e0b 30%,transparent);border-radius:8px;padding:12px 14px;font-size:12px;color:#92400e;line-height:1.6">
      {{ __('Notice: If you want to enable CloudFront CDN keep this enabled, otherwise leave it disabled or empty.') }}
    </div>

    <x-validation.error/>

    <form action="{{ route('admin.cloud.storage.front.settings') }}" method="POST">
      @csrf
      <div class="card" style="padding:20px;display:flex;flex-direction:column;gap:20px">
        <div>
          <label class="field-label" style="display:block;margin-bottom:6px">{{ __('CloudFront CDN') }}</label>
          <select name="front_cdn_enable_disable" class="input wide">
            <option value="">{{ __('Select Option') }}</option>
            <option value="enable"  @selected(get_static_option('front_cdn_enable_disable') == 'enable')>{{ __('Enable') }}</option>
            <option value="disable" @selected(get_static_option('front_cdn_enable_disable') == 'disable')>{{ __('Disable') }}</option>
          </select>
        </div>
        <div>
          <button type="submit" class="btn primary sm">{{ __('Save Settings') }}</button>
        </div>
      </div>
    </form>

  </div>

</div>
@endsection