@extends('layouts.app')

@section('content')
    <section class="page-grid">
        <article class="card">
            <div class="stack">
                <h2>Uso horario</h2>
                <p>Hora base para programar campañas, A/B tests y conversiones locales.</p>

                <form method="post" action="{{ route('settings.update') }}" class="stack" style="max-width:560px;margin-top:10px;">
                    @csrf
                    @method('PUT')

                    <div>
                        <label for="timezone">Uso horario</label>
                        <select id="timezone" name="timezone">
                            @foreach ($timezoneOptions as $value => $label)
                                <option value="{{ $value }}" @selected($timezone === $value)>{{ $label }} - {{ $value }}</option>
                            @endforeach
                        </select>
                    </div>

                    <div class="actions">
                        <button type="submit">Guardar</button>
                    </div>
                </form>
            </div>
        </article>

        <aside class="card">
            <h3>Hora actual</h3>
            <div class="value-list" style="margin-top:12px;">
                <div>
                    <small>Organizacion</small>
                    <strong>{{ $workspace->organizationName() }}</strong>
                </div>
                <div>
                    <small>Uso horario</small>
                    <strong>{{ $timezone }}</strong>
                </div>
                <div>
                    <small>Local</small>
                    <strong>{{ $localNow }}</strong>
                </div>
            </div>
        </aside>
    </section>
@endsection