<!DOCTYPE html>
<html lang="en">

    <!-- HTML Head -->
    <head>

        <!-- Page Title -->
        <title>
            Dance/Drill Labels
        </title>      
        
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

        <!-- Style -->
        <style type="text/css" media="screen,print">
            
            @page {
                size: portrait;
                margin: 0;
            }

            /* Default Margins and Paddings */
            * {margin: 0; padding: 0;}


            /* No image borders by default */
            img {border: none;}

            /* Page Body */
            html, body {               

                width: 8.5in;
                height: 11in;

                font-family: Trebuchet MS, Helvetica, sans-serif;
                font-size: 12pt;                
                
                color: #000000;
                background: #ffffff;

                /*border:1px dashed #999999;*/
            }

            .clear {
                clear: both;
            }            

            .page {
                width: 8.25in;
                height: 10in;
                margin: 0.5in 0.125in 0.5in 0.125in;                
                page-break-after: always;

                /*outline: 1px solid black;*/
            }

            .label {
                margin-right: 0.1875in;
                padding: 0.0625in 0.125in;
                width: 2.375in;
                height: 0.875in;                
                display: inline-block;
                float: left;
                position: relative;

                /*outline: 1px solid black;*/
            }   

            .team_name {
                font-size: 12pt;                
            }        
            .division {
                margin-top: 0.5em;
                font-size: 12pt;
                float: left;
            }            
            .session {
                margin-top: 0.5em;
                font-size: 10pt;
                float: right;
                text-align: right;
            }
            .number {                                
                text-align: right;
                padding-top: 1em;
                font-size: 10pt;                
            }

        </style>


        <script type="text/javascript">
            $(document).ready(function ()
            {
                // Group 3 labels to a row
                var labels = $('.label');
                for(var i = 0; i < labels.length; i += 3)
                {
                    var end = i + 3;
                    if (end > labels.length)
                    {
                        end = labels.length;
                    }
                    labels.slice(i, i + 3).wrapAll('<div class="row"></div>');
                }

                // Remove the margin from the last label in a row
                $('.row .label:last-child')
                    .css({'margin' : '0'});

                // Group 10 rows to a page
                var rows = $('.row');
                for(var i = 0; i < rows.length; i += 10)
                {
                    var end = i + 10;
                    if (end > rows.length)
                    {
                        end = rows.length;
                    }
                    rows.slice(i, i + 10).wrapAll('<div class="page"></div>');
                }

                // Automatically print this report
                window.print(); 
            });                

        </script>        
                
    </head>

    <body>                 

        <?php foreach ($info['teams'] as $team): ?>
            <div class="label">
                <div class="team_name">
                    <?php echo preg_replace('/(.*)(\ \/.*)/', '$1', $team->ap->name); ?><br />
                    <?php echo $team->address->line_1; ?><br />
                    <?php if (!Helpers::strIsEmpty($team->address->line_2)): ?>
                        <?php echo $team->address->line_2; ?><br />
                    <?php endif; ?>
                    <?php echo $team->address->city; ?>, <?php echo $team->address->state; ?> <?php echo $team->address->zip; ?>
                </div>
            </div>
        <?php endforeach; ?>

       

    </body>    
</html>   
