{{-- Scheduled Post Buttons Component --}}
<div class="scheduled-post-buttons d-flex align-items-center gap-2">
    {{-- button back --}}
    <button class="btn btn-secondary mb-0" onclick="history.back()">
        <i class="fas fa-circle-left me-1"></i>
        <span class="font-weight-bold">Kembali</span>
    </button>
    
    @if ($authorize->{$action} == '1')
        {{-- Split Button Dropdown untuk Save Actions --}}
        <div class="btn-group" role="group">
            {{-- Main button - Draft --}}
            <button type="button" class="btn btn-warning mb-0" id="btnDraft"
                onclick="event.preventDefault(); ScheduledPostHandler.saveDraft();">
                <i class="fas fa-file me-1"></i>
                <span class="font-weight-bold">Draft</span>
            </button>
            
            {{-- Dropdown toggle --}}
            <button type="button" class="btn btn-warning mb-0 dropdown-toggle dropdown-toggle-split" 
                data-bs-toggle="dropdown" aria-expanded="false">
                <span class="visually-hidden">Toggle Dropdown</span>
            </button>
            
            {{-- Dropdown menu --}}
            <ul class="dropdown-menu">
                <li>
                    <a class="dropdown-item" href="#" 
                        onclick="event.preventDefault(); ScheduledPostHandler.publishNow();">
                        <i class="fas fa-paper-plane me-2 text-success"></i>
                        <span class="font-weight-bold">Post</span>
                    </a>
                </li>
                <li>
                    <a class="dropdown-item" href="#" 
                        onclick="event.preventDefault(); ScheduledPostHandler.openScheduleModal();">
                        <i class="fas fa-clock me-2 text-primary"></i>
                        <span class="font-weight-bold">Jadwalkan</span>
                    </a>
                </li>
            </ul>
        </div>
        
        {{-- button reset (for add page only) --}}
        @if ($action === 'add')
            <button class="btn btn-reset mb-0" onclick="PreviewLayoutHandler.resetForm()" 
                style="background-color: #F29D38; color: white;">
                <i class="fas fa-undo-alt me-1"></i>
                <span class="font-weight-bold">Reset</span>
            </button>
        @endif
        
        {{-- button preview layout (if exists) --}}
        @if (isset($showPreview) && $showPreview)
            <button class="btn btn-info mb-0 text-white" id="btnPreviewLayout" disabled
                onclick="PreviewLayoutHandler.previewLayout()" style="cursor: not-allowed; opacity: 0.6;">
                <i class="fas fa-eye me-1"></i>
                <span class="font-weight-bold">Preview Layout</span>
            </button>
        @endif
        
        {{-- Scheduled Badge (if scheduled) --}}
        @if (isset($list) && !empty($list->scheduled_at) && $list->status === 'entry')
            @php
                $scheduledDate = \Carbon\Carbon::parse($list->scheduled_at);
                $isScheduled = $scheduledDate->isFuture();
            @endphp
            @if ($isScheduled)
                <span class="badge bg-gradient-info text-white mb-0 px-3 py-2 ms-2" style="font-size: 0.875rem;">
                    <i class="fas fa-clock me-1"></i>
                    Dijadwalkan: {{ $scheduledDate->format('d M Y, H:i') }}
                </span>
            @endif
        @endif
    @endif
</div>