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


    <div class="col-lg-6"> 
        <!-- Search Form  -->
        <div class="panel panel-flat">

            <div class="panel-body">           

                <form class="form-horizontal" action="#" method='POST'>
                    <fieldset class="content-group">
                        <legend class="text-bold">Find Agent</legend>

                        <div class="form-group">
                            <label class="control-label col-lg-2">
                                Search By 
                            </label>
                            <div class="col-lg-3">
                                    <?=$search_combo?>
                                <select class="form-control" name ='searchparam'>
                                    <option value="agent">Agent</option>   
                                    <option value="firstnae">Firstname</option>   
                                    <option value="lastname">Lastname</option>   
                                    <option value="email">Email</option>
                                    <option value="phone">Phone Number</option>
                                    <option value="zipcode">Zip Code</option>                                   
                                </select>
                            </div>
                            <div class="col-lg-5">
                                <input type="text" class="form-control" placeholder='Enter Search Text' name="searchtext" value='<?= $searchtext ?>'>
                            </div>         
                            <div class="col-lg-2">
                                <button type="submit" class="btn btn-primary btn-xs">Submit <i class="icon-arrow-right14 position-right"></i></button>
                            </div> 
                        </div>      
                    </fieldset>
                </form>
            </div>
        </div>
        <!-- /Search Form -->
          <div class="panel panel-flat">
        <!-- Result Form -->
        <div class="panel-body">


            <!-- Support tickets -->
  
                <div class="table-responsive">
                    <table class="table text-stripped">
                        <thead>
                            <tr>
                                <th style="width: 100px">Phone</th>
                                <th style="width: 300px;">Agent</th>
                                <th>Address</th>
                                <th class="text-center" style="width: 20px;"><i class="icon-arrow-down12"></i></th>
                            </tr>
                        </thead>
                        <tbody>


                            <?
                            foreach ($transporter_search as $rest) {
                                ?>

                                <tr>
                                    <td class="text-center">
                                        <h6 class="no-margin"><?= $rest->phone ?> </h6>
                                    </td>
                                    <td>       
                                        <div class="media-body">
                                            <a href="#" onclick="viewAgent(<? echo $rest->id; ?>);" class="display-inline-block text-default text-semibold letter-icon-title"><?= $rest->agent_name ?> </a>
                                            <div class="text-muted text-size-small"> <?= $rest->username ?></div>
                                        </div>
                                    </td>
                                    <td>
                                        <a href="#" class="text-default display-inline-block">
                                            <span class="text-semibold"><?= $rest->street ?></span>
                                            <span class="display-block text-muted"> <?= $rest->city ?>  <?= $rest->state ?>  <?= $rest->zipcode ?></span>
                                        </a>
                                    </td>
                                    <td class="text-center">
                                         <button type="button" id="acc<?=$rest->id?>" class="btn btn-info btn-xs" onclick="viewAgent(<?= $rest->id ?>);" >View</button>
                                    </td>
                                </tr>                   


                                <?
                            }
                            ?>
                        </tbody>
                    </table>
                </div>
            </div>
            <!-- /support tickets -->

        </div>
        <!-- /Result Form -->


    </div>




    <div class="col-lg-6">
        <div id ="agent_detail" >
          <div class="panel panel-flat">
            <div id="transp_detail">
                <div class="thumbnail">
                    <div class="thumb">
                        <img src="/assets/images/pending_action1.jpg" alt="">                  
                    </div>
                </div> 
            </div>
        </div>     
        </div>
        
    </div>
</div>
<!-- /dashboard content -->

<script type="text/javascript">
<!--
    function viewAgent(agent_id) {

        $('#agent_detail').html('Processing...');
        $('#acc' + agent_id).prop('disabled', true);
        $.ajax({
            url: "/agent/selagent?proc=PROCESS&agent_id=" + agent_id
        }).done(function (data) {
            $('#agent_detail').html(data);         
            $('#acc' + agent_id).prop('disabled', false);
        });
        return false;
    }
// -->
</script>
