@extends('layout.front')

@section('css_page_level')
@endsection
@section('page-content')
            <!-- CONTENT -->
            <div class="wrap-fluid" id="paper-bg">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="box">
                            <div class="box-header">
                                <!-- tools box -->
                                <div class="pull-right box-tools">
                                </div>
                                <h3 class="box-title"><i class="fontello-doc"></i>
                                    <span>@lang('messages.neighberhood_party')-{{$activitys->title}}</span>
                                </h3>
                            </div>
                            <!-- /.box-header -->
                            <div class="box-body">
                                <div class="row text-center">
                                    <div class="col-md-3 col-sm-6 hero-feature">
                                        <div class="thumbnail">
                                            <form id="apply_form" class="form-horizontal form-bordered">
                                            <div class="caption">
                                                    <h3>{{$activitys->title}}</h3>
                                                    @if($activitys->sign_person_max_flag==1)
                                                        <p>@lang('messages.ur_acc_empty_per')：<span class="label label-warning">{{$CountableApply}}</span></p>
                                                        <p>@lang('messages.total_empty_per')：<span class="label label-warning">{{$RemainingNumber}}</span></p>
                                                        @if($CountableApply!=0)
                                                            <p>@lang('messages.apply_amount')：
                                                                <select name="apply">
                                                                @for ($i = 1; $i <= $CountableApply; $i++)
                                                                    <option value="{{ $i }}">{{ $i }}</option>
                                                                @endfor
                                                                </select>
                                                            </p>
                                                        @endif
                                                    @endif
                                                    <input type="hidden" name="activities_id" value="{{$activitys->id}}">
                                                    <input type="hidden" name="_token" value="{{ csrf_token() }}">

                                            </div>
                                            <div class="panel-footer">
                                                <div class="btn-group" role="group">
                                                    @if($CountableApply!=0)
                                                        <a activityid="{{$activitys->id}}" href="javascript:;" type="submit" id="btn_user_enroll" type="submit" class="btn btn-default">@lang('messages.apply_soon')</a>
                                                    @endif
                                                </div>
                                                <div class="btn-group" role="group">
                                                    <a href="./activity" class="btn btn-primary">@lang('messages.back_prev')</a>
                                                </div>
                                                @if($CountableApply==0)
                                                <div class="btn-group" role="group">
                                                    <a href="./ActivityDelete?activity_id={{$activitys->id}}" class="btn btn-success">@lang('messages.cal_apply')</a>
                                                </div>
                                                 @endif
                                            </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                                <!-- /.box-body -->
                            </div>
                            <!-- /.box-body -->
                        </div>
                        <!-- /.box -->
                    </div>
                </div>
            </div>
            <!-- #/paper bg -->
<script type="text/javascript">
$(document).on('click','#btn_user_enroll',function(){
		var uid = $(this).attr('activityid');
		$.ajax({
			type : 'POST',
			url  : "{{ action('FrontController@ActivityApplyStore') }}",
			dataType : 'json',
			data : {
				_token   : $('#apply_form input[name = "_token"]').val(),
				activities_id : uid,
				apply : $('#apply_form select[name = "apply"]').val()
			},
			success: function(sendback){
				toastr['success']('報名成功！');
			},
			error: function(data){
		            var errors = data.responseJSON;
		            $.each(errors, function (key, data) {
					    console.log(key);
					    if( key == 'errors'){
					    	$.each(data, function (index, data) {
									toastr['error']('報名失敗！');
					    	});
					    }
						else if( key == 'repeat' ){
									toastr['error']('您已報名過此活動！');
						}
					});
			}
		})
	});
</script>
@endsection