@extends('layouts.publicador.default')

@section('content')
    <div class="container my-4 py-3">

        <h4 class="mb-4">
            @lang('labels.agenda')
            <small class="text-muted">@lang('labels.acoes.pesquisar')</small>
        </h4>

        @include('publicador.agenda.pesquisa')

        @if (session('status-success'))
            <div class="alert alert-success text-center" role="alert">
                {{ session('status-success') }}
            </div>
        @endif

        @if (session('status-error'))
            <div class="alert alert-danger text-center" role="alert">
                {{ session('status-error') }}
            </div>
        @endif



        @include('layouts.publicador.aviso_paginacao')

        <div class="row mb-3">
            <div class="col-12">
                <span class="px-0 d-block w-100">Legenda: </span>
                <div class="d-flex mb-3">
                    <span class="quadrado bg-status-1">@lang('labels.agendado')</span>
                    <span class="quadrado bg-status-2">@lang('labels.provisorio')</span>
                    <span class="quadrado bg-status-3">@lang('labels.confirmado')</span>
                    <span class="quadrado bg-status-4">@lang('labels.cancelado')</span>
                </div>
            </div>
            <div class="col-12 text-right">
                @can('agenda_adicionar')
                    <a href="{{ route('publicador.agenda.adicionar') }}" class="btn btn-sm btn-success">@lang('labels.acoes.adicionar')</a>
                @endcan
                <a href="{{ route('publicador.agenda.calendario') }}" class="btn btn-sm btn-info">@lang('labels.calendario')</a>
            </div>
        </div>
        @unless ($lista->isEmpty())
            <div class="table-responsive">
                <table class="table table-sm table-bordered">
                    <thead class="thead-default">
                        <tr>
                            <th>@lang('labels.titulo')</th>
                            <th>@lang('labels.data_evento')</th>
                            <th>@lang('labels.local')</th>
                            <th>@choice('labels.responsaveis', 0)</th>
                            <th nowrap>@lang('labels.publicado_site')</th>
                            <th lass="d-none d-sm-table-cell">@lang('labels.data_cadastro')</th>
                            <th>&nbsp;</th>
                        </tr>
                    </thead>
                    <tbody>

                        @foreach ($lista as $c => $item)
                           
                            <tr class="bg-status-{{ $item->status }}">
                                <td scope="row" class="w-25" data-toggle="modal" data-target="#modalEvento"
                                    data-titulo="{{ $item->titulo }}" data-proposicao="{{ $item->proposicao }}"
                                    data-comentarios="{!! htmlentities($item->comentario) !!}"
                                    data-local="{{ optional($item->localEvento)->nomeCompleto }}"
                                    data-endereco="{{ $item->local }}"
                                    data-horario="{{ $item->data_evento->format('d/m/Y H:i') }}"
                                    data-responsaveis="{{ $item->responsaveis->implode('nome_sem_setor', ', ') }}"
                                    data-status="{{ Config::get('constants.status_eventos')->get((int) $item->status) }}"
                                    data-publicado="{{ Config::get('constants.boolean')->get((int) $item->publicado) }}"
                                    data-transmissao="{{ Config::get('constants.boolean')->get((int) $item->transmissao) }}"
                                    data-descricao="{!! htmlentities($item->descricao) !!}">{{ $item->titulo }}</td>
                                <td nowrap>
                                    {{ !empty($item->data_evento) && $item->data_evento->year <= 1  ? 'Sem data' : $item->data_evento->format('d/m/Y H:i') }}
                                </td>
                                <td>{{ optional($item->localEvento)->nomeCompleto }}</td>
                                <td>{{ $item->responsaveis->implode('nome_sem_setor', ', ') }}</td>
                                <td nowrap>{{ Config::get('constants.boolean')->get($item->publicado) }}</td>
                                <td nowrap>{{ $item->created_at->format('d/m/Y H:i') }}</td>

                                <td class="text-right" nowrap>
                                    {!! Form::open([
                                        'method' => 'DELETE',
                                        'route' => ['publicador.agenda.excluir', $item->id],
                                        'class' => 'form-delete',
                                    ]) !!}
                                    @canany(['agenda_alterar', 'agenda_adicionar'])
                                        @if ($item->status != 4)
                                            <a href="{{ route('publicador.agenda.convite', ['id' => $item->id]) }}"
                                                class="btn btn-secondary btn-sm" title="@lang('labels.acoes.enviar') @lang('labels.convite')">
                                                <span class="fa fa-envelope"></span>
                                            </a>
                                        @endif
                                    @endcanany
                                    @can('agenda_alterar')
                                        <a href="{{ route('publicador.agenda.editar', ['id' => $item->id]) }}"
                                            class="btn btn-primary btn-sm" title="@lang('labels.acoes.alterar')">
                                            <span class="fa fa-pencil"></span>
                                        </a>
                                    @endcan
                                    @can('agenda_excluir')
                                        {{ Form::button('<span class="fa fa-trash"></span>', ['class' => 'btn btn-danger btn-sm btn-delete', 'type' => 'submit']) }}
                                    @endcan
                                    {!! Form::close() !!}
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        @endunless

        @include('layouts.publicador.paginacao')

        <div class="modal fade" id="modalEvento" tabindex="-1" role="dialog" aria-labelledby="modalEventoLabel"
            aria-hidden="true">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="modalEventoLabel"></h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="@lang('labels.acoes.fechar')">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body"></div>
                </div>
            </div>
        </div>

    </div>

    <script type="text/javascript">
        (function($) {
            $('#modalEvento').on('show.bs.modal', function(e) {
                const $this = $(this);
                const evento = $(e.relatedTarget);
                let str = '';

                $this.find('.modal-title').html(evento.data('titulo'));

                const resp = evento.data('responsaveis');

                str += '<b>@lang('labels.publicado')</b>: ' + evento.data('publicado') + '<br>';
                str += '<b>@lang('labels.status')</b>: ' + evento.data('status') + '<br>';
                str += '<b>@lang('labels.horario')</b>: ' + evento.data('horario') + '<br>';
                str += '<b>@lang('labels.local')</b>: ' + evento.data('local') + '<br>';
                if (evento.data('endereco') !== '') str += '<b>@lang('labels.endereco')</b>: ' + evento.data(
                    'endereco') + '<br>';
                str += '<b>@lang('labels.proposicao')</b>: ' + evento.data('proposicao') + '<br>';
                str += '<b>@lang('labels.transmissao')</b>: ' + evento.data('transmissao') + '<br>';
                if (resp !== '') str += '<b>@choice('labels.responsaveis', 0)</b>: ' + resp + '<br>';

                str += '<br> ';
                str += evento.data('descricao');
                str += '<hr>';
                str += '<b>@lang('labels.comentarios')</b>: ';
                str += evento.data('comentarios');

                $this.find('.modal-body').html(str);
            })
        })(jQuery);
    </script>

@endsection