@extends('layouts.admin')

@section('content')
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{ route('home') }}"><i class="fas fa-home"></i> Home</a></li>
            <li class="breadcrumb-item active" aria-current="page">Alterar Senhas de Emails em Lotes / Início</li>
        </ol>
    </nav>

    <div class="container-fluid">
        {{-- Messagem de Sucesso --}}
        @if(session('mensagem'))
            <div class="row">
                <div class="col-md-12">
                    <div style="margin-bottom: 0px!important;" class="alert alert-success text-center">
                        <p style="margin-bottom: 0px!important;">{{ session('mensagem') }}</p>
                    </div>
                </div>
            </div>
        @endif

        @if(session('error'))
            <div class="row">
                <div class="col-md-12">
                    <div class="alert alert-danger">
                        <p>{{session('error')}}</p>
                    </div>
                </div>
            </div>
        @endif

        <div class="row card p-3">
            <div class="col-md-4 offset-md-8 col-xs-12 text-center mb-5">
                <form method="POST" action="{{ route('redefinir-senhas-emails-filtro') }}">
                    @csrf
                    <div class="input-group">
                        <select name="pesquisa" id="pesquisa" class="form-control" required>
                            <option value="{{ $dominio }}">{{ $dominio }}</option>
                            @foreach(\App\Mailbox::orderBy('domain', 'asc')->get()->unique('domain') as $d)
                                <option value="{{ $d->domain }}">{{ $d->domain }}</option>
                            @endforeach
                        </select>
                        <div class="input-group-append">
                            <button type="submit" class="btn btn-primary"><i class="fas fa-search"></i>
                            </button>
                        </div>
                    </div>
                </form>
            </div>
            <div class="col-md-12">
                <div class="table-responsive">
                    <table class="table table-sm table-striped table-hover" id="emailsSenhas">
                        <thead class=" text-primary">
                        <th>
			<button type="button" id="selectAll"
                                class="btn btn-sm btn-light"><i
                                class="far fa-check-square"></i>
                        </button>
			</th>
                        <th>{{ ('Email') }}</th>
                        <th>{{ ('Quota') }}</th>
                        <th>{{ ('Data Criação') }}</th>
                        <th class="text-center">{{ ('Ações') }}</th>
                        </thead>
                        <tbody>
                        @foreach($emails as $key => $e)
                            <tr>
                                <td>
                                    <input type="checkbox" class="check" value="{{ $e->username }}">
                                    {{ $key + 1 }}
                                </td>
                                <td>{{ $e->username }}</td>
                                <td>{{ \App\HealthService::formatBytesEmails($e->quota) }}</td>
                                <td>{{ date_format(date_create($e->created), 'd/m/Y H:s:i') }}</td>
                                <td class="text-right align-middle">
                                    <div class="btn-group" role="group"
                                         aria-label="Grupo de botões com dropdown aninhado">
                                        <div class="btn-group" role="group">
                                            <button id="btnGroupDrop1" type="button"
                                                    class="btn btn-xs btn-primary dropdown-toggle"
                                                    data-toggle="dropdown" aria-haspopup="true"
                                                    aria-expanded="false">
                                                Ações
                                            </button>
                                            <div class="dropdown-menu p-1" aria-labelledby="btnGroupDrop1">
                                                <form action="{{ route('emails.destroy', $e->username) }}"
                                                      method="post">
                                                    @csrf
                                                    @method('delete')
                                                    {{-- Visualziar --}}
                                                    <a class="btn btn-block btn-info btn-xs"
                                                       href="{{ route('emails.edit', $e->username) }}">
                                                        <i class="fas fa-pencil-alt"></i>
                                                        Editar
                                                    </a>
                                                    {{-- Excluir --}}
                                                    <button type="button"
                                                            class="btn btn-block btn-danger btn-xs"
                                                            data-original-title="" title=""
                                                            @if(Auth::user()->admin != 2) disabled @endif
                                                            onclick="confirm('{{ __("Você tem certeza que deseja apagar este registro?") }}') ? this.parentElement.submit() : ''">
                                                        <i class="fas fa-times"></i>
                                                        Excluir
                                                    </button>
                                                </form>
                                            </div>
                                        </div>
                                    </div>
                                </td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
            <div class="row p-3">
                <div class="col-md-12">
                    <div class="input-group">
                        <input name="novaSenha" id="novaSenha" placeholder="Nova Senha*" class="form-control" required>
                        <div class="input-group-append">
                            <button class="btn btn-info btn-sm" id="multi-senha"
                                    data-route="{{ route('update-senhas') }}"><i
                                    class="fas fa-lock"></i> Redefinir
                                Senhas
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

   <script>
    $(document).ready(function ($) {
        $('#emailsSenhas').DataTable({
            "language": {
                "url": "https://cdn.datatables.net/plug-ins/1.10.12/i18n/Portuguese-Brasil.json"
            },
            "order": [[0, "desc"]],
            "bFilter": true,
            "bInfo": true,
            "bSort": false,
            "bPaginate": true,
            "pageLength": 10, // Exibir 10 registros por padrão
            "lengthMenu": [[10, 50, 100, 200, -1], [10, 50, 100, 200, "Todos"]], // Adicionando opções 10, 50, 100, 200 e Todos
            dom: '<"top"Blf>rt<"bottom"ip><"clear">', // Customizando o layout para incluir o seletor de quantidade de registros e botões em uma linha, e o resto em outra linha
            buttons: [
                {
                    extend: 'copy',
                    text: 'Copiar',
                    className: 'btn btn-primary text-xs'
                },
                {
                    extend: 'csv',
                    text: 'CSV',
                    className: 'btn btn-primary text-xs'
                },
                {
                    extend: 'excel',
                    text: 'Excel',
                    className: 'btn btn-primary text-xs'
                },
                {
                    extend: 'pdf',
                    text: 'PDF',
                    className: 'btn btn-primary text-xs'
                },
                {
                    extend: 'print',
                    text: 'Imprimir',
                    className: 'btn btn-primary text-xs'
                }
            ]
        });
    });
</script>

    <script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script>
    <script src="/plugins/Jquery-Table-Check-All/dist/TableCheckAll.js"></script>

    <script type="text/javascript">
        $(document).ready(function () {
            $('body').on('click', '#selectAll', function () {
                if ($(this).hasClass('allChecked')) {
                    $('input[type="checkbox"]', '#emailsSenhas').prop('checked', false);
                } else {
                    $('input[type="checkbox"]', '#emailsSenhas').prop('checked', true);
                }
                $(this).toggleClass('allChecked');
            })
        });


        $(document).ready(function ($) {

            $("#emailsSenhas").TableCheckAll();

            $('#multi-senha').on('click', function () {
                var button = $(this);
                var selected = [];
                var novaSenha = $('#novaSenha').val();
                $('#emailsSenhas .check:checked').each(function () {
                    selected.push($(this).val());
                });

                Swal.fire({
                    icon: 'warning',
                    title: 'Tem certeza de que deseja alterar as senhas do(s) registro(s) selecionado(s)?',
                    showDenyButton: false,
                    showCancelButton: true,
                    cancelButtonText: 'Não',
                    confirmButtonText: 'Sim'
                }).then((result) => {
                    /* Read more about isConfirmed, isDenied below */
                    if (result.isConfirmed) {
                        $.ajax({
                            type: 'POST',
                            headers: {
                                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                            },
                            url: button.data('route'),
                            data: {
                                'selected': selected,
                                'novaSenha': novaSenha
                            },
                            success: function (response, textStatus, xhr) {
                                Swal.fire({
                                    icon: 'success',
                                    title: response,
                                    showDenyButton: false,
                                    showCancelButton: false,
                                    cancelButtonText: 'Não',
                                    confirmButtonText: 'Sim'
                                }).then((result) => {
                                    window.location = '/admin/redefinir-senhas-emails'
                                });
                            }
                        });
                    }
                });
            });
        });
    </script>

@endsection