@extends('layouts.app')

@section('content')
@include ('components.Combo_FDP')
@php
    $napoveda = 'Výsledky jsou vážené podle plochy vlastníků prostor.
        <br>Zobrazené výsledky jsou zaokrouhlené na setiny procenta.';
@endphp

<div class="container box">
    @php
        $uzivId = array_keys($uzivatele);
    @endphp
    <input type="hidden" id="root" value="{{ url('/') }}">
    <h2 class="text-center font-weight">Hlasování 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')
    <div class="row">
        <div class="col">
            @if($hasAccess)
                <button id="hlasovani-pridat" class="btn btn-blue-custom btn-sm" type="button" 
                    data-toggle="modal" data-target="#hlasovani">
                    <i class="fa fa-plus"></i> Přidat nové hlasování
                </button>
                @if ($dnesniHlasovani)
                    <button id="hlasovani-dochazka" class="btn btn-blue-custom btn-sm" type="button" 
                        data-toggle="modal" data-target="#dochazka">
                        <i class="fas fa-user-check"></i> Zadat dnešní docházku
                    </button>
                @endif
            @endif
            <div id='planovana-hlasovani' class="card">
                <div class="card-header text-blue">
                    <span class="font-weight-bold">Plánovaná hlasování</span>
                </div>
                <div class="card-body">       
                    @if(count($planovanaHlasovani) == 0)
                        <div class="mt-2 font-weight-bold">
                            Nenalezena žádná plánovaná hlasování
                        </div>
                    @else
                        @foreach ($planovanaHlasovani as $h)
                            <div class="d-flex flex-row p-2 hlasovani-radek">
                                <div class="col-md-2 align-self-center"><span class="font-weight-bold">{{ $h->titulek }}</span></div>
                                @if($hasAccess)
                                <div class="col-md-5 align-self-center"><span>{{ $h->text }}</span></div>
                                @else
                                <div class="col-md-8 align-self-center"><span>{{ $h->text }}</span></div>
                                @endif
                                <div class="col-md-2 align-self-center"><span>{{ $h->datum->format('d.m.Y') }}</span></div>
                                @if($hasAccess)
                                <div class="col-md-3 align-self-center ml-auto-custom">
                                    <button type="button" class="btn btn-red-custom btn-sm" title="Smazat"
                                        data-toggle="modal" data-target="#smazani"
                                        data-hlasovaniid="{{ $h->id }}"><i class="fa fa-trash"></i></button>
                                    @if ($h->datum->format('Y-m-d') == Carbon::today('Europe/Prague')->format('Y-m-d'))
                                        <a href="{{ route('hlasovani.zahajit', ['id' => $h->id]) }}" 
                                        class="btn btn-blue-custom btn-sm" title="Zahájit"><i class="fas fa-play"></i></a>
                                    @endif
                                </div>
                                @endif
                            </div>
                        @endforeach
                    @endif
                </div>
            </div>
            @if ($hasAccess or in_array(Auth::user()->ceo->id, $uzivId))
            @if(count($probihajiciHlasovani) > 0)
            <div id='probihajici-hlasovani' class="card">
                <div class="card-header text-blue">
                    <span class="font-weight-bold">Probíhající hlasování</span>
                </div>
                <div class="card-body">       
                    @foreach ($probihajiciHlasovani as $h)
                        <div class="d-flex flex-row p-2 hlasovani-radek">
                            <div class="col-md-2 align-self-center"><span class="font-weight-bold">{{ $h->titulek }}</span></div>
                            <div class="col-md-6 align-self-center"><span>{{ $h->text }}</span></div>                             
                            <div class="col-md-4 align-self-center">
                                @if($hasAccess)
                                <a href="{{ route('hlasovani.ukoncit', ['id' => $h->id]) }}" class="btn btn-red-custom btn-sm float-right" title="Ukončit"><i class="fas fa-stop"></i></a>
                                <button type="button" class="btn btn-blue-custom btn-sm float-right" title="Průběžné výsledky"
                                        data-toggle="modal" data-target="#prubezne-vysledky"
                                        data-hlasovaniid="{{ $h->id }}"><i class="fas fa-poll-h"></i></button>
                                <button type="button" class="btn btn-blue-custom btn-sm float-right" title="Zadat hlasy"
                                        data-toggle="modal" data-target="#hlasovat-hromadne"
                                        data-hlasovaniid="{{ $h->id }}"
                                        data-hlasovanititulek="{{ $h->titulek }}"
                                        data-dumid="{{ $dum->id }}"><i class="fas fa-tasks"></i></button>
                                @endif
                                @if (in_array(Auth::user()->osoba, $uzivateleDochazka))
                                    <button type="button" class="btn btn-blue-custom btn-sm float-right" title="Hlasovat"
                                        data-toggle="modal" data-target="#hlasovat"
                                        data-hlasovaniid="{{ $h->id }}"
                                        data-hlasovanititulek="{{ $h->titulek }}"
                                        data-hlasovanitext="{{ $h->text }}"><i class="fas fa-vote-yea"></i></button>
                                @endif
                            </div>
                        </div>
                    @endforeach
                </div>
            </div>
            @endif
            @if(count($dnesniUkoncenaHlasovani) > 0)
            <div id='dnesni-ukoncena-hlasovani' class="card">
                <div class="card-header text-blue">
                    <span class="font-weight-bold">Dnešní proběhlá hlasování</span>
                </div>
                <div class="card-body">       
                    <div class="table-responsive">
                        <table class="table table-sm table-hover vysledky-hlasovani">
                            <tr>
                                <th>Hlasování</th>
                                <th>Pro</th>
                                <th>Proti</th>
                                <th>Zdrželo se</th>
                                <th>Pro ze všech [%] <i class="fas fa-question-circle" data-toggle="popover-hover"
                                data-content="{{ $napoveda }}"></i></th>
                                <th>Pro z přítomných [%] <i class="fas fa-question-circle" data-toggle="popover-hover"
                                data-content="{{ $napoveda }}"></i></th>
                                <th>Podmínka</th>
                                <th>Výsledek</th>
                            </tr>
                        @foreach ($dnesniUkoncenaHlasovani as $h)
                            @php
                                $vysledek = $h->vysledek();
                            @endphp
                            <tr>
                                    <td class="font-weight-bold">{{ $h->titulek }} 
                                        <i class="fas fa-info-circle" data-toggle="popover-hover"
                                            data-content="{{ $h->text }}"></i></td>
                                    <td>{{ $vysledek['pro'] }}</td>
                                    <td>{{ $vysledek['proti'] }}</td>
                                    <td>{{ $vysledek['zdrzelo_se'] }}</td>
                                    <td>{{ $vysledek['pro_vsichni'] }}</td>
                                    <td>{{ $vysledek['pro_pritomni'] }}</td>
                                    <td>{{ $vysledek['podminka'] }}</td>
                                    <td class="{{ $h->proslo ? 'table-vysledek-green' : 'table-vysledek-red'}}">{!! $h->proslo ? '<i class="fas fa-check"></i>' :  '<i class="fas fa-times"></i>'!!}</td>
                                </tr>
                        @endforeach
                        </table>
                    </div>
                </div>
            </div>
            @endif
            @endif
            @if ($hasAccess)
            <div id='vsechna-ukoncena-hlasovani' class="card">
                <div class="card-header text-blue">
                    <span class="font-weight-bold align-middle">Všechna proběhlá hlasování</span>
                    @if (count($vsechnaUkoncenaHlasovani) > 0)
                        <button type="button" class="btn btn-blue-custom btn-sm float-right" title="Tisknout do PDF"
                            data-toggle="modal" data-target="#tisk-hromadne">Hromadný tisk do PDF</button>
                    @endif
                </div>
                <div class="card-body">       
                    @if(count($vsechnaUkoncenaHlasovani) == 0)
                        <div class="mt-2 font-weight-bold">
                            Neproběhlo žádné hlasování
                        </div>
                    @else
                        <div class="table-responsive">
                        <table id="vysledky-hlasovani" class="table table-sm table-hover vysledky-hlasovani">
                            <tr>
                                <th>Hlasování</th>
                                <th>Pro</th>
                                <th>Proti</th>
                                <th>Zdrželo se</th>
                                <th>Pro ze všech [%] <i class="fas fa-question-circle" data-toggle="popover-hover"
                                    data-content="{{ $napoveda }}"></i></th>
                                <th>Pro z přítomných [%] <i class="fas fa-question-circle" data-toggle="popover-hover"
                                    data-content="{{ $napoveda }}"></i></th>
                                <th>Podmínka</th>
                                <th>Výsledek</th>
                                <th>Proběhlo</th>
                                <th></th>
                            </tr>
                        @foreach ($vsechnaUkoncenaHlasovani as $h)
                            @php
                                $vysledek = $h->vysledek();
                            @endphp
                            <tr>
                                    <td class="font-weight-bold">{{ $h->titulek }}
                                        <i class="fas fa-info-circle" data-toggle="popover-hover"
                                            data-content="{{ $h->text }}"></i></td>
                                    <td>{{ $vysledek['pro'] }}</td>
                                    <td>{{ $vysledek['proti'] }}</td>
                                    <td>{{ $vysledek['zdrzelo_se'] }}</td>
                                    <td>{{ $vysledek['pro_vsichni'] }}</td>
                                    <td>{{ $vysledek['pro_pritomni'] }}</td>
                                    <td>{{ $vysledek['podminka'] }}</td>
                                    <td class="font-weight-bold {{ $h->proslo ? 'table-vysledek-green' : 'table-vysledek-red'}}">{!! $h->proslo ? '<i class="fas fa-check"></i>' :  '<i class="fas fa-times"></i>'!!}</td>
                                    <td>{{ $h->updated_at->setTimezone(new DateTimeZone('Europe/Prague'))->format('d.m.Y') }}</td>
                                    <td><a class="to-pdf" href="{{ route('hlasovani.tiskPdf', ['id' => $h->id]) }}" title="Zpráva o hlasování" target="_blank"><i class="fas fa-file-pdf"></i></a></td>
                                </tr>
                        @endforeach
                        </table>
                    </div>
                    <div class="text-center pagination pg-blue">
                        {{ $vsechnaUkoncenaHlasovani->links('vendor.pagination.bootstrap-4') }}
                    </div>
                    @endif
                </div>
            </div>
            @endif
        </div>
    </div>
</div>

@if($hasAccess)
<!-- Modální okno pro docházku -->
<div class="modal" id="dochazka" tabindex="-1" role="dialog" aria-labelledby="dochazka" aria-hidden="true" data-backdrop="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <span class="modal-title font-weight-bold">Dnešní docházka</span>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <form action="{{ route('hlasovani.dochazka') }}" method="post">
                {{ csrf_field() }}
                <input type="hidden" name="dum" value="{{ $dum->id }}">
                @if (!is_null($dnesniSchuze) > 0)
                    <input type="hidden" name="schuze" value="{{ $dnesniSchuze->id }}">
                @endif
                <div class="modal-body d-flex justify-content-center">
                    <div id="dochazka-chkboxes">
                    @foreach ($uzivatele as $id => $uzivatel)
                        <div class="row">
                            <div class="custom-control custom-checkbox">
                                <input type="checkbox" class="custom-control-input" 
                                    id="chkbox-{{ $id }}" 
                                    name="dochazka[]" 
                                    value="{{ $id }}" {{ in_array($id, $uzivateleDochazka) ? 'checked="checked"' : '' }}>
                                <label class="custom-control-label" for="chkbox-{{ $id }}">
                                    {{ $uzivatel['jmeno'] }} - 
                                    @foreach ($uzivatel['prostory'] as $i => $jednotka)
                                        {{ $jednotka }}
                                        @if ($i != count($uzivatel['prostory'])-1)
                                            {{ ', ' }}
                                        @endif
                                    @endforeach
                                </label>
                            </div>
                        </div>
                    @endforeach
                    <button type="button" class="btn btn-blue-custom btn-sm" id="dochazka-oznacit-vse">Označit všechny</button>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-red-custom btn-sm" data-dismiss="modal">Zavřít</button>
                    <button type="submit" class="btn btn-blue-custom btn-sm" id="dochazka-ulozit">Uložit</button>
                </div>
            </form>
        </div>
    </div>
</div>

<!-- Modální okno pro nové hlasování -->
<div class="modal" id="hlasovani" tabindex="-1" role="dialog" aria-labelledby="hlasovani" aria-hidden="true">
    {{ csrf_field() }}
    <input type="hidden" name="dum" id="h-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 hlasování">
            <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">
                @if (count($schuze) == 0)
                <label class="font-weight-bold same-width" for="planovano">Plánováno na: </label>
                <input type="date" name="planovano" id="planovano">
                <input type="hidden" id="planovano-typ" name="planovano-typ" value="0">
                @else
                <label class="font-weight-bold same-width" for="schuze">Pro schůzi: </label>
                <select name="schuze" id="schuze">
                    @foreach ($schuze as $s)
                        <option value="{{ $s->id }}">{{ $s->datum->format('d.m.Y').' - '.$s->popis }}</option>
                    @endforeach
                </select>
                <input type="hidden" id="planovano-typ" name="planovano-typ" value="1">
                @endif
                <br>
                <label class="font-weight-bold same-width" for="podminka">Podmínka pro vyhodnocení: </label>
                <select name="podminka" id="podminka">
                    @foreach ($podminky as $podminka)
                        <option value="{{ $podminka->id }}">{{ $podminka->podminka }}</option>
                    @endforeach
                </select>
                <br>
                <label class="font-weight-bold" for="hlasovani-text">Text: </label>
                <textarea class="w-100" name="hlasovani-text" id="hlasovani-text" rows="3" placeholder="Zadejte text hlasování"></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="hlasovani-znaky">200</span>
                </div>
            </div>
            <span id="hlasovani-error" class="error d-none"></span>
        </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="hlasovani-ulozit">Uložit</button>
        </div>
        </div>
    </div>
</div>

<!-- Modální okno pro potvrzení mazání zpráv/příspěvků -->
<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>

<!-- Modální okno pro hlasování funkcionarem -->
<div class="modal" id="hlasovat-hromadne" tabindex="-1" role="dialog" aria-labelledby="hlasovat-hromadne" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <span id="hlasovaniTitulek-hr" class="modal-title font-weight-bold">Hlasování - placeholder</span>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <form action="{{ route('hlasovani.hlasovat-hromadne') }}" method="POST">
                <div class="modal-body">  
                        {{ csrf_field() }}
                        <input id='hlasovaniId-hr' type="hidden" name="hlasovani" value="">
                        <input type="hidden" name="dum" value="{{ $dum->id }}">                 
                        <div id="hlasovani-moznosti-hr">
                        </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">Hlasovat</button>
                </div>
            </form>
        </div>
    </div>
</div>

<!-- Modální okno pro tisk do pdf -->
<div class="modal" id="tisk-hromadne" tabindex="-1" role="dialog" aria-labelledby="tisk-hromadne" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <span class="modal-title font-weight-bold">Hromadný tisk 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('hlasovani.hromadnyTiskPdf') }}" method="POST" target="_blank">
                <div class="modal-body">  
                    {{ csrf_field() }}
                    <input type="hidden" name="dum" value="{{ $dum->id }}">
                    <label class="font-weight-bold" for="od">Od: </label>                 
                    <input type="date" name="od" id="od" value="{{ Carbon\Carbon::now('Europe/Prague')->format('Y-m-d') }}">
                    <br>
                    <label class="font-weight-bold" for="do">Do: </label>
                    <input type="date" name="do" id="do" value="{{ Carbon\Carbon::now('Europe/Prague')->format('Y-m-d') }}">
                    <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>

<!-- Modální okno pro zobrazení průběžných výsledků -->
<div class="modal" id="prubezne-vysledky" tabindex="-1" role="dialog" aria-labelledby="prubezne-vysledky" aria-hidden="true">
    {{ csrf_field() }}
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
        <div class="modal-header">
            <span class="modal-title font-weight-bold">Průběžné výsledky hlasování</span>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
            </button>
        </div>
        <div class="modal-body">
            <div id="prubezne-vysledky-div" class="table-responsive text-nowrap">
            </div>
        </div>
        <div class="modal-footer">
            <button type="button" class="btn btn-red-custom" data-dismiss="modal">Zavřít</button>
        </div>
        </div>
    </div>
</div>
@endif

@if (in_array(Auth::user()->osoba, $uzivateleDochazka))
<!-- Modální okno pro hlasování -->
<div class="modal" id="hlasovat" tabindex="-1" role="dialog" aria-labelledby="hlasovat" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <span id="hlasovaniTitulek" class="modal-title font-weight-bold">Hlasování - placeholder</span>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <form action="{{ route('hlasovani.hlasovat') }}" method="POST">
                <div class="modal-body">
                    {{ csrf_field() }}
                    <input id='hlasovaniId' type="hidden" name="hlasovani" value="">
                    <input type="hidden" name="dum" value="{{ $dum->id }}">
                    <div id="hlasovaniText"></div>
                    
                    <div id="hlasovani-moznosti" class="hlasovani-moznosti">
                        <div class="custom-control custom-radio">
                            <input type="radio" class="custom-control-input" name="vybranaMoznost" id="moznost-pro" value="1" required>
                            <label class="custom-control-label" for="moznost-pro">Pro</label>
                        </div>
                        <div class="custom-control custom-radio">
                            <input type="radio" class="custom-control-input" name="vybranaMoznost" id="moznost-proti" value="0">
                            <label class="custom-control-label" for="moznost-proti">Proti</label>
                        </div>
                        <div class="custom-control custom-radio">
                            <input type="radio" class="custom-control-input" name="vybranaMoznost" id="moznost-zdrzet" value="2">
                            <label class="custom-control-label" for="moznost-zdrzet">Zdržuji se</label>
                        </div>
                    </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">Hlasovat</button>
                </div>
            </form>
        </div>
    </div>
</div>
@endif

{{-- Skript pro hlasování --}}
{{-- <script src="{{ asset('js/hlasovani.js') }}"></script> --}}
<script src="{{ asset('js/hlasovani.min.js') }}"></script>
<script src="{{ asset('js/sessions.js') }}"></script>
@endsection