@extends('layouts.master')

@section('css')
@parent
{{ HTML::style('css/jquery-ui.min.css') }}
@stop
@section('content')
<div class="row">
    <div class="small-12 columns">
        <h3><i class="fi-calendar"></i> Hausdamen</h3>
    </div>
    <div class="large-8 small-6 columns">
        <h4>Hausdamen</h4>
        <div class="calendar">
            <ul class="large-block-grid-6 small-block-grid-3">
                @foreach($group->users as $user)
                <li>
                    <div class="girlSelect ui-widget-content" id="drop_{{$user->id}}" data-user_id="{{$user->id}}">
                        <div class="girlBox">
                            <h6>{{ucwords($user->first_name)}}</h6>
                            {{HTML::Avatar($user->id) }} 
                        </div>
                    </div>
                </li>
                @endforeach
            </ul>
        </div>
    </div>
    <div class="large-4 small-6 columns">
            <div id="datePicker"></div>
	</div>
</div>
<div class="row">
    <div class="large-12 colums">
        <div class="management calendar">
                <h5>Anwesende Hausdamen</h5>
                <ul class="small-block-grid-7 calendarList">
                    @foreach($week as $d)
                    <li data-date="{{$d['date']}}"><strong>{{$d['wDay']}}</strong> {{$d['textDate']}}</li>
                    @endforeach    
                </ul>
                @foreach($location as $l)
                <div class="content" id="location-{{$l->id}}" data-location_id="{{$l->id}}">
                    <div class="locationName">
                        {{ $l->location_name }}
                    </div>
                    <ul class="small-block-grid-7 girlWeekBlock">
                        @for($i=1;$i<8;$i++)
                        <li data-interval="{{$i}}"></li>
                        @endfor
                    </ul>
                </div>
                @endforeach
            </div>
        </div>
    </div>
</div>
<div id="calendarModal" class="reveal-modal large" data-reveal>
    <a class="close-reveal-modal">&#215;</a>
    <div id="calendarModalContent">

    </div>
</div>
@stop

@section('js')
<!-- templates -->
<script id="girlIconTemplate" type="text/template">
    <div class="userIcon ui-widget-content endDay-[%interval%] startDay-[%startday%]" id="[% user.id %]">
        <div class="girlBox">
            <h6>[%ucfirst(user.first_name) %]</h6>
            <img src="/avatar/[%user.id%]" />
        </div>
        <div class="buttonBarGirl" data-user_id="[% user.id %]" data-calendar_id="[% id %]">
            <span class="ui-icon ui-icon-help getGirlNotes"></span>
            <span class="ui-icon ui-icon-pencil editGirlCalendar"></span>
            <span class="ui-icon ui-icon-trash removeFromCalendar"></span>
        </div>
    </div>
</script>
<script id="calendarModalTemplate" type="text/template">
<div id="calendarModalBox" class="bigEditBox">
    <a class="close-big-box">&#215;</a>
    <div id="calendarModalContentBox">

    </div>
</div>
</script>
<!-- end of templates -->
@parent
{{ HTML::script('js/jquery-ui.min.js') }}
{{ HTML::script('js/spin.min.js') }}
{{ HTML::script('js/jquery.spin.js') }}
{{ HTML::script('js/backbone/underscore-min.js') }}
{{ HTML::script('js/backbone/backbone-min.js') }}
{{ HTML::script('js/backbone/backbone.marionette.min.js') }}
{{ HTML::script('js/manager.js') }}
@stop