@extends('layouts.default')
@section('title', 'Create Incentive Structure')
@section('header-links')
    @include('includes.headers.incentives')
@endsection
@section('new_button')
	<a  href="{!! URL::to('/incentive_structures') !!}" class="btn btn-info btn-Rcircle-iconic waves-effect waves-light"><i class="material-icons left"> list
</i>Incentive Structure List</a>
@endsection

@section('content')
<div class="card">
	{!! Form::open(['url'=>'/incentive_structures', 'id'=>'incentive_structure_form', 'autocomplete'=>'off', 'data-toggle'=>'validator']) !!}
	    <div class="row">
            <div class="col-md-7">
                <div class="row">
                    <div class="col">
                        {!! Form::textGroup('title', 'Structure Name', null, ['maxlength'=>'100']) !!}
                    </div>
                </div>

                <div class="row">
                    <div class="col pt-4">
                        {!! Form::checkbox('_active', 1, null, ['id'=>'checkbox1', 'onchange'=>'changeActive(1)']) !!} <label for=""> Marketing</label>
                    </div>

                    <div class="col">
                        {!! Form::textGroup('marketing', 'Amount', null, ['id'=>'input1', 'maxlength'=>'100', 'required'=>'required', 'disabled', 'maxlength'=>'6']) !!}
                    </div>

                    <div class="col pt-4">
                        {!! Form::checkbox('marketing_recurr', 1, null) !!} Recurring
                    </div>
                </div>

                <div class="row">
                    <div class="col pt-4">
                        {!! Form::checkbox('_active', 1, null, ['id'=>'checkbox2', 'onchange'=>'changeActive(2)']) !!} <label for=""> In Job</label>
                    </div>

                    <div class="col">
                        {!! Form::textGroup('in_job', 'Amount', null, ['id'=>'input2', 'maxlength'=>'100', 'required'=>'required', 'disabled', 'maxlength'=>'6']) !!}
                    </div>

                    <div class="col pt-4">
                        {!! Form::checkbox('in_job_recurr', 1, null) !!} Recurring
                    </div>
                </div>

                <div class="row">
                    <div class="col pt-4">
                        {!! Form::checkbox('_active', 1, null, ['id'=>'checkbox3', 'onchange'=>'changeActive(3)']) !!} <label for=""> Job Bonus</label>
                    </div>

                    <div class="col">
                        {!! Form::textGroup('job_bonus', 'Amount', null, ['id'=>'input3', 'maxlength'=>'100', 'required'=>'required', 'disabled', 'maxlength'=>'6']) !!}
                    </div>

                    <div class="col pt-4">
                        {!! Form::checkbox('job_bonus_recurr', 1, null) !!} Recurring
                    </div>
                </div>

                <div class="row">
                    <div class="col pt-4">
                        {!! Form::checkbox('_active', 1, null, ['id'=>'checkbox4', 'onchange'=>'changeActive(4)']) !!} <label for=""> Yearly</label>
                    </div>

                    <div class="col">
                        {!! Form::textGroup('yearly', 'Amount', null, ['id'=>'input4', 'maxlength'=>'100', 'required'=>'required', 'disabled', 'maxlength'=>'6']) !!}
                    </div>

                    <div class="col pt-4">
                        {!! Form::checkbox('yearly_recurr', 1, null) !!} Recurring
                    </div>
                </div>
            </div>
        </div>
        <div class="form-group no-margin text-right">
            <div class="col-md-3">
                {!! Form::saveButton('Save') !!}
            </div>
        </div>
	{!! Form::close() !!}
</div>

<script>
    function changeActive(id) {
        if($('#checkbox'+id).is(':checked')) {
            $("#input"+id).prop('disabled', false);
        } else {
            $("#input"+id).val('');
            $("#input"+id).removeClass('has-value');
            $("#input"+id).prop('disabled', true);
        }
    }
</script>
@stop