<!DOCTYPE html>
<html lang="pt">
    <head>
        <meta charset="UTF-8" />
        <title>Puke Rainbows</title>

        <link type="text/css" rel="stylesheet" href="<?php echo base_url() ?>public/css/bootstrap.css" />
        <link type="text/css" rel="stylesheet" href="<?php echo base_url() ?>public/css/bootstrap-responsive.css" />

        <script type="text/javascript" src="<?php echo base_url() ?>public/js/jquery-1.7.2.min.js"></script>
        <script type="text/javascript" src="<?php echo base_url() ?>public/js/bootstrap.js"></script>
        <script type="text/javascript" src="<?php echo base_url() ?>public/js/bootstrap-tooltip.js"></script>
        <script type="text/javascript">
            $(document).ready(function () {
                $("[rel=tooltip]").tooltip(); // Load the tooltip plugin

                $('#refresh').click(function(){
                    alert('Estou sendo clicado!');
                    $.ajax({
                        url: '<?php echo base_url(); ?>site/index/',
                        sucess: function(ret) {
                            $('#picture').html(ret);
                        }
                    })
                })
            });
        </script>

    </head>

    <body style="padding-top: 40px;">

        <div class="container">

            <div class="row-fluid">
                <?php
                foreach ($query->result() as $row)
                {
                ?>
                <div class="span6 well" class="picture">
                    <h1><?php echo $row->pic_title; ?></h1>
                    <img src="<?php echo $row->pic_url; ?>" border="0" />
                    <span style="float: left; margin: 20px 0 0 0;">
                        <a href="#" rel="tooltip" title="Like!" class="btn btn-large btn-success"> <i class="icon-thumbs-up icon-white"></i> </a>
                        <a href="#" rel="tooltip" title="Hate!" class="btn btn-large btn-inverse"> <i class="icon-thumbs-down icon-white"></i> </a>
                        <a href="#" rel="tooltip" title="Report" class="btn btn-large btn-danger"> <i class="icon-eye-open icon-white"></i> </a>
                    </span>
                </div>

                <?php
                }
                ?>
                <div class="span6 well">
                    <a rel="tooltip" title="More puke, please" class="btn btn-large" id="refresh"> <i class="icon-refresh"></i> </a>
                    <a href="<?php echo base_url(); ?>upload/" rel="tooltip" title="I want to upload my pic" class="btn btn-large btn-warning"> <i class="icon-upload"></i> </a>
                </div>
            </div>

        </div>
    </body>
</html>