@extends('layouts.default')

@section('title')
	@parent
	Мои задачи на сегодня
@stop

@section('css')
	<link rel="stylesheet" href="{{ asset('css/bootstrap-validator.min.css') }}">
@stop

@section('js')
	<script src="{{ asset('js/plugin/bootstrapvalidator/bootstrapValidator.min.js') }}"></script>
	<script>
		$(document).ready(function(){
			$('.task-form').bootstrapValidator({
				feedbackIcons: {
						valid: 'glyphicon glyphicon-ok',
						invalid: 'glyphicon glyphicon-remove',
						validating: 'glyphicon glyphicon-refresh'
				},
				fields: {
            content: {
                validators: {
                    notEmpty: {
                        message: 'Обязательно для заполнения, укажите результат выполнения задания.'
                    }
                }
            }
        }
			});
		});
	</script>
@stop

@section('content')
	<div class="row">
		<div class="col-md-12">
			<div class="table-responsive">
				@foreach ($usertasks as $usertask)
				<div class="panel panel-default">
					<div class="panel-heading">
						<h3 class="panel-title"><b>{{ $usertask->name }}</b>@if($usertask->fine), штраф за невыполнение {{ $usertask->fine }} <span class="fa fa-rub"></span>@endif</h3>
					</div>
					<div class="panel-body">
						{{ Form::open(array('action' => array('UsertasksController@updateTask', $usertask->id), 'method' => 'post', 'id' => 'taskFrom' . $usertask->id, 'class' => 'task-form')) }}
							<div class="form-group">
								{{ Form::label( 'content', 'Результат выполнения:' ) }}
								{{ Form::textarea( 'content', '', array(
										'class' => 'form-control',
										'rows' => 4
										)) }}
							</div>
							<button type="submit" class="btn btn-primary ladda-button" data-style="zoom-out"><span class="ladda-label">Отправить</span></button>
						{{ Form::close() }}
					</div>
				</div>
				@endforeach
			</div>
		</div>
	</div>
@stop