@props(['defaultView' => 'cameraView'])

<div class="view-selector mb-4">
    <div class="btn-group w-100" role="group">
        <button type="button" 
                class="btn btn-outline-primary {{ $defaultView == 'cameraView' ? 'active' : '' }}" 
                onclick="handleViewChange('cameraView')"
                id="cameraViewBtn">
            {{ __('all.camera_view') }}
        </button>
        <button type="button" 
                class="btn btn-outline-primary {{ $defaultView == 'intraweekView' ? 'active' : '' }}" 
                onclick="handleViewChange('intraweekView')"
                id="intraweekViewBtn">
            {{ __('all.intraweek_view') }}
        </button>
        <button type="button" 
                class="btn btn-outline-primary {{ $defaultView == 'intradayView' ? 'active' : '' }}" 
                onclick="handleViewChange('intradayView')"
                id="intradayViewBtn">
            {{ __('all.intraday_view') }}
        </button>
    </div>
</div>