@extends('layout.appHome')

@section('content')

<link rel='stylesheet' href="{{asset('assets/css/dataTables.bootstrap5.min.css')}}" type='text/css' media='all' />
<link rel='stylesheet' href="{{asset('assets/css/dashboard.css')}}" type='text/css' media='all' />

<section class="section buynow-banner"></section>

<section class="section bg-white">
    <div class="container">
        <div class="row">
            <div class="col-lg-12 col-md-12 col-sm-12 col-12">
                <div class="header-bar">
                    <div class="title">
                        <h2>Voting</h2>
                    </div>
                    <div class="infobar">
                        <div class="breadcrumb">
                            <a href="{{ url('/') }}">Home</a>
                            <span class="divider"></span>
                            <a>Vote</a>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-lg-12 col-md-12 col-sm-12 col-12">
                <div class="ucard p-3">
                    @if($vote_count ==0)

                        <div class="votingdash center">
                            <div class="statinfo">
                                <div class="icon">
                                    <img src="{{asset('assets/images/profile/success.png')}}" />
                                </div>
                                <div class="text">
                                    Your vote has been successfully casted!
                                </div>
                            </div>
                        </div>

                    @else

                        <div class="votingdash">
                            <div class="dash-title">Answer Below</div>


                            <form class="uform w-100" name="vote_create" id="vote_create" action="{{route('votingstore')}}" method="POST" >
                                @csrf

                                <div class="row">
                                    @php
                                    $sl=1;
                                    @endphp

                                    @foreach ($question_set as $k => $question)
                                        @if($question->question_type == 0)

                                            <input type="hidden" name="ques_ids[]" value="{{@$question->id}}">

                                            <div class="col-lg-12 col-md-12 col-sm-12 col-12">
                                                <label class="mb-2">{{$sl}}. {{$question->questions}}</label>
                                            </div>
                                            <div class="qgroupp col-lg-12 col-md-12 col-sm-12 col-12 mb-3">
                                                <div class="inline-input">
                                                    <input type="radio" name="q_{{@$question->id}}" id="q_{{@$question->id}}_op1" value="1"  >
                                                    <label for="q_{{$question->id}}_op1" class="radio">Yes</label>
                                                </div>
                                                <div class="inline-input">
                                                    <input type="radio" name="q_{{@$question->id}}" id="q_{{@$question->id}}_op2"  value="0" >
                                                    <label for="q_{{$question->id}}_op2" class="radio">No</label>
                                                </div>
                                                <div class="error-note">Please select an option</div>
                                            </div>

                                            @php
                                            $sl++;
                                            @endphp

                                        @endif
                                    @endforeach

                                    <input type="submit" name="submit" id="submit" value="submit" style="display:none" />

                                    <div class="col-lg-6 col-md-6 col-sm-12 col-12">
                                        <button type="button" id="sub_btn" class="btn btn-blue" >SUBMIT</button>
                                    </div>

                                </div>
                            </form>

                            <!--
                            //design for input type text
                            <div class="col-lg-12 col-md-12 col-sm-12 col-12 mb-3">
                                <label for="q1" class="mb-3">1. Would you help by donating to charity?</label>
                                <textarea name="q1" id="q1" class="form-control"></textarea>
                            </div>
                            -->
                        </div>
                    
                        
                    @endif
                </div>
            </div>

        </div>
    </div>
</section>


@endsection

@section('scripts')
<script>
$(document).ready(function () {
    $('[data-bs-toggle="tooltip"]').tooltip();

    $("#sub_btn").click(function() {
        $('.error-note').css('display', 'none');
        var ck=1;
        $("input:radio").each(function(){
            var name=$(this).attr("name");
            if($("input:radio[name="+name+"]:checked").length==0){
                ck=0;
                $(this).parents('.qgroupp').find('.error-note').css('display', 'block');
            }
        });
        if(ck==1){
            $('#submit').click();
        }
    });
});


</script>
@endsection