@push('styles')
<style>
    .has-votes {
        background-color: #fff8e1;
    }
    .has-votes .form-control:read-only {
        background-color: #fff8e1;
        border-color: #ffd54f;
    }
    .input-group-text.bg-warning {
        border-color: #ffd54f;
    }
</style>
@endpush
<div class="card section-card">
    <div class="card-header d-flex justify-content-between align-items-center">
        <h5 class="card-title ">
            {{ __('labels.statistics') }} @if(isset($isRequire) && $isRequire) <span class="text-danger">*</span> @endif
        </h5>
        @if(!isset($readonly) || !$readonly)
            <button type="button" class="btn btn-primary btn-sm" id="addStatistic">
                <i class="fas fa-plus me-1"></i> {{ __('labels.add_statistic') }}
            </button>
        @endif
    </div>
    @error('vote_options')
        <div class="alert alert-danger alert-dismissible fade show">
            <svg viewBox="0 0 24 24" width="24" height="24" stroke="currentColor" stroke-width="2" fill="none"
                stroke-linecap="round" stroke-linejoin="round" class="me-2">
                <polygon points="7.86 2 16.14 2 22 7.86 22 16.14 16.14 22 7.86 22 2 16.14 2 7.86 7.86 2"></polygon>
                <line x1="15" y1="9" x2="9" y2="15"></line>
                <line x1="9" y1="9" x2="15" y2="15"></line>
            </svg>
            <strong>{{ __('labels.error') }}!</strong> {{ $message }}
            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="btn-close"><span><i
                        class="fa-solid fa-xmark"></i></span>
            </button>
        </div>
    @enderror
    <div id="statisticsContainer">


        
    </div>
    @if(!isset($readonly) || !$readonly)
    {{-- <div class="card-footer">
        <small class="text-muted">
            <i class="fa-solid fa-info-circle me-1"></i>
            {{ __('labels.vote_options_info') }}
        </small>
    </div> --}}
    @endif
</div>