@extends('layouts.argo')
@section('content')
<div class="col">    
    <div class="card">
        <div class="card-body">
            <h3 class="mb-0">SMS - Enviar sms para múltiplos números</h3>
        </div>
    </div>
    
    <div class="card">        
        <div class="card-header">
            <p>Os números de destino, podem ser informados de duas maneiras:</p>
            <ul>
                <li>Manualmente (separados por <b>vírgula</b>)</li>
                <li>Através de arquivo csv (Um número por linha)</li>
            </ul>
            <p>Lembrando, que para o correto funcionamento é necessário seguir o padrão Código do Pais + DDD + Número, Ex.: <b>551100000000</b></p>
        </div>
        <form action="{{ route('sms.envioMultiploStore') }}" method="POST" id="formulario" enctype="multipart/form-data">
            @csrf
            <div class="card-body">
                <div class="form-row">
                    <div class="col-md-5">
                        <div class="col-md-12">
                            <div class="form-group">
                                <div class="form-check">
                                    <input type="radio" name="type" id="type-number" value="number" class="form-check-input">
                                    <label for="type-number" class="form-check-label">Escrever número</label>
                                </div>
                                <div class="form-check">
                                    <input type="radio" name="type" id="type-csv" value="csv" class="form-check-input">
                                    <label for="type-csv" class="form-check-label">Arquivo CSV</label>
                                </div>
                            </div>
                        </div>
                        
                        <div class="form-group col-md-12">
                            <div id="numeros" style="display: none">
                                <div class="d-flex flex-row justify-content-between">
                                    <label for="" class="align-self-end">Números (Separados por vírgula)</label>
                                    {{-- <p class="btn btn-success btn-sm mb-2" id="addNum">+</p> --}}
                                </div>
                                <input type="text" class="form-control mb-2" name="numeros" placeholder="5511000000000">
                            </div>
                            <div id='arquivo' style="display: none">
                                <label for="arquivo-csv">Arquivo Csv com os números</label>
                                <input type="file" class="form-control" id="arquivo-csv" name="arquivo">
                            </div>
                        </div>
                    </div>
                    <div class="form-group col-md-7">
                        <label for="text-area">Mensagem *</label>
                        <textarea maxlength="160" name="mensagem" id="text-area" cols="50" rows="5" class="form-control"></textarea>
                    </div>
                </div>
            </div>
            
            <div class="card-footer">
                <input type="submit" value="Enviar" class="btn bg-{{ session('template')->nome }}">
            </div>
        </form>
    </div>
</div>
@endsection