<html>
<head>
<link href="../../css/pop_up style.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="../../css/jquery-ui.css" />
<link rel="stylesheet" href="../../css/jquery.autocomplete.css" type="text/css" />
<script src="../../js/jquery/jquery.js" type="text/javascript"></script>
<script src="../../js/jquery/jquery-1.8.2.js"></script>
<script src="../../js/jquery/jquery-ui.js"></script>
<script type="text/javascript" src="../../js/jquery/autocomplete_jquery_plugin.js"></script>
<script src="../../js/user_type_creation_ajax.js" type="text/javascript"></script>
<script src="../../js/shortcut.js"  type="text/javascript"></script>
<script src="../../js/enter_event_ajax.js"       type="text/javascript"></script>
<script>
/**************** Shortcut Key Function**************************************/
shortcut.add("Alt+u",function() 
{
	document.getElementById("user_type").focus();
});
shortcut.add("Alt+A",function() 
{
	document.getElementById("active_status").focus();
});

</script>
</head>
<?php
error_reporting(0);
$edit_id=$_GET['edit_id'];
include("../../include/db.php");
if($_GET['edit_id']!='')
{
$user_table_display_style='style="display:inline;"';
} 
else
{
$user_table_display_styles='style="display:none;"';
}
 $id=$_GET[edit_id];
  $sql="select * from user_type where user_type_id='$_GET[edit_id]'";
  $rs=mysql_query($sql);
  $rscount=mysql_num_rows($rs);
 
  while($rsdata=mysql_fetch_array($rs))
  {
	  $user_type=$rsdata['user_type'];
	  $status=$rsdata['status'];
	  
  }
?>
<style>
#username{
 padding:3px;
 font-size:18px;
 border:3px #CCC solid;
}
#tick{display:none}
#cross{display:none}
</style>
<style type="text/css">
.txt{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size:13px;}

.style2 {color: #FF0000}
.style7{font-family: Tahoma, Arial, Helvetica, sans-serif;font-size: 13px;}
.headings{ font-family:verdana; font-size:10px;}
.style9 {font-size: 12}
 .types_class { 
    height: 25px; 
    width: 200px; 
    background-color: transparent;  
    border-style: solid;  
    border-width: 0px 0px 1px 0px;  
    border-color:#CCC; 
    outline:0;
	font-size:14px;
  } 
</style>

<style> 
.textboxs {
    height: 25px;
    width: 100px;
    border: solid 1px #E5E5E5;
    outline: 0;
    font: normal 13px/100% Verdana, Tahoma, sans-serif;
    background: #FFFFFF url('bg_form.png') left top repeat-x;
    background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
    background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
    box-shadow: rgba(0, 0, 0, 0.1) 0 0 8px;
    -moz-box-shadow: rgba(0, 0, 0, 0.1) 0 0 8px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 0 8px;
}

.textbox:focus {
    border-color: #C9C9C9;
    -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 0 8px;
}  



</style> 
<style>
.css_button {
    font-size: 14px;
    font-family: Arial;
    font-weight: normal;
    text-decoration: inherit;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    border: 2px solid #000000;
    padding: 5px 22px;
    text-shadow: 1px 1px 0px #528ecc;
    -webkit-box-shadow: inset 1px 1px 0px 0px #bbdaf7;
    -moz-box-shadow: inset 1px 1px 0px 0px #bbdaf7;
    box-shadow: inset 1px 1px 0px 0px #bbdaf7;
    cursor: pointer;
    color: #ffffff;
    display: inline-block;
    background: -webkit-linear-gradient(90deg, #378de5 5%, #79bbff 100%);
    background: -moz-linear-gradient(90deg, #378de5 5%, #79bbff 100%);
    background: -ms-linear-gradient(90deg, #378de5 5%, #79bbff 100%);
    background: linear-gradient(180deg, #79bbff 5%, #378de5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#79bbff",endColorstr="#378de5");
}

.css_button:hover {
    background: -webkit-linear-gradient(90deg, #79bbff 5%, #378de5 100%);
    background: -moz-linear-gradient(90deg, #79bbff 5%, #378de5 100%);
    background: -ms-linear-gradient(90deg, #79bbff 5%, #378de5 100%);
    background: linear-gradient(180deg, #378de5 5%, #79bbff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#378de5",endColorstr="#79bbff");
}

.css_button:active {
    position:relative;
    top: 1px;
}
input:focus {  border-color:#0171b9; }
select:focus {  border-color:#0171b9; }
/*input:focus {
    background-color: yellow;
}*/
</style> 
 

<table width="100%" height="44%" cellspacing="15">
  <tr>
    <td valign="top">
   <!--Design Start--> 
   <!--Write Your Code Here--> 

    <table width="100%">
  <tr>
    <td colspan="6" class="txt" ><strong>User Type</strong></td>
  </tr>
   
  <tr>

  <td width="70" height="30" align="left" class="txt">&nbsp;</td>
  
  <td width="268" align="left" class="txt"><span style="color:#F00">U</span>ser Type <span class="style2">*</span></td>
  <td width="356" class="field">
  <input class="types_class" type="text" name="user_type" id="user_type"  tabindex="1"  autofocus  onKeyUp="user_type_clear_validation(this.value),enterevent(event,'active_status','user_type')" value="<?php if($_GET['edit_id']!='') { echo $user_type; } ?>"  ><img id="tick" src="../../img/1111.png" width="22" height="20"/>
<img id="cross" src="../../img/333.png" width="16" height="16"/><div id="user_type_validation_div" style="color:#F00"></div></td>
  
  <td width="152" align="left"><span class="txt" style="color:#F00">A</span><span class="txt">ctive <span class="style2">*</span></span></td>
  <td width="328" align="left"><span class="field">
    <select name="active_status" id="active_status" tabindex="2" class="types_class"  style="height:25px;" onChange="user_type_clear_validation(this.value),enterevent(event,'action','active_status')">
      <option value="">Select</option>
      <option value="Yes" <?php if($status == 'Yes') { ?> selected="selected";<?php } ?>>Yes</option>
      <option value="No" <?php if($status == 'No') { ?> selected="selected";<?php } ?>>No</option>
    </select><div id="status_validation_div" style="color:#F00"></div>  </td>
  </tr>
    <tr>
    <td colspan="6" >
    <span style="color:#F00" class="headings">&nbsp;&nbsp;&nbsp;</span></td>
  </tr>

        <tr>  
    <td colspan="8" class="style7 bstyle" align="center"><input type="button" class="add_button" name="action"  style="height:30px; width:100px; background-color: #0171b9;color: #fff;border: 0px;" id="action" tabindex="3" value="<?php if($_GET['edit_id']!='') { echo "EDIT";  } else { echo "ADD"; } ?>" onClick="user_type_add(user_type.value,active_status.value,'<?php echo $id;?>',this.value)"/>&nbsp;&nbsp;</td>
    
    <td align="center"  style="border:1px solid #ddd"><?php $user_type_id =  $id;   if($user_type_id!='1') { ?><a href="#" onClick="user_type_delete_row_pass('<?php echo $user_type_id;?>');"><img src="img/cross_deletes.png" alt="delete" title="DELETE" border="0" width="13px;" height="14px;" /></a><?php } ?></td>
            </tr>
  </table>   
  <!--Design End-->  
</td>
  </tr>
</table>

</html>