@extends('layouts.app')

@section('content')
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="panel panel-default">
                    <div class="panel-heading heading">Choreographies</div>

                    <div class="panel-body">
                        @if(count($dance->participants) < $dance->category->min_dancers)
                            <div class="alert alert-warning">
                                <span class="glyphicon glyphicon-warning-sign"></span> Please note that you need to add at least {{$dance->category->min_dancers}} participants (currently added: {{count($dance->participants)}}, {{$dance->category->min_dancers-count($dance->participants)}} left)
                            </div>
                        @endif
                        {!! Form::open(['url' => 'dance/addparticipant/'.$dance->id, 'method'=>'post', 'class'=>'form-horizontal']) !!}

                        <h4 style="margin-top:0;">Dancers for choreography "{{$dance->name}}"</h4>

                        <div class="form-group{{ $errors->has('dancer_id') ? ' has-error' : '' }}">
                            <label for="dancer_id" class="col-md-2 control-label">Select a dancer:</label>

                            <div class="col-md-6">
                                {!! Form::select('dancer_id', Auth::guard('groups')->user()->getDancersSelectArray(), null, ['class'=>'form-control', 'autofocus' => 'autofocus', 'data-max'=> '0'])  !!}

                                @if ($errors->has('dancer_id'))
                                    <span class="help-block">
                                        <strong>{{ $errors->first('dancer_id') }}</strong>
                                    </span>
                                @endif
                                @if ($errors->has('message'))
                                    <span class="help-block">
                                        <strong>{{ $errors->first('message') }}</strong>
                                    </span>
                                @endif
                            </div>
                            <div class="col-md-2">
                                <input type="submit" value="Add" class="btn my-btn-primary">
                            </div>
                        </div>
                        {!! Form::close() !!}



                        @if(count($dance->participants) < 1)
                            No dancers.
                            @else
                            @foreach($dance->participants as $dancer)
                                <div class="row" style="padding:3px 0;">
                                    <div class="col-md-10" style="height:34px;line-height: 34px;">
                                        {{$dancer->first_name}} {{$dancer->last_name}}
                                    </div>
                                    <div class="col-md-2">
                                        <a href="{{url('dance/removeparticipant/'.$dance->id.'/'.$dancer->id)}}" onclick="return confirm('Are you sure?')" class="btn btn-danger">Delete</a>
                                    </div>
                                </div>


                                @endforeach
                                @if(count($dance->participants) >= $dance->category->min_dancers)
                                {!! Form::open(['url' => Request::url(),'files' => true, 'method'=>'post', 'class'=>'form-horizontal']) !!}
                                <div class="form-group{{ $errors->has('age_groups_id') ? ' has-error' : '' }}">
                                    <label for="dancer_id" class="col-md-2 control-label">Age group:</label>

                                    <div class="col-md-6">
                                        {!! Form::select('age_groups_id', $dance->getAgeGroupsSelect(), null, ['class'=>'form-control', 'id'=>'age_groups_id', 'data-recommended'=> $dance->getRecommendedAgeGroup()->id])  !!}

                                        @if ($errors->has('age_groups_id'))
                                            <span class="help-block">
                                        <strong>{{ $errors->first('age_groups_id') }}</strong>

                                    </span>
                                        @endif

                                        <div class="alert alert-warning" id="group-warning" style="display: none;margin-top:10px;">
                                            <span class="glyphicon glyphicon-warning-sign"></span> This choreography belongs to a lower age group, but it can still participate in the selected group.
                                        </div>

                                        <script type="text/javascript">
                                            $(function () {
                                               $('#age_groups_id').change(function () {
                                                   if($(this).val() != $(this).attr('data-recommended')){
                                                       $('#group-warning').show();
                                                   } else{
                                                       $('#group-warning').hide();
                                                   }
                                               });
                                            });
                                        </script>

                                    </div>

                                </div>
                                <div class="form-group{{ $errors->has('begin') ? ' has-error' : '' }}">
                                    <label for="begin" class="col-md-2 control-label">Start position</label>

                                    <div class="col-md-6">
                                        {!! Form::select('begin', ['p'=>'On stage','m'=>'Off stage'], null, ['class'=>'form-control', 'autofocus' => 'autofocus'])  !!}

                                        @if ($errors->has('begin'))
                                            <span class="help-block">
                                        <strong>{{ $errors->first('begin') }}</strong>
                                    </span>
                                        @endif
                                    </div>
                                </div>
                                    @if(strlen($dance->mp3) > 0)
                                        <div class="form-group">
                                            <label class="col-md-2 control-label">Music file</label>
                                            <div class="col-md-6">
                                                <p class="form-control-static">{{$dance->mp3}} <a href="{{url('music/download/'.$dance->mp3)}}" class="btn btn-primary btn-xs"><span class="glyphicon glyphicon-download"></span> Download</a></p>
                                            </div>
                                        </div>
                                    @endif
                                <div class="form-group{{ $errors->has('mp3file') ? ' has-error' : '' }}">
                                    @if(strlen($dance->mp3) > 0)
                                        <label for="mp3file" class="col-md-2 control-label">Replace music file</label>
                                    @else
                                        <label for="mp3file" class="col-md-2 control-label">Music file</label>
                                    @endif

                                    <div class="col-md-6">
                                        {!! Form::file('mp3file', ['class'=>'form-control-static'])  !!}

                                        @if ($errors->has('mp3file'))
                                            <span class="help-block">
                                        <strong>{{ $errors->first('mp3file') }}</strong>
                                    </span>
                                        @endif

                                        <span class="help">MP3 file, 15MB maximum</span>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-md-2 control-label"></label>

                                    <div class="col-md-6">
                                        <input type="submit" value="Save" class="btn my-btn-primary">
                                    </div>
                                </div>
                                {!! Form::close() !!}
                            @endif
                            {{--@if(count($errors) > 0)
                                @foreach($errors->all() as $e)
                                    {{$e}}<br>
                                    @endforeach
                                @endif--}}
                        @endif

                    </div>
                </div>
            </div>
        </div>
    </div>
@stop