@csrf

<div class="space-y-2">
    <label for="name" class="font-body text-label-md text-primary block">Property Name</label>
    <input type="text" id="name" name="name" value="{{ old('name', $property->name ?? '') }}"
           placeholder="e.g., Sunset Loft"
           class="w-full bg-transparent border-0 border-b border-outline-variant/40 py-3 focus:ring-0 focus:border-primary transition-colors placeholder:text-secondary/40 text-body-md">
    @error('name')
        <p class="font-body text-label-sm text-error">{{ $message }}</p>
    @enderror
</div>

<div class="space-y-2">
    <label for="timezone" class="font-body text-label-md text-primary block">Timezone</label>
    <select id="timezone" name="timezone"
            class="w-full bg-transparent border-0 border-b border-outline-variant/40 py-3 focus:ring-0 focus:border-primary transition-colors text-body-md">
        @php $selected = old('timezone', $property->timezone ?? 'Asia/Makassar'); @endphp
        @foreach ($timezones as $timezone)
            <option value="{{ $timezone }}" @selected($selected === $timezone)>{{ $timezone }}</option>
        @endforeach
    </select>
    <p class="font-body text-label-sm text-secondary opacity-70">
        All booking dates for this property are computed in this timezone — get it right before
        connecting channels. Indonesian properties are usually Asia/Jakarta (WIB), Asia/Makassar
        (WITA), or Asia/Jayapura (WIT).
    </p>
    @error('timezone')
        <p class="font-body text-label-sm text-error">{{ $message }}</p>
    @enderror
</div>