@extends('layouts.app')

@section('content')
@include ('components.Combo_FDP')

@php
    $napoveda = '<b>Absolutní</b> výsledky jsou podle počtu hlasujících.
        <br><b>Vážené</b> výsledky jsou vážené podle plochy vlastníků prostor.
        <br>Zobrazené výsledky jsou zaokrouhlené na setiny procenta.';
@endphp

<div class="container box">
    <input type="hidden" id="root" value="{{ url('/') }}">
    
    <a href="{{ url('help/anketa') }}" id="help"> <i class="fas fa-question-circle active" aria-hidden="true"></i></a>    
    <h2 class="text-center font-weight-bold">Ankety domu {{ $dum->popis }}</h2>

    @if (session('error'))
        <div class="alert alert-danger alert-dismissible">
            <button type="button" class="close" data-dismiss="alert">&times;</button>
            {{ session('error') }}
        </div>
    @endif
    @if (session('success'))
        <div class="alert alert-success alert-dismissible">
            <button type="button" class="close" data-dismiss="alert">&times;</button>
            {{ session('success') }}
        </div>
    @endif
    @include('components.successMessage')
    @if($hasAccess && session()->get('isSprava')!=1)
        <button id="anketa-pridat" class="btn btn-blue-custom btn-sm" type="button" 
            data-toggle="modal" data-target="#anketa">
            <i class="fa fa-plus"></i> Přidat novou anketu
        </button>
        <a href="{{ action('ProstorController@CheckUserUctyDum',['id_domu' => $dum->id]) }}" id="{{$dum->id}}" class="btn btn-outline-blue-custom btn-sm ucty" role="button">Uživatelské účty</a>
    @endif
    
    <div id='ankety'>
        @if(count($ankety) == 0)
            <div class="mt-2 font-weight-bold">
                Nenalezeny žádné ankety
            </div>
        @else
            @foreach ($ankety as $anketa)
                <div id='anketa-card' class="card">
                    <div class="card-header text-blue">
                        <i class="fas fa-poll"></i>  {{ $anketa->titulek }} 
                        <span class="dalsi-info font-weight-bold">{{ $anketa->autor ? $anketa->autor->Ceo->jmeno : "neznámý autor" }} - {{ $anketa->created_at->setTimezone(new DateTimeZone('Europe/Prague'))->format('d.m.Y') }}</span>
                    </div>
                    <div class="card-body ankety-text">
                        <div>{{ $anketa->text }}</div>
                        @if (Carbon\Carbon::today('Europe/Prague') > $anketa->expirace or $anketa->hlasoval(Auth::user()->osoba) or !$anketa->existProstoryUzivatele($anketa->dum_id,Auth::user()->osoba))
                            <div class="mt-2">Výsledky: <i class="fas fa-question-circle" data-toggle="popover-hover"
                                data-content="{{ $napoveda }}"></i>
                            </div>
                            <ul class="nav nav-tabs" id="vysledkyTab-{{ $anketa->id }}" role="tablist">
                                <li class="nav-item">
                                    <a class="nav-link active" id="abs-tab-{{ $anketa->id }}" data-toggle="tab" href="#abstab-{{ $anketa->id }}" role="tab" aria-controls="abs"
                                    aria-selected="true">Absolutní</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" id="rel-tab-{{ $anketa->id }}" data-toggle="tab" href="#reltab-{{ $anketa->id }}" role="tab" aria-controls="rel"
                                    aria-selected="false">Vážené</a>
                                </li>
                            </ul>
                            <div class="tab-content" id="vysledky">
                                <div class="tab-pane fade show active" id="abstab-{{ $anketa->id }}" role="tabpanel" aria-labelledby="abs-tab">
                                    @include('anketa.vysledky')
                                </div>
                                <div class="tab-pane fade" id="reltab-{{ $anketa->id }}" role="tabpanel" aria-labelledby="rel-tab">
                                    @include('anketa.vysledky_rel')
                                </div>
                            </div>
                            @if (Carbon\Carbon::today('Europe/Prague') > $anketa->expirace)
                                Hlasování ukončeno
                            @else
                                Hlasování končí:
                                @if (Carbon\Carbon::today('Europe/Prague')->diffInDays($anketa->expirace) == 0)
                                    dnes
                                @elseif (Carbon\Carbon::today('Europe/Prague')->diffInDays($anketa->expirace) == 1)
                                    zítra
                                @else
                                    {{ $anketa->expirace->setTimezone(new DateTimeZone('Europe/Prague'))->format('d.m.Y') }}
                                @endif           
                            @endif
                             @if (count($anketa->soubory()) > 0)
                                    <div id="anketa-soubory" class="card-body">
                                        <span class="odpovedi-header text-blue">Připojené soubory ({{ count($anketa->soubory()) }}):</span>
                                       @include('components.souborEdit', ['files' => $anketa->soubory()])
                                    </div>
                            @endif
                        @else
                            <form action="{{ route('ankety.hlasovat') }}" method="POST">
                                {{ csrf_field() }}
                                <input type="hidden" name="anketa" value="{{ $anketa->id }}">
                                <div id="anketa-moznosti" class="anketa-moznosti">
                                @foreach ($anketa->moznosti as $moznost)
                                    <div class="custom-control custom-radio">
                                        <input type="radio" class="custom-control-input" name="vybranaMoznost" id="moznost-{{ $moznost->id }}" value="{{ $moznost->id }}">
                                        <label class="custom-control-label" for="moznost-{{ $moznost->id }}">{{ $moznost->text }}</label>
                                    </div>
                                @endforeach
                                </div>
                                Hlasování končí: 
                                @if (Carbon\Carbon::today('Europe/Prague')->diffInDays($anketa->expirace) == 0)
                                    dnes
                                @elseif (Carbon\Carbon::today('Europe/Prague')->diffInDays($anketa->expirace) == 1)
                                    zítra
                                @else
                                    {{ $anketa->expirace->setTimezone(new DateTimeZone('Europe/Prague'))->format('d.m.Y') }}
                                @endif
                                @if (count($anketa->soubory()) > 0)
                                    <div id="anketa-soubory" class="card-body">
                                        <span class="odpovedi-header text-blue">Připojené soubory ({{ count($anketa->soubory()) }}):</span>
                                       @include('components.souborEdit', ['files' => $anketa->soubory()])
                                    </div>
                                @endif
                                @if(session()->get('isSprava')!=1)
                                <button class="btn btn-blue-custom btn-sm anketa-controls hlasovat" type="submit" 
                                    title="Hlasovat">Hlasovat</button>
                                @endif
                            </form>
                        @endif
                    </div>
                    <div class="card-footer">
                        @if ($hasAccess)
                            <button class="btn btn-blue-custom btn-sm anketa-controls font-weight-bold" type="button" 
                                title="Zpráva o anketě" data-toggle="modal" data-target="#tisk"
                                data-anketaid="{{ $anketa->id }}"><i class="fas fa-file-pdf"></i></button>
                            <button class="btn btn-blue-custom btn-sm anketa-controls font-weight-bold" type="button" 
                                title="Zobrazit hlasy" data-toggle="modal" data-target="#hlasyModal" 
                                data-anketaid="{{ $anketa->id }}"><i class="fas fa-users"></i></button>
                        @endif
                        @if($anketa->autor && Auth::user()->id == $anketa->autor->id && session()->get('isSprava')!=1) 
                            @if (!(Carbon\Carbon::today('Europe/Prague') > $anketa->expirace))
                            <button class="btn btn-blue-custom btn-sm infodeska-controls" type="button" 
                                title="Upravit" data-toggle="modal" data-target="#anketa-upravit"
                                data-anketaid="{{ $anketa->id }}" 
                                data-titulek="{{ $anketa->titulek }}"
                                data-expirace="{{ $anketa->expirace }}"
                                data-text="{{ $anketa->text }}"><i class="fa fa-edit"></i></button>
                            @endif    
                            <button class="btn btn-red-custom btn-sm anketa-controls font-weight-bold" type="button" 
                                title="Odstranit" data-toggle="modal" data-target="#smazani"
                                data-anketaid="{{ $anketa->id }}"><i class="fa fa-trash"></i></button>
                        @endif
                    </div>
                </div>
            @endforeach
            <div class="text-center">
                {{ $ankety->links('vendor.pagination.bootstrap-4') }}
            </div>
        @endif
    </div>
</div>

@if($hasAccess)
<!-- Modální okno pro anketu -->
<div class="modal" id="anketa" tabindex="-1" role="dialog" aria-labelledby="anketa" aria-hidden="true">
    {{ csrf_field() }}
    <input type="hidden" name="anketaId" id="anketaId" value="">
    <input type="hidden" name="dum" id="a-dum" value="{{ $dum->id }}">
    <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header d-flex justify-content-start">
                <label class="mr-2 font-weight-bold" for="titulek">Titulek: </label>
                <input class="mr-2" type="text" name="titulek" id="titulek" placeholder="Zadejte titulek ankety">
                <span class="font-weight-bold">  (</span>
                <span class="font-weight-bold" id="titulek-znaky">30</span>
                <span class="font-weight-bold">)</span>
            </div>
            <div class="modal-body">
                <div class="w-100">
                    <label class="font-weight-bold" for="expirace">Hlasování do: </label>
                    <input type="date" name="expirace" id="expirace"> <span>23:59</span>
                    <br>
                    <label class="font-weight-bold" for="anketa-text">Text ankety: </label>
                    <textarea class="w-100" name="anketa-text" id="anketa-text" rows="5" placeholder="Zadejte text ankety"></textarea>
                    <div class="d-flex justify-content-end">
                        <span class="font-weight-bold">Zbývající počet znaků:&nbsp;</span>
                        <span class="font-weight-bold" id="anketa-znaky">500</span>
                    </div>
                </div>
                <div>
                    <span class="font-weight-bold" id="moznosti-label">Možnosti</span>
                    <div id="moznosti">
                        <label for="m-1">1.&nbsp;</label><input type="text" class="moznosti" id="m-1" maxlength="30"><br>
                        <label for="m-2">2.&nbsp;</label><input type="text" class="moznosti" id="m-2" maxlength="30"><br>
                        <label for="m-3">3.&nbsp;</label><input type="text" class="moznosti" id="m-3" maxlength="30">
                    </div>
                    <button type="button" class="btn btn-blue-custom btn-sm" id="moznost-pridat"><i class="fa fa-plus"></i></button>
                </div>
                <span id="anketa-error" class="error d-none"></span>
                @include('components.fileUploader')
                <br>
                <span style="color:red;" id="TextRight"><strong><i>Uložení ankety může trvat několik desítek sekund - rozesílají se notifikace všem uživatelům v domě!</i></strong></span>
                <div id="LoadingImageX" style="display:none">
                    <img src="{{ asset ('/images/spinner.gif') }}"/>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-red-custom" data-dismiss="modal" id="anketa-zavri">Zavřít</button>
                <button type="button" class="btn btn-blue-custom" id="anketa-ulozit">Uložit</button>
            </div>
        </div>
    </div>
</div>

<!-- Modální okno pro úpravu ankety -->
<div class="modal" id="anketa-upravit" tabindex="-1" role="dialog" aria-labelledby="anketa-upravit" aria-hidden="true">
    {{ csrf_field() }}
    <input type="hidden" name="anketaId-u" id="anketaId-u" value="">
    <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header d-flex justify-content-start">
                <label class="mr-2 font-weight-bold" for="titulek-u">Titulek: </label>
                <input class="mr-4" type="text" name="titulek-u" id="titulek-u" placeholder="Zadejte titulek ankety">
                <span class="font-weight-bold">  (</span>
                <span class="font-weight-bold" id="titulek-znaky-u">30</span>
                <span class="font-weight-bold">)</span>
            </div>
            <div class="modal-body">
                <div class="w-100">
                    <label class="font-weight-bold" for="expirace-u">Hlasování do: </label>
                    <input type="date" name="expirace-u" id="expirace-u"> <span>23:59</span>
                    <br>
                    <label class="font-weight-bold" for="anketa-text-u">Text ankety: </label>
                    <textarea class="w-100" name="anketa-text-u" id="anketa-text-u" rows="5" placeholder="Zadejte text ankety"></textarea>
                    <div class="d-flex justify-content-end">
                        <span class="font-weight-bold">Zbývající počet znaků:&nbsp;</span>
                        <span class="font-weight-bold" id="anketa-znaky-u">500</span>
                    </div>
                </div>
                <span id="anketa-error-u" class="error d-none"></span>
                @include('components.fileUploaderSecond')
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-red-custom" data-dismiss="modal">Zavřít</button>
                <button type="button" class="btn btn-blue-custom" id="anketa-ulozit-u">Uložit</button>
            </div>
        </div>
    </div>
</div>

<!-- Modální okno pro tisk do pdf -->
<div class="modal" id="tisk" tabindex="-1" role="dialog" aria-labelledby="tisk" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <span class="modal-title font-weight-bold">Tisk výsledků do PDF</span>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <form action="{{ route('ankety.tiskPdf') }}" method="POST" target="_blank">
                <div class="modal-body">  
                        {{ csrf_field() }}
                        <input type="hidden" id="anketaId-t" name="anketa" value="">
                        <div class="custom-control custom-checkbox">
                            <input type="checkbox" class="custom-control-input" 
                                id="chkbox-tisk" 
                                name="zahrnoutHlasy" 
                                value="1">
                            <label class="custom-control-label" for="chkbox-tisk">Zahrnout informace o hlasech</label>
                        </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-red-custom" data-dismiss="modal">Zavřít</button>
                    <button class="btn btn-blue-custom" type="submit">Tisk do PDF</button>
                </div>
            </form>
        </div>
    </div>
</div>
@endif

<!-- Modální okno pro potvrzení mazání anket -->
<div class="modal smazat-potvrzeni" id="smazani" tabindex="-1" role="dialog" aria-labelledby="smazani" aria-hidden="true">
    <input type="hidden" name="smazani-id" id="smazani-id" value="">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
        <div class="modal-header">
            <span class="modal-title font-weight-bold">Smazat obsah</span>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
            </button>
        </div>
        <div class="modal-body">
            Opravdu chcete tuto položku smazat? Tuto akci nelze vzít zpět.
        </div>
        <div class="modal-footer">
            <button type="button" class="btn btn-red-custom" data-dismiss="modal">Zavřít</button>
            <button type="button" class="btn btn-blue-custom" id="potvrdit-smazani">Ano</button>
        </div>
        </div>
    </div>
</div>

<!-- Modalní okno přehled účtů uživatelů domu -->
@include ('components.uctyModal')
<!-- Modalní okno pro zobrazení přehledu hlasů ankety -->
@include ('anketa.hlasyModal')

<script src="{{ asset('js/ankety.js') }}"></script>

<script src="{{ asset('js/sessions.js') }}"></script>
<script>
$(document).ready(function(){
    $('.ucty').click(function(){
        event.preventDefault();
        var id = $(this).attr("id");
        $("#detailModalUcty").modal('show');
        _getUserUcty(id);
    }); 

    function _getUserUcty(id) {
        $('#DetailUcty').empty();
        $.get(" {{ route( 'prostor.prostoryUser' ) }}", {id_domu: id} , function(data){
            html = data;
            $('#DetailUcty').empty();
            $('#DetailUcty').append(html);
        });
    }
});  
</script>          
@endsection