
<!-- Dashboard content -->
<div class="row">

    <div class="col-lg-8"> 
        <!-- Form horizontal -->
        <div class="panel panel-flat">
            <div class="panel-heading">
                <h5 class="panel-title">Add New Interpreter</h5>
            </div>

            <div class="panel-body">
                <form class="form-horizontal" action="#">
                    <fieldset class="content-group">
                        <legend class="text-bold">New User</legend>
                        <div class="form-group">
                            <label class="control-label col-lg-2">Created by</label>
                            <div class="col-lg-10">
                                <input type="text" class="form-control" readonly="readonly" value='Web Admin'>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-lg-2">Firstname</label>
                            <div class="col-lg-10">
                                <input type="text" class="form-control">
                            </div>
                        </div>
                      <div class="form-group">
                            <label class="control-label col-lg-2">Lastname</label>
                            <div class="col-lg-10">
                                <input type="text" class="form-control">
                            </div>
                        </div>
                        
                                              <div class="form-group">
                            <label class="control-label col-lg-2">Email</label>
                            <div class="col-lg-10">
                                <input type="text" class="form-control">
                            </div>
                        </div>
                          
                     <div class="form-group">
                            <label class="control-label col-lg-2">Username</label>
                            <div class="col-lg-10">
                                <input type="text" class="form-control" placeholder="Enter the username...">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-lg-2">Password</label>
                            <div class="col-lg-10">
                                <input type="password" class="form-control">
                            </div>
                        </div>
                                              
                        
                    </fieldset>
                    <div class="text-right">
                        <button type="submit" class="btn btn-primary">Next <i class="icon-arrow-right14 position-right"></i></button>
                    </div>
                </form>
            </div>
        </div>

        <!-- /form horizontal -->







    </div>

    <div class="col-lg-4">
        <!-- Daily sales -->
        <div class="panel panel-flat">
            <div class="panel-heading">
                <h6 class="panel-title">Recent Interpreters [10 max] </h6>

            </div>

            <div class="panel-body">
                <div id="sales-heatmap"></div>
            </div>

            <div class="table-responsive">
                <table class="table text-nowrap">
                    <thead>
                        <tr>
                            <th>Application</th>
                            <th>Time</th>
                            <th>State</th>
                        </tr>
                    </thead>
                    <tbody>
                        <?
                        for ($ii=0; $ii<=10; $ii++)
                        {
                            ?>
                                  <tr>
                            <td>
                                <div class="media-left media-middle">
                                    <a href="#" class="btn bg-primary-400 btn-rounded btn-icon btn-xs">
                                        <span class="letter-icon"></span>
                                    </a>
                                </div>

                                <div class="media-body">
                                    <div class="media-heading">
                                        <a href="#" class="letter-icon-title">Firstname Lastname</a>
                                    </div>

                                    <div class="text-muted text-size-small"><i class="icon-checkmark3 text-size-mini position-left"></i>valeri@chiefsoft.com</div>
                                </div>
                            </td>
                            <td>
                                <span class="text-muted text-size-small">06:28 pm</span>
                            </td>
                            <td>
                                <h6 class="text-semibold no-margin">GA</h6>
                            </td>
                        </tr>              
                        
                        
                        <?  
                        }
                        
                        ?>

                        
                        

                        <tr>
                            <td>
                                <div class="media-left media-middle">
                                    <a href="#" class="btn bg-danger-400 btn-rounded btn-icon btn-xs">
                                        <span class="letter-icon"></span>
                                    </a>
                                </div>

                                <div class="media-body">
                                    <div class="media-heading">
                                        <a href="#" class="letter-icon-title">Alpha application</a>
                                    </div>

                                    <div class="text-muted text-size-small"><i class="icon-spinner11 text-size-mini position-left"></i> Renewal</div>
                                </div>
                            </td>
                            <td>
                                <span class="text-muted text-size-small">04:52 pm</span>
                            </td>
                            <td>
                                <h6 class="text-semibold no-margin">TN</h6>
                            </td>
                        </tr>

                        <tr>
                            <td>
                                <div class="media-left media-middle">
                                    <a href="#" class="btn bg-indigo-400 btn-rounded btn-icon btn-xs">
                                        <span class="letter-icon"></span>
                                    </a>
                                </div>

                                <div class="media-body">
                                    <div class="media-heading">
                                        <a href="#" class="letter-icon-title">Delta application</a>
                                    </div>

                                    <div class="text-muted text-size-small"><i class="icon-lifebuoy text-size-mini position-left"></i> Support</div>
                                </div>
                            </td>
                            <td>
                                <span class="text-muted text-size-small">01:26 pm</span>
                            </td>
                            <td>
                                <h6 class="text-semibold no-margin">TN</h6>
                            </td>
                        </tr>

                        <tr>
                            <td>
                                <div class="media-left media-middle">
                                    <a href="#" class="btn bg-success-400 btn-rounded btn-icon btn-xs">
                                        <span class="letter-icon"></span>
                                    </a>
                                </div>

                                <div class="media-body">
                                    <div class="media-heading">
                                        <a href="#" class="letter-icon-title">Omega application</a>
                                    </div>

                                    <div class="text-muted text-size-small"><i class="icon-lifebuoy text-size-mini position-left"></i> Support</div>
                                </div>
                            </td>
                            <td>
                                <span class="text-muted text-size-small">11:46 am</span>
                            </td>
                            <td>
                                <h6 class="text-semibold no-margin">NY</h6>
                            </td>
                        </tr>

                        <tr>
                            <td>
                                <div class="media-left media-middle">
                                    <a href="#" class="btn bg-danger-400 btn-rounded btn-icon btn-xs">
                                        <span class="letter-icon"></span>
                                    </a>
                                </div>

                                <div class="media-body">
                                    <div class="media-heading">
                                        <a href="#" class="letter-icon-title">Alpha application</a>
                                    </div>

                                    <div class="text-muted text-size-small"><i class="icon-spinner11 text-size-mini position-left"></i> Renewal</div>
                                </div>
                            </td>
                            <td>
                                <span class="text-muted text-size-small">10:29 am</span>
                            </td>
                            <td>
                                <h6 class="text-semibold no-margin">PA</h6>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
        <!-- /daily sales -->






    </div>
</div>
<!-- /dashboard content -->

