@extends('layouts.argo')
@section('content')
<div class="col">    
    <div class="card">
        <div class="card-body">
            <h3 class="mb-0">SMS - Enviar sms para número único</h3>
        </div>
    </div>
    
    <div class="card">  
        <div class="card-header">
            <p>Para o correto funcionamento é necessário informar o número seguindo o padrão Código do Pais + DDD + Número, Ex.: <b>551100000000</b></p>
        </div>      
        <form action="{{ route('sms.envioSimplesStore') }}" method="post" id="formulario" enctype="multipart/form-data">
            {{csrf_field()}}
            <div class="card-body">
                <div class="d-flex flex-row">
                    <div class="form-group col-md-5">
                        <label for="numero">Número *</label>
                        <input type="text" class="form-control" id="numero" placeholder="551100000000" name="numero">
                        @if($errors->has('numero'))
                        @foreach($errors->get('numero') as $e)
                        <span class="error">{{$e}}</span>
                        @endforeach
                        @endif
                    </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="w-100 form-control" placeholder="escreva sua mensagem aqui..."></textarea>
                        @if($errors->has('mensagem'))
                        @foreach($errors->get('mensagem') as $e)
                        <span class="error">{{$e}}</span>
                        @endforeach
                        @endif
                    </div>
                </div>
                
            </div>
            
            <div class="card-footer">
                <div class="form-group">
                    <input type="submit" value="Enviar" class="btn bg-{{ session('template')->nome }}">
                </div>
            </div>
        </form>
    </div>
</div>
@endsection