@extends('layouts.default-new', ['title' => 'نظرسنجی'])
 
@section('title', 'نظرسنجی' )
@section('bodyclass', 'page home page-template-default  pace-done')

@section('content')

<div id="content" class="site-content">
	<div class="col-full">
		<div class="row">
			<nav class="woocommerce-breadcrumb">
				<a href="/">خانه</a>
				<span class="delimiter">
					<i class="fa fa-angle-left"></i>
				</span>
				نظرسنجی				
	
			</nav>
			<!-- .woocommerce-breadcrumb -->
			<div id="primary" class="content-area">
				<main id="main" class="site-main">

                    <div class="row">
                        <div class="col-md-6">
                            <h3>{{ $data->title }}</h3>
                        
                            @if($user_loggedin_error == true)
                            <p style="color:red;">برای شرکت در این نظرسنجی باید وارد حساب کاربریتان شوید!</p>
                            @else
                
                                @if($data->result_private == 1)
                                    <p style="color:red;">امکان مشاهده نتیجه این نظرسنجی وجود ندارد!</p>  
                                @else
                                
                                    <p>{{ $data->content }}</p>
                 
                                        @foreach ($data->Survey as $survey_item)
                                            <h4>{{ $survey_item->title }}</h4>
                        
                                            @foreach ($survey_item->Items as $item)
                                                @if($survey_item->multi_selection == true)
                                                <div class="form-group">
                                                    <div class="col-md-12"> 
                                                        <label>
                                                        {{ $item->title }}  - ({{  $item->Data->count() }} رای)
                                                        
                                                        </label> 
                                                        <div class="progress">
                                                            <div class="progress-bar bg-success" role="progressbar" style="width: {{  $item->Data->count() * 100 / $survey_item->ItemsData->count() }}%" aria-valuenow="{{  $item->Data->count() }}" aria-valuemin="0" aria-valuemax="{{ $survey_item->ItemsData->count() }}"></div>
                                                        </div> 
                                                    </div> 
                                                </div>
                                                @else
                                                    <div class="form-group">
                                                        <div class="col-md-12"> 
                                                            <label>
                                                                {{ $item->title }} - ({{  $item->Data->count() }} رای)
                                                            </label> 
                                                            <div class="progress">
                                                                <div class="progress-bar bg-success" role="progressbar" style="width: {{  $item->Data->count() * 100 / $survey_item->ItemsData->count() }}%" aria-valuenow="{{  $item->Data->count() }}" aria-valuemin="0" aria-valuemax="{{ $survey_item->ItemsData->count() }}"></div>
                                                            </div>
                                                        </div> 
                                                    </div>
                                                @endif
                                            @endforeach 
                                        @endforeach
                                @endif
                            @endif
                            
                        </div>
                        <div class="col-md-6">
                
                        </div>
                    </div>

                </main>
                    <!-- #main -->
            </div>
                <!-- #primary --> 
             
            <!-- .sidebar-blog -->
        </div>
            <!-- .row -->
        </div>
    <!-- .col-full -->
</div>

@stop