¢Aâ£ºžøù?Œüüõ%¨˜ ˜1‡¹ŽîðI\ÃEJÎ½Ç©ûo#i"6ð6á|óesíFöJäÇå¬Uu$HŒ]y…$85†’‹y–ïyCÊ_‰KÊµb¶N±ÆH¹¬ÇE(Ê1«NÚWœR¤°	g2Ûv‚—›˜ªï:¶:Ç¸#“­¤QŒ::Jþ	N=	FÇž¹U™lËù¥ƒ¸Â´á¹·¯>Ä÷î’ªýêI#›¼¶ƒP}¼>]Ž±ðršÏ±¾_•÷í[¶báAy4Öyúy„îòýö„éwdÏ­úôš`…?@gÍä2F»nonNÌ&ÈF~{(9oÖÒÙ1Aùht12™ßÕÜi™­uc“ÝU4;£p½ÖF+M5Ù0ZXØø-Xdd¸jÛ÷ov ¬\ßläÛBZ´‰¿4ÿÝ^rÖ‹AÌE8ëÐ‡ ƒGauÒK§æxQalÇççÏ»ZÃQXCSª+XÅ¢pÛÂÂD\I<í‘#¢|fÍVámH;Žp×Õ	“»*t²»÷:ÂÏð”ÜB\ªQƒ¹e_ ¶=T½{f½Öx­ª…Û[+*JQYV¡ç¯ |\€!;Õ(wüÝ'$Ìª*ñçœiÍ«¢’3œAÇ™NH®£éç6ývæ…-Ó"O€4gÁÜdDíÌ ]­…èÎxsdñéO–s=&ZÂ.®¿­·¿í¦D¯KÎñôæ‡#‚ÐÎYV¢\þàƒ%
\–¢¤aX¯_Ñ¼!&))ÆÑø0…+5·áA°P@j«áŽû¸)GÎ’¹žë>Y—N¢Ž<Âõ#‘’l0[•RI8K³¼}œ›)ùejìXÎÚŸXýj“MûËÏÉ]$<_°÷Ï6¼¸~¸slâÓ?i•¢'oº¯'EœÂÄñè
Ø•°ÝSS2Åß‚£a¥ƒó²¬~LVÛ=±x~éü#5îYN–›ý4¥»Êf†Ó{ÙiP¯Xs2iSÚÒí­³•"…:ÃB<i¹ÛcMõêåM%c½àìÊ¨­¶¦É< k	Ÿ¿Û‰U»{ñ›NË<¨Kà£nGÇ–‰ ÕµfHá”Vc]fV“ß–}+`›§· E‚F,¾ŸÉvõ]ç‹GšîÊ4ÂU-}mNÎéÏÄÚèèKâÔ__Õ)¦{’9ù&ß&]q=fn,sàê*¥Õaó€Ì˜B''È)òã^0¨Ápùà@*I­Ci©ºÿPjÅ­|h«í”…º=`¨¢IîÙ,º››®%M2ÐV	S wñ0|¹?{›–VTü¹
¾;ú.ß+A·-—NA+é™M¥•3úJ™ ùop¯FÄÖœµw™ùŸÝÍyÜô¢Lµ”Q’k/ßC]>=tf–—ã0ý)ªsä0ÚÑ‰	ñ¼Á‹].-VÑk—í@eîVY¸ŽDéßìì+_ø£µµe‰B]öìô
ÐÛ¹p4ú -wg„mÒy·¶c7¾ßãa±º½ÊQT²i‡Þ½BRçñ
¬ÿ±@ÎSl­ªc·Ù
ìB}m×A±•.çíÀ$%À›Ø—ÝN;å_XåXÀI²dw`’~rÇFèÓOÔäÆ»Û
fìÒ¤(I×°™ŠCG6bÊc«É]áÆ ?‰ÓM_èÅðé:m˜w™ùŸÝÍyÜô¢Lµ”Q’k/ßC]>=tf–—1 ³•©ÓÂ6!™JR»ûìvºÑbÐ°-ŒåïY¿—<Ä…~«M²ã	õ”fU÷cu°&ÚÐpÌÿãÑbÙ‘/<V×zßA¢ûV¦ß«ª- Ôî©&ß‹ª¦+!‚äÓÚÎå`ÕÚ´yX9ïQ,«~‡4Úk¨ùŽÍà"h	w‚>Ö™–Àµp8ÿ¤°™I_„£ÔvZŒ'K×ë™ÉÔŠU·O/éyDózéxúÒ¼kìã¨é%O¢álœ#		›Y÷òöŸÄPÒ(ñm¤ˆGÑKøäÎ-–²Ó…6·;Ý¢BÇ”®OgÞ¼+
ÀŸ^”1]| ™ƒ|9ï»Ÿ‰ãT¦yù…p±;ï»Ÿ‰ãT¦yù…p±;ò;.%NË,Õ|{ML—Ì®°Z¯a>ØC,ê4ò®wý<ë'†‘ÿî”2ú²ÐÈ~ÂÙñÜHéðËÙÁã¹ôúï»Ÿ‰ãT¦yù…p±;ï»Ÿ‰ãT¦yù…p±;Û¶P€Hû=+Kå§)&!.hÒþsm{$é[g^‚?ïÆ¼õ\ìÐ¾'º”>sg“f³ì§îÎ‡lV{®<G6›ÝŠMÛz(0^_;‚ Âw× ÐÞKlîƒD¨×Æœ †	¿V«àÄ¤NNcrÈ¯zz£UÑçðÏ‚ª	n11zO!™¹pêËlâ-(ëø¦é{ëuYg›ÞÈ,>¨ôè8zËB²› Ú_J%6‰DîEˆßðž*BÐ¶²[õ©JŽ³e«„ÇIUÏÊÝ¢ÈÐïFÑÊ‘DŽ´úãb”!(øÖÖ>Ü¶w¬d^O±i¯ÑÑz¤±äBµ5Qè™–ˆ¡µÂüª0ƒŸ–‚©F_XžcˆŸÔ¤`Uáà>;Äëêk<î²çL—[ìx,h÷¶nuíGã¿{Á!ée™Áš†·é³0Ì¢Áž'9)¢Äo3qy¬,Ú÷±•.:žo\yÄ[‘_×ìA[»é(¿<µ£&qëÉU"q$ŽØÍEã…íì|w»5äõ±
²O‹þŸ'ªR.lÀÆ­ã3oª§Þ$G¥ª‡_f,¹%hÓ|7ˆŠ…ëfLœnA¬èã‘d²ÚÎå`ÕÚ´yX9ïQ,«~™(ã=yF)ÌG/n4¶£¹D´áß®T BEÁ?B‡F_Oé²…µ~ô½ZnÐ“!„£öÿ£l"ÄË§R1ÀÎ(*h	Ò)ÅØEÛY‚ó—tº¾mBI)ÅõÀÔ÷y'ó²X>Ì]*ºF¯ÿg6âß@ÌÙºxZq×÷
MÙ2KWuCp‹ü>ókWâ;2úùD%ð­¿R´tV*»*Ü­'\·´‚üé ¬NÑ¹oök¨v3 GúO¥ËO‡?ü,˜Iîä¦ùŒî÷Ç€¦‘œ>ªâéw{ÜóiwÌçdsºËWrz¯ æ»-#×ÂôÙÞ”_YÉÆöALóŽ¦ ÑFP2Ü6°0Êê¢I$¾)RÁ»+	®ÂAjÒ­Ôw£lyÎ£AÀ–ºù	ÁÜ’v}&jÆ Ð Û¾²›2–ÖpEÝ‚{îT` »¿Õ¯ `¾Ì²¨¦^­:s[§¤jÂ¬ä—¼o±-øÔB¼(’‘œJbØ¸Öñ:ñ£ù¹‹ïþ`Å¸Ã”:ï{‘÷¾[0*8Ž	„ŒBœön©ßP }¯Œ'¾Ø®ìzŒ+Xå÷Ð*&T¥‰ßAejÃá{$cQßÄ>YX´B_érÊ -ø$å0Ð½ƒr’p¢µc}¼ËkLDèg¯}‹Ä†s=£Gæ¬}É9ø«NƒŸ6[/ÅÄAB¹ãm
0O÷lRòdÝh/Üß301ÀÎ(*h	Ò)ÅØEÛY‚ó—tº¾mBI)Åõ’jieŠp~ÊÊIá-iI¡‰ð	!…†ÞíE´E³ò/XŒ +è”×ì¼µìú^±,'Zƒ$h1ØT}ºî!–¸.1
(C3/{Uža£»”>.š›p­=»RÍ“ðÎ¶‹3n´oL\ü
ü™„º‰Êù}Ä•lÅÝP,¹ŒJ “ºáa"¨ãÊR¬.K±¬[HFêž?ÛÊ8CÏµh­GiÇpáÀ¨lòóaf€­MWšÎAØ“ä*@Y’«2äûÀŸ›û{!@§>¶d‹8)¿8×µç–ŽWÊv'¯3d,ÍÕ÷µMûFhTq ¦«Œ½F'p-bþ¸V¼} øFýeá½‡¢ìMõÏ-ëùæ+4<¤WOgó.Ë#/ÍŽkÖ$‹ÈwÚÁ‘««ŒylPp°_"£C¾ÝðÏ»8Þz*
XX°šip©‚¢©;îzÑe«ZZèô:¤£‘S±Ál^K/Â\¤œaùg*"·løê×³Ó®¦½ŠÚÊ¯œMDÆØU0ï(êð›µän¿åY¦OæøiöÜÝàmÁ{û¶ë0¸ûH“”r]ëÒÞ(õH/Œp‰õTDŒTæÑ„QÒ+»å2œ=ÊT=3"*P?r5û³¿G¨;ýÊÂr@;ébÎ‰zß2ŸìÎÂ3\´TU'«qç:\¿îï»Ÿ‰ãT¦yù…p±;«élLE€&Õ1GÈŽ[ÞŠ]ž™mùà§ª‡ŠFIooPM©ÔÈ¦óV	„VáA¿=ïòZ’Æ¾Xï»Ÿ‰ãT¦yù…p±;9ºg¼Iqð*‚_PÖ)œ÷àQH°f_hGÿ†MŒ»ìt;LëCz~~,éu=|á1"†ÿ_‹!wÀ¼AeìmjâY¾H¯ªçæÒsö¬ýÖÛú¯!uéÔ¡…àœJò]ó•YWÖu‹ŠÌßRÍ¢ð<±}œBœ/DWŠh]ÿ4ú\ÂÓ#°ý~Ãï;nGä::qÖRÎÙRÿm”9|ÜwŽ«1¥ƒèïG½úÞ`½ƒA
¿ÿ´ËøÊÒkŽFË>ÝWB‡ïðy¡ùt9ý¶0djÝ=XóR¤q5ý¦Àj—Î|&|ûÚ*Zg­÷Gª+×4Z*þà~<²f¥b"úÛ;¿¸ëv”9|ÜwŽ«1¥ƒèïG½úÞ`½ƒA
¿ÿ´ËøÊÒkŽFË>ÝWB‡ïðy¡ùòœÃð"nÙ¶"W#o3…¡ño¢;| ÿNW?^Ëà„‡Zõ€ÒÉ GÊ•¯ìkOÚ¥ö–Á°HÇkå1"†ÿ_‹!wÀ¼Aeìmå;DpÅ¾ü¬æ›_|)&I†ág>«ÀXyBÅS
dËl‰‘ö²óÇIò7ÆwqYÏ¥6ZE¯Ø©ëØbÏÍM;R9ÌÒf92(deÐ_0›½äÁŒ´`uÊ0ø3¸ls+SRÌ@VxëØm5œ 6A×IWþ¶çœžztñŸ†ð”Õ\c]5ì˜‹$C¹£ýA@Î&÷¹ÏŠNf®ódvtYãÑX¼1­s§|›,ƒ¿}">dw0œä˜Q±´Ö¼í/8½AS_Êº¢@,I~”:=_¦ÆzûN)õà&ovTŸÁ–º×h4¨ÇGÝŸê1@é¯öH ÖôÒÚE"Ï¥/c]OÅèˆéñ]]_F«­×€pó–Ritalic"> 

   <!-- DataTables -->
  <link rel="stylesheet" href="bower_components/datatables.net-bs/css/dataTables.bootstrap.min.css">
  <link rel="stylesheet" href="bower_components/datatables.net-bs/css/responsive.bootstrap.min.css">

  <!-- iCheck for checkboxes and radio inputs -->
  <link rel="stylesheet" href="plugins/iCheck/all.css">

  <!-- Daterange picker -->
  <link rel="stylesheet" href="bower_components/bootstrap-daterangepicker/daterangepicker.css">

  <!-- Morris chart -->
  <link rel="stylesheet" href="bower_components/morris.js/morris.css">
  
  <!--====  End of Plugins CSS  ====-->
  
  <!--========================================
  =            plugins javascript            =
  =========================================-->
  <!-- jQuery 3 -->
  <script src="bower_components/jquery/dist/jquery.min.js"></script>

  <!-- Bootstrap 3.3.7 -->
  <script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>

  <!-- FastClick -->
  <script src="bower_components/fastclick/lib/fastclick.js"></script>

  <!-- AdminLTE App -->
  <script src="dist/js/adminlte.min.js"></script>

   <!-- DataTables -->
  <script src="bower_components/datatables.net/js/jquery.dataTables.min.js"></script>
  <script src="bower_components/datatables.net-bs/js/dataTables.bootstrap.min.js"></script>
  <script src="bower_components/datatables.net-bs/js/dataTables.responsive.min.js"></script>
  <script src="bower_components/datatables.net-bs/js/responsive.bootstrap.min.js"></script>

  <!-- sweet alert -->
  <script src="plugins/sweetalert2/sweetalert2.all.js"></script>

  <!-- By default sweetalert2 doesn't support IE. To enable IE 11 support, include Promise polyfill -->
  <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/core-js/2.4.1/core.js"></script>

  <!-- iCheck 1.0.1 -->
  <script src="plugins/iCheck/icheck.min.js"></script>
  <!-- InputMask -->
  <script src="plugins/input-mask/jquery.inputmask.js"></script>
  <script src="plugins/input-mask/jquery.inputmask.date.extensions.js"></script>
  <script src="plugins/input-mask/jquery.inputmask.extensions.js"></script>
  <!-- jQuery Number -->
  <script src="plugins/jqueryNumber/jquerynumber.min.js"></script>

  <!-- daterangepicker http://www.daterangepicker.com/-->
  <script src="bower_components/moment/min/moment.min.js"></script>
  <script src="bower_components/bootstrap-daterangepicker/daterangepicker.js"></script>


  <!-- Morris.js charts http://morrisjs.github.io/morris.js/-->
  <script src="bower_components/raphael/raphael.min.js"></script>
  <script src="bower_components/morris.js/morris.min.js"></script>

  <!-- ChartJS http://www.chartjs.org/-->
  <script src="bower_components/Chart.js/Chart.js"></script>
  
</head>

<body class="hold-transition skin-red-light sidebar-collapse sidebar-mini login-page">
<!-- Site wrapper -->
<div class="wrapper">

<?php echo include_once "header.php";?>
<?php echo include_once "sidebar.php";?>
  
  <div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
      <h1>
        User Management
      </h1>
      <ol class="breadcrumb">
        <li><a href="home"><i class="fa fa-dashboard"></i> Home</a></li>
        <li class="active">User</li>
      </ol>
    </section>

    <!-- Main content -->
    <section class="content">

      <!-- Default box -->
      <div class="box">
        <div class="box-header with-border">
          <!-- <button class="btn btn-success openPopup" data-toggle="modal" data-target="#addCategories"> <i class="fa fa-plus"></i> Add User</button> -->
			
<!-- Trigger the modal with a button -->
<a href="javascript:void(0);" data-href="getSubjects?userid=0" class="btn btn-success openPopup"><i class="fa fa-plus"></i> Add User</a>

<!-- Modal -->
<div class="modal fade" id="myModal" role="dialog">
    <div class="modal-dialog">
        <!-- Modal content-->
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title">Bootstrap Modal with Dynamic Content</h4>
            </div>
            <div class="modal-body">

            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
        </div>
      
    </div>
</div>

<script>
$(document).ready(function(){
    $('.openPopup').on('click',function(){
        var dataURL = $(this).attr('data-href');
        $('.modal-content').load(dataURL,function(){
            $('#myModal').modal({show:true});
        });
    }); 
});
</script>
			
        </div>
        <div class="box-body">
          <table class="table table-bordered table-hover table-striped dt-responsive tables" width="100%">
            <thead>
             <tr>
               <th style="width:10px">#</th>
               <th>Name</th>
               <th>User</th>
               <th>Photo</th>
               <th>Action</th>
             </tr> 
            </thead>
            <tbody>
<?php
			$query="select * from users"; $cnt=1;
			$run = mysqli_query($con,$query);
			while ($row=mysqli_fetch_array($run)){			
?>			
			<tr><td><?php echo $cnt++;?>
			<td><?php echo $row['name'];?>
			<td><?php echo $row['user'];?>
			<td><img src="<?php echo $imgFolder.$row['photo'];?>" class="img-thumbnail" width="40px"></td>
			<td>
				
				<button href="javascript:void(0);" data-href="getSubjects?userid=<?php echo $row['id'];?>" class="btn btn-success btn-sm openPopup"><i class="fa fa-pencil"></i></button>
				<button href="javascript:void(0);" data-href="getSubjects?deluserid=<?php echo $row['id'];?>" class="btn btn-danger btn-sm openPopup"><i class="fa fa-trash"></i></button>
<!--
				<button class="btn btn-primary btnEditCategory" idCategory="'.$row['id'].'" data-toggle="modal" data-target="#editCategories"><i class="fa fa-pencil"></i></button>
				<button class="btn btn-danger btn-sm btnDeleteCategory" idCategory="'.$row['id'].'"><i class="fa fa-trash"></i></button>
-->				
				
				
			</td>
			</tr>
<?php
			}
?>			
            </tbody>

          </table>

		<!-- Log on to codeastro.com for more projects! -->

        </div>
      
      </div>
      <!-- /.box -->

    </section>
    <!-- /.content -->
  </div>

<!--=====================================
=            module add Categories            =
======================================-->
<!-- Log on to codeastro.com for more projects! -->
<!-- Modal -->
<div id="addCategories" class="modal fade" role="dialog">
  <div class="modal-dialog">
    <!-- Modal content-->
    <div class="modal-content">
      <form action='user' role="form" method="POST">
        <div class="modal-header" style="background: #DD4B39; color: #fff">
          <button type="button" class="close" data-dismiss="modal">&times;</button>
          <h4 class="modal-title">Add User</h4>
        </div>
        <div class="modal-body">
          <div class="box-body">
            <!--Input name -->
            <div class="form-group">
              <div class="input-group">
                <span class="input-group-addon"><i class="fa fa-th"></i></span>
                <input class="form-control input-lg" type="text" name="userName" placeholder="Add Category" required>
              </div>
            </div>
            <div class="form-group">
              <div class="input-group">
                <span class="input-group-addon"><i class="fa fa-th"></i></span>
                <input class="form-control input-lg" type="text" name="email" placeholder="Add Category" required>
              </div>
            </div>
          </div>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-danger pull-left" data-dismiss="modal">Close</button>
          <button type="submit" class="btn btn-success" name='btnSave'>Save User</button>
        </div>
      </form>
    </div>

  </div>
</div>

<!-- edit Modal -->
<div id="editCategories" class="modal fade" role="dialog">
  <div class="modal-dialog">
    <!-- Modal content-->
    <div class="modal-content">
      <form role="form" method="POST">
        <div class="modal-header" style="background: #DD4B39; color: #fff">
          <button type="button" class="close" data-dismiss="modal">&times;</button>
          <h4 class="modal-title">Edit Categories</h4>
        </div>
        <div class="modal-body">
          <div class="box-body">

            <!--Input name -->
            <div class="form-group">
              <div class="input-group">
                <span class="input-group-addon"><i class="fa fa-th"></i></span>
                <input class="form-control input-lg" type="text" id="editCategory" name="editCategory" required>
                <input type="hidden" name="idCategory" id="idCategory" required>
              </div>
            </div>
			<!-- Log on to codeastro.com for more projects! -->
          </div>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-danger pull-left" data-dismiss="modal">Close</button>
          <button type="submit" class="btn btn-success">Save Changes</button>
        </div>

        <?php
          //$editCategory = new ControllerCategories();
          //$editCategory -> ctrEditCategory();
        ?>
      </form>
    </div>
  </div>
</div>


<?php
  //$deleteCategory = new ControllerCategories();
  //$deleteCategory -> ctrDeleteCategory();
?>


<?php echo include_once "footer.php";?>
 
</div> 
<!-- ./wrapper -->




</body>
</html>