<!DOCTYPE html>
<html>
    <head>
        <title>Noble Address Book</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <link rel="icon" href="{$data.base_assets}favicon.ico" type="image/x-icon"> 
        <link rel="stylesheet" type="text/css" id="theme" href="{$data.base_assets}css/theme-forest-head-light.css"/>
        <script type="text/javascript">var webpath ="{$data.base_url}";</script>
    </head>
    <body >
         <div class="row">
                <form class="form-horizontal" name="services-form" id="services-form" enctype="multipart/form-data" method="post" action="{$data.base_url}inviteinevent/invite/" >
                    <div class="col-sm-12" style="background-color: #7d9748;color: white;" >
                        <h2><b style="color: white;">Searching Contact</b></h2>
                    </div>
                    <div class="col-sm-12" style="background-color: #7d9748;">
                        <div class="col-sm-5">
                            <div class="form-group">
                                <label class="col-sm-3 col-xs-12 control-label">CATEGORY <span>*</span></label>
                                <div class="col-sm-9 col-xs-12"> 
                                    <div class="input-group">
                                        <span class="input-group-addon"><span class="fa fa-pencil"></span></span>
                                        <select class="form-control" name="categoryid">
                                            <option value="">Select Category Name</option>
                                            {section name = i loop = $data.category}
                                                <option value="{$data.category[i].id}" {if $data.category[i].id eq $categoryid} selected="selected" {/if}>{$data.category[i].name|upper}</option>
                                            {/section}
                                        </select>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-5">
                            <div class="form-group">
                                <label class="col-sm-3 col-xs-12 control-label">NAME <span>*</span></label>
                                <div class="col-sm-9 col-xs-12"> 
                                    <div class="input-group">
                                        <span class="input-group-addon"><span class="fa fa-pencil"></span></span>
                                        <input  class="form-control" type="text"  name="name" maxlength="100" value="{$name}">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-2">
                            <input type="submit" class="btn btn-info pull-right" value="Search" name="addevent">
                        </div>
                    </div>
                </form>
                <div class="col-sm-12" style="margin-top: 25px;">
                        
                </div>
                <div class="col-sm-12">
                    <span style="border-style: solid 10px black;width: 10px;">
                        
                    </span>
                </div>
                <form class="form-horizontal" name="services-form" id="services-form" enctype="multipart/form-data" method="post" action="{$data.base_url}inviteinevent/invitesave/">
                    
                    <div class="col-sm-12">
                        <div class="col-sm-10">
                            {$data.links}
                        </div>
                        <div class="col-sm-2">
                            <input type="submit" class="btn btn-lg btn-primary pull-right" value="Save" name="addevent" style="margin: 10px 0px;">
                        </div>
                    </div>
                    <div id="" class="col-sm-12">
                        <table width="100%" border="1" style="background:#7d9748;">
                                <tr>
                                    <td>
                                        <b style="color:#ffffff;font-weight:bold;"> GENERAL (A-Z) CONTACT
                                        </b>
                                    </td>
                                    <td>
                                        <h4>
                                            <strong style="color:#ffffff;font-weight:bold;">TOTAL : {$data.totalcontact}</strong>
                                        </h4>
                                    </td>
                                </tr>
                        </table>
                        <table  width="100%" border="1" cellpadding="10" cellspacing="10">
                            <tr align="center">
                                <td align="center">All</th>
                                <th align="center">Name & City</th>
                                <th align="center">Category</th>
                                <th align="center">Event</th>
                                <th align="center">Adult</th>
                                <th align="center">Child</th>
                                <th align="center">Vehicle</th>
                                <th align="center">Room</th>
                                <th align="center">Room Date</th>
                                <th align="center">Route</th>
                            </tr>
                            {section name=i loop=$data.contact}
                                <tr id="row{$data.contact[i].id}">
                                    <td id="ch" style="width:20px" align="center">
                                        <input type="checkbox" class="catchd{$data.contact[i].categoryid}"  name="contact_id[]" id="checkid" value="{$data.contact[i].id}" />
                                    </td>
                                    <td id="name" width="250" style="">
                                        <b>{$data.contact[i].name}</b>
                                        <br>
                                        {$data.contact[i].address|nl2br}
                                        <br>{$data.contact[i].city}
                                    </td>
                                    <td align="left">
                                        {$data.contact[i].catname}
                                    </td>
                                    <td id="event">
                                        <select multiple class="form-control select" name="event{$data.contact[i].id}[]">
                                            <option value="0">All</option>
                                            {$data.event_html}
                                        </select>
                                    </td>
                                    <td>
                                        <input  class="form-control" type="number" id="adult{$data.contact[i].id}" name="adult{$data.contact[i].id}" maxlength="5">
                                    </td>
                                    <td>
                                        <input  class="form-control" type="number" id="child{$data.contact[i].id}" name="child{$data.contact[i].id}" maxlength="5">
                                    </td>
                                    <td id="vhical" width="50">
                                        <select class="form-control" name="vehicle{$data.contact[i].id}" id="vehicle{$data.contact[i].id}">
                                            <option value="NA">N/A</option>
                                            <option value="bus">Bus</option>
                                            <option value="car">Car</option>
                                        </select>
                                    </td>
                                    <td>
                                        <input  class="form-control"  type="text" id="room{$data.contact[i].id}" name="room{$data.contact[i].id}" maxlength="55">
                                    </td>
                                    <td>
                                        <input  class="form-control datepicker"  type="text" id="roomdate{$data.contact[i].id}" name="roomdate{$data.contact[i].id}">
                                    </td>
                                    <td id="route">
                                        <select  class="form-control" name="route{$data.contact[i].id}" id="route{$data.contact[i].id}" >
                                                {$data.route_html}
                                                </select>
                                            </td>
           
                                        
                                </tr>
                            {/section}
                        </table>
                    </div>
                    <div class="col-sm-12" style="text-align: center;">
                        {$data.links}
                    </div>
                </form> 
            </div>
            <!-- START SCRIPTS -->
            <script type="text/javascript" src="{$data.base_assets}js/plugins/jquery/jquery.min.js"></script>
            <script type="text/javascript" src="{$data.base_assets}js/plugins/bootstrap/bootstrap.min.js"></script>        
            <!-- END PLUGINS -->
            <!-- START THIS PAGE PLUGINS-->        
            <script type='text/javascript' src='{$data.base_assets}js/plugins/bootstrap/bootstrap-datepicker.js'></script>   
            <script type="text/javascript" src="{$data.base_assets}js/plugins/bootstrap/bootstrap-select.js"></script>
            <script type="text/javascript" src="{$data.base_assets}js/plugins/daterangepicker/daterangepicker.js"></script>
            <script type="text/javascript" src="{$data.base_assets}js/plugins/bootstrap/bootstrap-timepicker.min.js"></script>
            <script type="text/javascript" src="{$data.base_assets}js/plugins/datatables/jquery.dataTables.min.js"></script>
            <!-- END THIS PAGE PLUGINS-->        
            <!-- START TEMPLATE -->
            <script type="text/javascript" src="{$data.base_assets}js/plugins.js"></script>        
        <!-- <script type="text/javascript" src="{$data.base_assets}js/actions.js"></script> -->
        
        <script type='text/javascript' src='{$data.base_assets}js/plugins/jquery-validation/jquery.validate.js'></script>
         <script type='text/javascript' src='{$data.base_assets}js/genral.js'></script>
          
        
        
    </body>
</html>
