@section('page_title')
    OSAA - Dance/Drill Music
@stop

@section('page_sub_title')    
    
    OSAA Dance/Drill Music Files

@stop

@section('scripts')
    @parent

    
    <style type="text/css">
    
        h3 {
      		color: #990000 !important;
      	} 

        table {
            border-collapse: collapse;
            width: 50%;
        }

        table thead th {
            text-align: left;
        }

        table tbody tr {
            line-height: 2em;
        }

        .odd {
            background-color: #dddddd;
        }   	

    </style>

@stop

@section('jquery_init')
    
    $('.back_button')
        .button({'icons':{'primary' : 'ui-icon-arrowthick-1-w'}})
        .css({'font-size':'9pt'});

@stop

@section('page_functions')

    <a href="{{ url('/activities/dnc/management') }}" class="back_button">Dance/Drill</a>

@stop


@section('main_content')    		  

   	<br />
    <h1>Music Files by Team</h1>

    <table>
        <thead>
            <tr>
                <th>File</th>
                <th>Size</th>
                <th>Updated</th>
            </tr>
        </thead>

        <tbody>

            @foreach ($music_files as $i => $file)

                <tr @if ($i % 2 == 1) class="odd" @endif>
                    <td><a href="{{ $file->asset_path }}">{{ $file->name }}</a></td>
                    <td>{{ $file->size }}</td>
                    <td>{{ $file->updated_at }}</td>
                </tr>

            @endforeach

        </tbody>

    </table>


    
@stop