@extends('admin.layout.baseNew')

@section('styles')
    <link rel='stylesheet' href='https://cdn.datatables.net/buttons/2.3.2/css/buttons.bootstrap5.min.css' type='text/css' media='all' />
@endsection

@section('content')

<section class="section admin-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>Vote</h2>
                    </div>
                </div>
            </div>

            <div class="col-lg-12 col-md-12 col-sm-12 col-12">
                <div class="ucard p-3">
                    <div class="dash-title nocase">Question : @if(count($votes)>0) {{$votes[0]['votequestion']['questions']}} @endif</div>
                    <div class="dash-title nocase mb-sm-4 mb-2">Question Type: @if(count($votes)>0) @if($votes[0]['votequestion']['question_type']==0) Yes/No
                        @elseif($votes[0]['votequestion']['question_type']==1)  Optional @elseif($votes[0]['votequestion']['question_type']==2) Multiple Choice @endif @endif</div>

                    <div class="btn-back mb-sm-2 mb-4">
                        <a href="{{ route('admin.vote.index') }}">Back</a>
                    </div>

                    <form class="udash">
                        <div class="table-responsive">
                            <table id="voterlist" class="table-full">
                                <thead>
                                    <tr>
                                        <th width="5%">Sn.</th>
                                        <th width="90%">Users</th>
                                        <th width="5%">Answer</th>
                                    </tr>
                                </thead>

                                <tbody>

                                    @foreach($votes as $index => $value)
                                        @php
                                        $question_type=$value->votequestion->question_type;
                                        @endphp
                                    <tr>
                                        <td>{{$index+1}}</td>
                                        <td>{{$value->user->name}}</td>
                                        <td>
                                            @if($question_type == 0)
                                                @php
                                                $answer = ($value->answer == 1) ? "Yes" : "No";
                                                @endphp

                                                {{$answer}}
                                            @endif

                                            @if($question_type == 1)
                                                @foreach($value->votequestion->votechild as $value1)
                                                    @if($value->answer==$value1->id)
                                                        {{$value1->question_choice}}
                                                    @endif
                                                @endforeach
                                            @endif

                                            @if($question_type == 2)

                                                
                                                @foreach($value->votequestion->votechild as $index => $value1)
                                                    @if(isset($answer[$index]))
                                                        @if($answer[$index]==$value1->id)
                                                            {{$value1->question_choice}}@if($answer_key!=$index),
                                                            @endif
                                                        @endif
                                                    @endif
                                                @endforeach
                                            @endif
                                        </td>
                                    </tr>
                                    @endforeach

                                </tbody>
                            </table>

                        </div>
                    </form>

                </div>
            </div>

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



@endsection

@section('scripts')
<script src="https://cdn.datatables.net/buttons/2.3.2/js/dataTables.buttons.min.js" type="text/javascript"></script>
<script src="https://cdn.datatables.net/buttons/2.3.2/js/buttons.bootstrap5.min.js" type="text/javascript"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js" type="text/javascript"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/pdfmake.min.js" type="text/javascript"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/vfs_fonts.js" type="text/javascript"></script>
<script src="https://cdn.datatables.net/buttons/2.3.2/js/buttons.html5.min.js" type="text/javascript"></script>

<script>
$(document).ready(function () {
    var width = $(window).width();
    if (width < 768) {
        var table = $('#voterlist').DataTable({
            dom: 'Bfrtip',
            responsive: true,
            lengthChange: true,
            pageLength: 10,
            lengthMenu: [10, 20, 50, 100, 200, 500],
            scrollX: true,
            buttons: [
                'copy', 'csv','excel', 'pdf'
            ]
        });
    }else{
        var table = $('#voterlist').DataTable({
            dom: 'Bfrtip',
            responsive: true,
            lengthChange: true,
            pageLength: 10,
            lengthMenu: [10, 20, 50, 100, 200, 500],
            scrollX: false,
            buttons: [
                'copy', 'csv','excel', 'pdf'
            ]
        });
    }
    table.buttons().container().appendTo( '#voterlist_wrapper .col-md-6:eq(0)' );

});
</script>

@endsection

@section('nav-adm-vote-class', 'active')