class UploadCsvsController < ApplicationController
  before_action :set_upload_csv, only: %i[show edit update destroy]
  require 'csv'
  require 'httparty'
  require 'nokogiri'
  # GET /upload_csvs
  # GET /upload_csvs.json
  def index
    @pagy, @upload_csvs = pagy(UploadCsv.all, page: params[:page], items: 5)
  end
  # GET /upload_csvs/1
  # GET /upload_csvs/1.json
  def show; end
  # GET /upload_csvs/new
  def new
    @upload_csv = UploadCsv.new
  end
  # GET /upload_csvs/1/edit
  def edit; end
  # POST /upload_csvs
  # POST /upload_csvs.json
  def create
    @upload_csv = params[:upload_csv] ? UploadCsv.new(upload_csv_params) : UploadCsv.new
    respond_to do |format|
      if @upload_csv.save
        format.html { redirect_to root_path, notice: 'Uploaded csv, we will let you know once that is processed and email will be deliver.' }
        format.json { render :show, status: :created, location: @upload_csv }
      else
        format.html { render :new }
        format.json { render json: @upload_csv.errors, status: :unprocessable_entity }
      end
    end
  end
  # PATCH/PUT /upload_csvs/1
  # PATCH/PUT /upload_csvs/1.json
  def update
    respond_to do |format|
      if @upload_csv.update(upload_csv_params)
        format.html { redirect_to @upload_csv, notice: 'Upload csv was successfully updated.' }
        format.json { render :show, status: :ok, location: @upload_csv }
      else
        format.html { render :edit }
        format.json { render json: @upload_csv.errors, status: :unprocessable_entity }
      end
    end
  end
  # DELETE /upload_csvs/1
  # DELETE /upload_csvs/1.json
  def destroy
    @upload_csv.destroy
    respond_to do |format|
      format.html { redirect_to upload_csvs_url, notice: 'Upload csv was successfully destroyed.' }
      format.json { head :no_content }
    end
  end
  private
  # Use callbacks to share common setup or constraints between actions.
  def set_upload_csv
    @upload_csv = UploadCsv.find(params[:id])
  end
  # Only allow a list of trusted parameters through.
  def upload_csv_params
    params.require(:upload_csv).permit(:csv_file, :generated_csv, users: [])
  end
end

<div class="row">  
  <%= bootstrap_form_with(model: upload_csv, local: true) do |form| %>
  <% if upload_csv.errors.any? %>
  <div id="error_explanation">
    <h2><%= pluralize(upload_csv.errors.count, "error") %> prohibited this upload_csv from being saved:</h2>
    <ul>
      <% upload_csv.errors.full_messages.each do |message| %>
      <li><%= message %></li>
      <% end %>
    </ul>
  </div>
  <% end %>
  <select  class="js-searchable" name="upload_csv[users][]" multiple="multiple" style="width: 270px;">
  </select>
  <%= form.file_field :csv_file %>
  <div class="actions">
    <%= form.submit %>
  </div>
  <% end %>
</div>
<script type="text/javascript">
  $(document).ready(function(){
    $(".js-searchable").select2({
      tags: true,
      placeholder: "Add multiple email Address only email allowed.",
      tokenSeparators: [','],
      createTag: function(term, data) {
        var value = term.term;
        if(validateEmail(value)) {
          return {
            id: value,
            text: value
          };
        }else
        return null;            
      }
    })
  })
  function validateEmail(email) {
    var re = /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
    return re.test(email);
  }
</script>