@extends('layouts.app')
@section('content')
    <div class="page-content-wrapper">
        <div class="page-content">
            <div class="page-bar">
                <ul class="page-breadcrumb">
                    <li>
                        <a href="{{ url('/home') }}">Home</a>
                        <i class="fa fa-circle"></i>
                    </li>
                    <li>
                        <span>Gerenciamento de Bots</span>
                    </li>
                </ul>
            </div>
            <h1 class="page-title nova-faixa"> Encerramento de sessões
            </h1>
            <input type="hidden" id="selectedID">
            <div class="row mt-20">
                <div class="col-md-12 mt-20">
                    <div class="portlet-body">
                        <div class="erros" style="display: none;">
                            <div class="alert alert-danger">
                                <ul>
                                </ul>
                            </div>
                        </div>
                        <div class="success" style="display: none;">
                            <div class="alert alert-success">
                                <ul>
                                </ul>
                            </div>
                        </div>
                        <div class="table-responsive" style="overflow: hidden;">
                            <div
                                style="width: 100%;justify-content: space-between;align-items: center;display: flex;background: #426a9e!important;padding: 10px 20px;color: #fff;">
                                <div class="col-12 caption">
                                    <i class="nova-faixa-icon icon-book-open"></i>Digite abaixo os números que deseja
                                    encerrar a sessão, com DDI e separados por vírgula conforme o exemplo:
                                </div>
                            </div>
                            <div style="margin-top: 5px">
                                <input class="form-control" name="numeros" id="numeros" type="text"
                                    placeholder="5511912345678, 5562987654321, ...">
                                <button type="button" class="btn blue" id="encerrarSessoes">
                                    <i class="fa"></i> Encerrar
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        @push('scripts')
            <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/dt/dt-1.11.3/datatables.min.css" />
            <script src="{{ asset('global/plugins/datatables/datatables.min.js') }}" type="text/javascript"></script>
            <script src="{{ asset('global/plugins/datatables/plugins/bootstrap/datatables.bootstrap.js') }}"
                type="text/javascript"></script>
            <script src="{{ asset('global/plugins/bootstrap-multiselect-master/dist/js/bootstrap-multiselect.js') }}"
                type="text/javascript"></script>
            <script src="{{ asset('global/plugins/bootstrap-select/js/bootstrap-select.min.js') }}" type="text/javascript">
            </script>
            <script src="{{ asset('pages/scripts/bot/gerenciamento.js') }}" type="text/javascript"></script>
            <link href="{{ asset('global/plugins/bootstrap-multiselect-master/dist/css/bootstrap-multiselect.css') }}"
                rel="stylesheet" type="text/css" />
            <link href="{{ asset('pages/css/chatbot/style.css') }}" rel="stylesheet" type="text/css" />
            <link href="{{ asset('global/css/plugins.min.css') }}" rel="stylesheet" type="text/css" />

            <script type="text/javascript">
                $("#encerrarSessoes").click(function () {
                    var numeros = $('#numeros').val().replace(/\s/g, '');

                    $.ajax({
                        headers: {
                            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                        },
                        type: "POST",
                        url: "encerramento_sessoes/encerrar",
                        data: {
                            numeros: numeros
                        }
                    })
                        .done(function (response) {
                            if (response.status) alert("Sessões encerradas com sucesso!")
                            else alert("Um ou mais números não encontrados!")
                        })
                        .fail(function (errors) {
                            console.log(errors);
                        });
                });
            </script>
        @endpush
@endsection