@include('admin.users.top',array('title' => 'Anagrafica - Importa utenti'))
{{ HTML::script('js/jquery.ui.widget.js')}}
{{ HTML::script('js/jquery.fileupload.js')}}
{{ HTML::script('js/jquery.iframe-transport.js')}}
{{ HTML::script('js/pa/import-users.js')}}
{{ HTML::style('css/jquery.fileupload.css',array('type' => 'text/css'))}}
<div class="row">
    <div class="col-md-12">
        <div class="alert alert-warning fade in" style="display: none">
            <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
            <div id="textOutput"></div>
        </div>
    </div>
</div>
<div class="row form-horizontal">
    <div class="col-md-5">
        <span class="btn btn-primary fileinput-button">
            <i class="glyphicon glyphicon-plus"></i>
            <span>Seleziona il file CSV...</span>

            <input id="fileupload" type="file" name="csvfile">
        </span>
    </div>
    <div id="afterImport" class="hidden">
        <label for="typeImport" class="col-md-2 control-label">Operazione :</label>
        <div class="col-md-3">
            <select id="typeImport" name="typeImport" class="form-control">
                <optgroup label="Azione:">
                    <option value="REG">Solo registrazione</option>
                    <option value="REM">Rimuovi iscrizione</option>
                    <option value="DEL">Cancella utente</option>
                </optgroup>
                <optgroup label="Iscrizione:">
                    @foreach($products as $product)
                    <option value="SUB_{{ $product->id }}">{{ $product->name }}</option>
                    @endforeach
                </optgroup>
            </select>
        </div>
        <div class="col-md-2">
            <button type="button" id="btnConfirm" class="btn btn-success pull-right"><span class="glyphicon glyphicon-import"></span> Conferma</button>
        </div>
    </div>
</div>
<div class="both bordered-bottom"></div>

<div class="table-responsive">
    <table id="users_import_table" class="table-small table-admin table table-striped table-bordered" cellspacing="0" width="100%" style="display: none">
        <thead>
        <tr>
            <th data-name="name">Nome</th>
            <th data-name="surname">Cognome</th>
            <th data-name="address">Indirizzo</th>
            <th data-name="cap">CAP</th>
            <th data-name="city">Citt&agrave;</th>
            <th data-name="provincia">Provincia</th>
            <th data-name="country">Nazione</th>
            <th data-name="email">Email</th>
            <th data-name="cf">Codice fiscale</th>
            <th data-name="phone">Telefono</th>
            <th data-name="un">Codice utente</th>
            <th data-name="pw">Password</th>
            <th data-name="valid"></th>
            <th data-name="vemail"></th>
        </tr>
        </thead>
        <tbody>

        </tbody>
    </table>
</div>