@extends('layouts.publicador.novo_padrao')

@section('content')

    <link rel="stylesheet" href="{{ asset('css/fontawesome/css/all.min.css') }}">
    <link rel="stylesheet" href="{{ asset('css/fontawesome/css/fontawesome.min.css') }}">
    <linK rel="stylesheet" href="{{ asset('css/publicador.css') }}">

    <!-- SweetAlert2 JS/CSS -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/sweetalert2@11/dist/sweetalert2.min.css">
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>

    <div class="container">
        <div class="content-wrapper">
            <div class="content-header">
                <h4 class="mb-4">
                    Pautas de Comissões
                    <small class="text-muted">@lang('labels.acoes.pesquisar')</small>
                </h4>
            </div>
            <div class="card-body">
                <div classs="content-wrapper">
                    <div class="filter-wrapper">
                        {!! Form::open([
                            'route' => ['publicador.pautas_comissoes.index'],
                            'method' => 'GET',
                            'class' => 'form my-2 mb-4',
                            'novalidate' => true,
                        ]) !!}

                        <div class="row">
                            {{-- reuniao --}}
                            <div class="col-sm-6">
                                <div class="form-group">
                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                            <span class="input-group-text">
                                                <i class="fa-solid fa-handshake"></i>
                                            </span>
                                        </div>
                                        {{ Form::text('reuniao', $filtros['reuniao'] ?? null, [
                                            'class' => 'form-control form-control-sm',
                                            'placeholder' => 'Reunião',
                                        ]) }}
                                    </div>
                                </div>
                            </div>

                            {{-- COMISSÃO --}}
                            <div class="col-sm-6">
                                <div class="form-group">
                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                            <span class="input-group-text">
                                                <i class="fas fa-users"></i>
                                            </span>
                                        </div>
                                        {{ Form::select('comissao', $comissoes, $filtros['comissao'] ?? null, [
                                            'class' => 'form-control form-control-sm',
                                            'placeholder' => 'Selecione uma comissão',
                                        ]) }}
                                    </div>
                                </div>
                            </div>

                            {{-- PUBLICADO --}}
                            <div class="col-sm-4">
                                <div class="form-group">
                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                            <span class="input-group-text">
                                                <i class="fas fa-globe"></i>
                                            </span>
                                        </div>
                                        {{ Form::select('publicado', \Config::get('constants.boolean'), $filtros['publicado'] ?? null, [
                                            'class' => 'form-control form-control-sm ',
                                            'placeholder' => __('labels.publicado'),
                                        ]) }}
                                    </div>
                                </div>
                            </div>

                            {{-- DATA DE --}}
                            <div class="col-sm-4">
                                <div class="form-group">
                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                            <span class="input-group-text">
                                                <i class="fa-solid fa-calendar-days"></i>
                                            </span>
                                        </div>
                                        {{ Form::date('data_inicio', $filtros['data_inicio'] ?? null, [
                                            'class' => 'form-control form-control-sm',
                                            'placeholder' => 'Data inicial',
                                        ]) }}
                                    </div>
                                </div>
                            </div>

                            {{-- DATA ATÉ --}}
                            <div class="col-sm-4">
                                <div class="form-group">
                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                            <span class="input-group-text">
                                                <i class="fa-solid fa-calendar-day"></i>
                                            </span>
                                        </div>
                                        {{ Form::date('data_fim', $filtros['data_fim'] ?? null, [
                                            'class' => 'form-control form-control-sm',
                                            'placeholder' => 'Data final',
                                        ]) }}
                                    </div>
                                </div>
                            </div>

                            <div class="col-12 text-center">
                                {{ Form::submit(__('labels.acoes.pesquisar'), ['class' => 'btn btn-primary px-4 mx-2']) }}
                                <a href="{{ route('publicador.pautas_comissoes.index') }}"
                                    class="btn btn-secondary px-4 mx-2">
                                    <i class="fas fa-eraser mr-2"></i>@lang('labels.acoes.limpar')
                                </a>
                            </div>
                        </div>
                        {!! Form::close() !!}
                    </div>
                </div>
            </div>
        </div>

        <div class="content-wrapper">
            <div class="card-body">
                @php $pgJson = json_decode($pautas->toJson()) @endphp
                <div class="stats-container">
                    <div class="stats-info">
                        <div class="stats-total">
                            {{ __('labels.total') }}: <b>{{ $pgJson->total }}</b> @choice('labels.registro', $pgJson->total)
                        </div>
                        @if ($pgJson->total > 0)
                            <div class="stats-showing">
                                {!! __('labels.msg.mostrando_de', ['de' => $pgJson->from, 'ate' => $pgJson->to]) !!}
                            </div>
                        @elseif($pgJson->total == 0)
                            <div class="stats-showing">
                                {{ __('labels.msg.nenhum_resultado') }}
                            </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>

        <div class="content-wrapper">
            @can('pautas_comissoes_adicionar')
                <div class="w-100 text-right mb-3">
                    <a href="{{ route('publicador.pautas_comissoes.adicionar') }}"
                        class="btn btn-sm btn-success">@lang('labels.acoes.adicionar')</a>
                </div>
            @endcan
            @unless ($pautas->isEmpty())
                <table class="table">
                    <thead class="thead-default">
                        <tr>
                            <th>Comissão</th>
                            <th>Reunião</th>
                            <th>Data</th>
                            <th>Semana</th>
                            <th>Arquivos</th>
                            <th>Publicado</th>
                            <th class="d-none d-sm-table-cell">@lang('labels.data_cadastro')</th>
                            <th>Ações</th>
                        </tr>
                    </thead>
                    <tbody>

                        @foreach ($pautas as $item)
                            <tr>
                                <td scope="row" class="w-25">{{ $item->comissao }}</td>
                                <td>{{ $item->reuniao }}</td>
                                <td>{{ $item->data->format('d/m/Y') }}</td>
                                <td>{{ $item->semana_inicio->format('d/m/Y') }} - {{ $item->semana_fim->format('d/m/Y') }}
                                </td>
                                <td class="text-center"><span class="badge badge-info">{{ $item->arquivos_count }}</span></td>
                                <td class="text-center">
                                    @if ($item->publicado)
                                        <i class="fas fa-check-circle text-success"></i>
                                    @else
                                        <i class="fas fa-times-circle text-danger"></i>
                                    @endif
                                </td>
                                <td class="d-none d-sm-table-cell">{{ $item->created_at->format('d/m/Y H:i') }}</td>

                                <td class="text-right butons" nowrap>
                                    {!! Form::open([
                                        'method' => 'DELETE',
                                        'route' => ['publicador.pautas_comissoes.excluir', $item->id],
                                        'class' => 'form-delete',
                                    ]) !!}
                                    @can('pautas_comissoes_alterar')
                                        <a href="{{ route('publicador.pautas_comissoes.editar', ['id' => $item->id]) }}"
                                            class="btn btn-primary btn-sm" title="@lang('labels.acoes.alterar')">
                                            <span class="fa fa-pencil"></span>
                                        </a>
                                    @endcan
                                    @can('pautas_comissoes_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>
            @endunless
            <div class="d-flex justify-content-center">
                {{ $pautas->appends(request()->query())->links() }}
            </div>
        </div>
    </div>

    <script>
        $(document).ready(function() {
            $('.form-delete').on('submit', function(e) {
                e.preventDefault();

                const form = $(this);

                Swal.fire({
                    title: 'Tem certeza?',
                    text: "Esta ação não poderá ser revertida!",
                    icon: 'warning',
                    showCancelButton: true,
                    confirmButtonColor: '#3085d6',
                    cancelButtonColor: '#d33',
                    confirmButtonText: 'Sim, excluir!',
                    cancelButtonText: 'Cancelar'
                }).then((result) => {
                    if (result.isConfirmed) {
                        form.off('submit').submit();
                    }
                });
            });
        });
        document.addEventListener('DOMContentLoaded', function() {
            // Verificar se existe mensagem de sucesso na sessão
            @if (session('status-success'))
                Swal.fire({
                    icon: 'success',
                    title: 'Sucesso!',
                    text: "{{ session('status-success') }}",
                    toast: true,
                    position: 'top-end',
                    showConfirmButton: false,
                    timer: 5000,
                    timerProgressBar: true,
                    didOpen: (toast) => {
                        toast.addEventListener('mouseenter', Swal.stopTimer)
                        toast.addEventListener('mouseleave', Swal.resumeTimer)
                    }
                });
            @endif

            // Verificar se existe mensagem de erro na sessão
            @if (session('status-error'))
                Swal.fire({
                    icon: 'error',
                    title: 'Erro!',
                    text: "{{ session('status-error') }}",
                    toast: true,
                    position: 'top-end',
                    showConfirmButton: false,
                    timer: 5000,
                    timerProgressBar: true,
                    didOpen: (toast) => {
                        toast.addEventListener('mouseenter', Swal.stopTimer)
                        toast.addEventListener('mouseleave', Swal.resumeTimer)
                    }
                });
            @endif
        });
    </script>
    <style>
        .filter-wrapper .btn{
            min-width: unset;
        }
        .card {
            border-radius: 0.5rem;
            box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
            transition: all 0.3s ease;
        }

        .card:hover {
            box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
        }

        .form-control,
        .input-group-text {
            border-radius: 0.25rem;
        }

        .input-group .input-group-prepend .input-group-text {
            background-color: #f8f9fa;
            border-right: none;
        }

        .form-control:focus {
            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
        }

        .btn {
            border-radius: 0.25rem;
            transition: all 0.2s;
        }

        .btn-primary {
            background-color: #007bff;
            border-color: #007bff;
        }

        .btn-primary:hover {
            background-color: #0069d9;
            border-color: #0062cc;
            transform: translateY(-1px);
        }

        .btn-success {
            background-color: #28a745;
            border-color: #28a745;
        }

        .btn-success:hover {
            background-color: #218838;
            border-color: #1e7e34;
            transform: translateY(-1px);
        }

        .btn-action {
            width: 32px;
            height: 32px;
            padding: 0;
            line-height: 32px;
            text-align: center;
            margin: 0 2px;
        }

        .table {
            background-color: white;
        }

        .table thead th {
            background-color: #f8f9fa;
            border-top: none;
            border-bottom: 2px solid #dee2e6;
            font-weight: 600;
            color: #495057;
        }

        .table-hover tbody tr:hover {
            background-color: rgba(0, 123, 255, 0.03);
        }

        .badge-info {
            background-color: #17a2b8;
            padding: 0.4em 0.6em;
        }

        .pagination {
            margin-top: 1rem;
        }

        .pagination .page-item.active .page-link {
            background-color: #007bff;
            border-color: #007bff;
        }

        .filter-toggle {
            cursor: pointer;
            transition: all 0.3s;
        }

        .filter-content {
            transition: max-height 0.3s ease-out;
            max-height: 1000px;
            overflow: hidden;
        }

        .filter-content.collapsed {
            max-height: 0;
        }
    </style>
@endsection