xXx

Hexid M1n1 5h3ll MobiLe

home/emberdemos/public_html/greg/pulse/resources/views/poll/_[ Writable ]

File:/home/emberdemos/public_html/greg/pulse/resources/views/poll/image-result.blade.php

@php
    $hashids = new Hashids('', 20);
    $id = $hashids->encodeHex($poll->id);
    use App\Models\ImagePoll;
    $vote_count = $votes->count();
@endphp
@extends('layouts.main')
@section('title', __('Result'))
@section('breadcrumb')
    <div class="col-md-12">
        <div class="page-header-title">
            <h4 class="m-b-10">{{ __('Result') }}</h4>
        </div>
        <ul class="breadcrumb">
            <li class="breadcrumb-item">{!! html()->a()->href(route('home'))->text(__('Dashboard')) !!}</li>
            <li class="breadcrumb-item">{!! html()->a(route('poll.index'))->text(__('Polls')) !!}</li>
            <li class="breadcrumb-item active"> {{ __('Result') }} </li>
        </ul>
    </div>
@endsection
@section('content')
    <div class="row">
        <div class="row">
            <div class="mx-auto col-xl-7 order-xl-1">
                <div class="card">
                    <div class="card-header">
                        <h5>{{ __('Vote') }}</h5>
                    </div>
                    <div class="card-body">
                        <h3 class="mb-0">{{ $poll->title }}</h3>
                        <span class="text-left">
                            <small>{{ $poll->created_at->diffForHumans() }}</small>
                        </span>
                        <div class="row">
                            @foreach ($imgs->image_answer_options as $key => $img)
                                @php
                                    $vote = ImagePoll::where('vote', $img->optional_name)->count();
                                    if ($vote) {
                                        $perc = ($vote / $vote_count) * 100;
                                    } else {
                                        $perc = $vote * 0;
                                    }
                                @endphp
                                <div class="col-lg-4">
                                    <div class="card">
                                        <div class="card-body">
                                            <div id="carouselExampleSlidesOnly" class="carousel slide"
                                                data-bs-ride="carousel">
                                                <div class="carousel-inner">
                                                    <div class="carousel-item active">
                                                        <img class="img-fluid d-block" height="200"
                                                            src="{{ Storage::exists($img->image) ? Storage::url($img->image) : Storage::url('not-exists-data-images/200x100.png') }}">
                                                    </div>
                                                    <div class="text-center result-value">
                                                        <label>
                                                            {{ $img->optional_name }}
                                                            <span class="fw-bold">
                                                                {{ round($perc, 2) . '%' }}
                                                                ({{ $vote . ' Vote' }})
                                                            </span>
                                                        </label>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            @endforeach
                        </div>
                    </div>
                    <div class="card-footer text-end">
                        <a href="{{ route('image.poll.fill', $poll->id) }}" class="btn btn-primary"><i class="me-2"
                                data-feather="skip-back"></i>{{ __('Back To Poll') }}</a>
                        <a class="btn btn-primary" data-bs-toggle="tooltip" data-bs-placement="bottom" title="share"
                            href="javascript:void(0);" id="share-poll"
                            data-share="{{ route('poll.shares.images', $poll->id) }}"><i class="me-2"
                                data-feather="share-2"></i>{{ __('Share') }}</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    @if ($poll->image_require_participants_names == 1)
        <div class="row">
            <div class="mx-auto col-xl-7 order-xl-1">
                <div class="card">
                    <div class="card-header">
                        <h5><i class="me-2" data-feather="users"></i>{{ __('Who voted what?') }}</h5>
                    </div>
                    <div class="card-body table-border-style">
                        <div class="table-responsive">
                            <table class="table">
                                <thead>
                                    <tr>
                                        <th>{{ __('Name') }}</th>
                                        @foreach ($chartData->image_answer_options as $key => $value)
                                            <th>{{ $value->optional_name }}</th>
                                        @endforeach
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr class="participant-vote">
                                        <th> {{ count($votes) }} {{ __('participant') }}</th>
                                        @foreach ($options['options'] as $key => $option)
                                            <th>
                                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                                    viewBox="0 0 24 24" fill="none" stroke="currentColor"
                                                    stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
                                                    class="feather feather-check text-success">
                                                    <polyline points="20 6 9 17 4 12"></polyline>
                                                </svg> {{ $option }}
                                            </th>
                                        @endforeach
                                    </tr>
                                    @if ($poll->image_hide_participants_from_each_other != 1)
                                        @foreach ($votes as $vote)
                                            <tr>
                                                <td>{{ $vote->name }}</td>
                                                @foreach ($options['options'] as $key => $option)
                                                    @if ($vote->vote == $key)
                                                        <td><svg xmlns="http://www.w3.org/2000/svg" width="24"
                                                                height="24" viewBox="0 0 24 24" fill="none"
                                                                stroke="currentColor" stroke-width="2"
                                                                stroke-linecap="round" stroke-linejoin="round"
                                                                class="feather feather-check text-success">
                                                                <polyline points="20 6 9 17 4 12"></polyline>
                                                            </svg></td>
                                                    @else
                                                        <td><svg xmlns="http://www.w3.org/2000/svg" width="24"
                                                                height="24" viewBox="0 0 24 24" fill="none"
                                                                stroke="currentColor" stroke-width="2"
                                                                stroke-linecap="round" stroke-linejoin="round"
                                                                class="feather feather-x text-danger">
                                                                <line x1="18" y1="6" x2="6"
                                                                    y2="18">
                                                                </line>
                                                                <line x1="6" y1="6" x2="18"
                                                                    y2="18">
                                                                </line>
                                                            </svg></td>
                                                    @endif
                                                @endforeach
                                            </tr>
                                        @endforeach
                                    @endif
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    @endif
    <div class="row">
        <div class="mx-auto col-xl-7 order-xl-1">
            <div class="card">
                <div class="card-header">
                    <h5> <i class="me-2" data-feather="share-2"></i>{{ __('Share') }}</h5>
                </div>
                <div class="card-body ">
                    <div class="m-auto form-group col-lg-6">
                        <p>{{ __('Use this link to share the poll with your participants.') }}</p>
                        <div class="input-group">
                            <input type="text" value="{{ route('poll.survey.image', $id) }}"
                                class="form-control js-content" id="pc-clipboard-1"
                                placeholder="Type some value to copy">
                            <a href="#" class="btn btn-primary js-copy" data-clipboard="true"
                                data-clipboard-target="#pc-clipboard-1"> {{ __('Copy') }}
                            </a>
                        </div>
                        <div class="mt-3 social-links-share">
                            <a href="https://api.whatsapp.com/send?text={{ route('poll.survey.image', $id) }}"
                                title="Whatsapp" class="social-links-share-main">
                                <i class="ti ti-brand-whatsapp"></i>
                            </a>
                            <a href="https://twitter.com/intent/tweet?text={{ route('poll.survey.image', $id) }}"
                                title="Twitter" class="social-links-share-main">
                                <i class="ti ti-brand-twitter"></i>
                            </a>
                            <a href="https://www.facebook.com/share.php?u={{ route('poll.survey.image', $id) }}"
                                title="Facebook" class="social-links-share-main">
                                <i class="ti ti-brand-facebook"></i>
                            </a>
                            <a href="https://www.linkedin.com/sharing/share-offsite/?url={{ route('poll.survey.image', $id) }}"
                                title="Linkedin" class="social-links-share-main">
                                <i class="ti ti-brand-linkedin"></i>
                            </a>
                            <a href="javascript:void(1);" class="social-links-share-main" title="Show QR Code"
                                data-share="{{ route('poll.share.qr.image', $id) }}" id="share-qr-image">
                                <i class="ti ti-qrcode"></i>
                            </a>
                            <a href="javascript:void(0)" title="Embed" class="social-links-share-main"
                                onclick="copyToClipboard('#embed-form-{{ $poll->id }}')"
                                id="embed-form-{{ $poll->id }}"
                                data-url='<iframe src="{{ route('poll.survey.image', $id) }}" scrolling="auto" align="bottom" height="100vh" width="100%"></iframe>'>
                                <i class="ti ti-code"></i>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    @if ($poll->image_allow_comments == 1)
        <div class="row">
            <div class="mx-auto col-xl-7 order-xl-1">
                <div class="card">
                    <div class="card-header">
                        <h5> <i class="me-2" data-feather="message-circle"></i>{{ __('Comments') }}</h5>
                    </div>
                    {!! html()->form('POST', route('comment.store'))->attribute('data-validate',true)->open() !!}
                    <div class="card-body">
                        <div class="form-group">
                            {!! html()->text('name')->class('form-control')->attribute('required', true)->placeholder(__('Enter your name')) !!}
                        </div>
                        <div class="form-group">
                            {!! html()->textarea('comment')->class('form-control')->rows(3)->attribute('required', true)->placeholder(__('Add a comment')) !!}
                        </div>
                    </div>
                    <input type="hidden" id="poll_id" name="poll_id" value="{{ $poll->id }}">
                    <div class="card-footer">
                        <div class="text-end">
                            {!! html()->button(__('Add a comment'))->type('submit')->class('btn btn-primary') !!}
                        </div>
                        {!! html()->form()->close() !!}
                        @foreach ($poll->commmant as $value)
                            <div class="comments-item">
                                <div class="comment-user-icon">
                                    <img src="{{ asset('assets/images/comment.png') }}">
                                </div>
                                <span class="text-left comment-info">
                                    <h6>{{ $value->name }}</h6>
                                    <span class="d-block"><small>{{ $value->comment }}</small></span>
                                    <h6 class="d-block"><small>({{ $value->created_at->diffForHumans() }})</small>
                                        <a href="#reply-comment" class="text-dark reply-comment-{{ $value->id }}"
                                            id="comment-reply" data-bs-toggle="collapse" data-id="{{ $value->id }}"
                                            title="{{ __('Reply') }}">
                                            {{ __('Reply') }}</i></a>
                                        {!! html()->form('DELETE', route('comment.destroy', $value->id))->id('delete-form-' . $value->id)->class('d-inline')->open() !!}
                                        <a href="#" class="text-dark show_confirm" title="Delete"
                                            id="delete-link-{{ $value->id }}">{{ __('Delete') }}</a>
                                        {!! html()->form()->close() !!}
                                    </h6>
                                    <li class="list-inline-item"> </li>
                                    @foreach ($value->replyby as $replyValue)
                                        <div class="comment-replies">
                                            <div class="comment-user-icon">
                                                <img src="{{ asset('assets/images/comment.png') }}">
                                            </div>
                                            <div class="comment-replies-content">
                                                <h6>{{ $replyValue->name }}</h6>
                                                <span class="d-block"><small>{{ $replyValue->reply }}</small></span>
                                                <h6 class="d-block">
                                                    <small>({{ $replyValue->created_at->diffForHumans() }})</small>
                                            </div>
                                        </div>
                                    @endforeach
                                </span>
                            </div>
                            {!! html()->form('POST', route('comment.reply.store'))->attribute('data-validate', true)->attribute('enctype', 'multipart/form-data')->open() !!}
                            <div class="row commant" id="reply-comment-{{ $value->id }}">
                                <div class="form-group">
                                    {!! html()->text('name')->class('form-control')->attribute('required', true)->placeholder(__('Enter your name')) !!}
                                </div>
                                <div class="form-group">
                                    {!! html()->textarea('reply')->class('form-control')->rows(2)->attribute('required', true)->placeholder(__('Add a comment')) !!}
                                </div>
                                <input type="hidden" id="poll_id" name="poll_id" value="{{ $poll->id }}">
                                <input type="hidden" id="comment_id" name="comment_id" value="{{ $value->id }}">
                                <div class="card-footer">
                                    <div class="text-end">
                                        {!! html()->button(__('Add a Reply'))->type('submit')->class('btn btn-primary') !!}
                                    </div>
                                </div>
                            </div>
                            {!! html()->form()->close() !!}
                        @endforeach
                    </div>
                </div>
            </div>
        </div>
    @endif
@endsection
@push('script')
    <script src="{{ asset('assets/js/plugins/clipboard.min.js') }}"></script>
    <script>
        new ClipboardJS('[data-clipboard=true]').on('success', function(e) {
            e.clearSelection();
        });
    </script>
    <script>
        $(function() {
            $(document).on('click', '#share-poll', function() {
                var action = $(this).data('share');
                var modal = $('#common_modal1');
                $.get(action, function(response) {
                    modal.find('.modal-title').html('{{ __('Share') }}');
                    modal.find('.modal-body').html(response.html);
                    feather.replace();
                    let area = document.createElement('textarea');
                    document.body.appendChild(area);
                    area.style.display = "none";
                    let content = document.querySelectorAll('.js-content');
                    let copy = document.querySelectorAll('.js-copy');
                    for (let i = 0; i < copy.length; i++) {
                        copy[i].addEventListener('click', function() {
                            area.style.display = "block";
                            area.value = content[i].innerText;
                            area.select();
                            document.execCommand('copy');
                            area.style.display = "none";
                            this.innerHTML = 'Copied ';
                            setTimeout(() => this.innerHTML = "Copy", 2000);
                        });
                    }
                    modal.modal('show');
                })
            });
        });
    </script>
    <script>
        $(function() {
            $(document).on('click', '#share-qr-image', function() {
                var action = $(this).data('share');
                var modal = $('#common_modal2');
                $.get(action, function(response) {
                    modal.find('.modal-title').html('{{ __('QR Code') }}');
                    modal.find('.modal-body').html(response.html);
                    feather.replace();
                    modal.modal('show');
                })
            });
        });
    </script>
    <script>
        function copyToClipboard(element) {
            var $temp = $("<input>");
            $("body").append($temp);
            $temp.val($(element).data('url')).select();
            document.execCommand("copy");
            $temp.remove();
            showToStr('Great!', '{{ __('Copy Link Successfully.') }}', 'success');
        }
    </script>
    <script>
        $(document).ready(function() {
            $('.commant').hide();
            $(document).on('click', '#comment-reply', function() {
                var dataId = $(this).attr("data-id");
                $('#reply-comment-' + dataId).show();

            });
        });
    </script>
    <script>
        (function() {
            let area = document.createElement('textarea');
            document.body.appendChild(area);
            area.style.display = "none";
            let content = document.querySelectorAll('.js-content');
            let copy = document.querySelectorAll('.js-copy');
            for (let i = 0; i < copy.length; i++) {
                copy[i].addEventListener('click', function() {
                    area.style.display = "block";
                    area.value = content[i].innerText;
                    area.select();
                    document.execCommand('copy');
                    area.style.display = "none";
                    this.innerHTML = 'Copied ';
                    setTimeout(() => this.innerHTML = "Copy", 2000);
                });
            }
        })();
    </script>
@endpush

Your Access Expired	Date. in : 20-12-2025
Regist : 09-12-2024	Expired : 01-12-2027