@extends('layouts.app')
@section('styles')
    <style>
        td input {
            max-width: 30px;
        }
    </style>
@endsection
@section('content')

<div class="container">
    <div class="row justify-content-center">
        @if(session('message'))
            <div class="col-md-12 alert alert-success">
                {{session('message')}}
            </div>
        @endif
        <div class="col-md-12">
            <div class="card">
                <div class="card-header"><h5>Enviar notificaciones por Topics</h5>
                </div>
                {{ Form::open( ['id' => 'send_push_notifications', 'class' => 'form', 'route' => 'sendPush'] ) }}

                <div class="card-body">
                   <!-- Contenido Aqui -->
                     <div class="row">
                        <div class="col-md-12">
                            <div class="form-group">
                                {{ Form::label( 'title', 'Titulo')}}
                                {{ Form::text( 'title', null, ['id' => 'new_title', 'class' => 'form-control', 'required'] ) }}
                                @if ( $errors->get( 'title' ) )
                                    @foreach ( $errors->get( 'title' ) as $error )
                                        <div class="text-danger">{{ $error }}</div>
                                    @endforeach
                                @endif
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="form-group">
                                {{ Form::label( 'body', 'Texto')}}
                                {{ Form::textarea( 'body', null, ['id' => 'new_body', 'class' => 'form-control', 'required'] ) }}
                                @if ( $errors->get( 'body' ) )
                                    @foreach ( $errors->get( 'body' ) as $error )
                                        <div class="text-danger">{{ $error }}</div>
                                    @endforeach
                                @endif
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="form-group">
                                {{ Form::label( 'topics[]', 'Topics')}}
                                {{ Form::select( 'topics[]', $viewData['topics'], null, [ 'class' => 'form-control select2', 'multiple' ] ) }}
                                @if ( $errors->get( 'topics[]' ) )
                                    @foreach ( $errors->get( 'topics[]' ) as $error )
                                        <div class="text-danger">{{ $error }}</div>
                                    @endforeach
                                @endif
                            </div>
                        </div>
                   </div>
                </div>
                <div class="card-footer text-muted">
                    <div class="row">
                        <div class="col-md-6">
                            <button class="btn btn-primary" id="save" type="submit" >Enviar</button>
                        </div>
                    </div>
                </div>
                {{ Form::close() }}
            </div>
        </div>
    </div>
</div>
@endsection
@section('scripts')
<script>
    $(document).ready(function(){

        $('.select2').select2();

    });
</script>

@endsection