@extends ('backend.layouts.app')

@section ('title', trans('labels.backend.access.users.management') . ' | ' . trans('labels.backend.access.users.create'))

@section('after-styles')
    <link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.min.css?ver=1.0.0' type='text/css' media='all' />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.7.1/css/bootstrap-datepicker.min.css" />
@endsection

@section('page-header')
    <h1>
        Clients Management
        <small>Create Client</small>
    </h1>
@endsection

@section('content')
    {{ Form::open(['route' => 'admin.clients.clients.store', 'enctype' => "multipart/form-data", 'class' => 'form-horizontal', 'id' => 'client_form', 'role' => 'form', 'method' => 'post']) }}

        <div class="box box-success">
            <div class="box-header with-border">
                <h3 class="box-title">Create Client</h3>

                <div class="box-tools pull-right">
                    @include('backend.clients.includes.partials.user-header-buttons')
                </div><!--box-tools pull-right-->
            </div><!-- /.box-header -->

            <div class="box-body">
                <div class="form-group">
                    {{ Form::label('Title', 'Title', ['class' => 'col-lg-2 control-label']) }}

                    <div class="col-lg-10">
                        {{ Form::text('client_title', null, ['class' => 'form-control', 'maxlength' => '191', 'required' => 'required', 'autofocus' => 'autofocus', 'placeholder' => 'Enter title']) }}
                    </div><!--col-lg-10-->
                </div><!--form control-->

                <div class="form-group">
                    {{ Form::label('Overview', 'Overview', ['class' => 'col-lg-2 control-label']) }}

                    <div class="col-lg-10">
                        {{ Form::textarea('client_overview', null, ['class' => 'form-control ckeditor', 'maxlength' => '191', 'required' => 'required', 'autofocus' => 'autofocus', 'placeholder' => 'Enter overview']) }}
                    </div><!--col-lg-10-->
                </div><!--form control-->

                <div class="form-group">
                    {{ Form::label('client_nut_id', 'Client ID', ['class' => 'col-lg-2 control-label']) }}

                    <div class="col-lg-10">
                        {{ Form::text('client_nut_id', null, ['class' => 'form-control', 'maxlength' => '191', 'required' => 'required', 'autofocus' => 'autofocus', 'placeholder' => 'Enter Client ID']) }}
                    </div><!--col-lg-10-->
                </div><!--form control-->

                <div class="form-group">
                    {{ Form::label('Select Type', 'Select Type', ['class' => 'col-lg-2 control-label']) }}
                    <div class="col-lg-10">
                        <select id="clients_select" name="is_trust" class="select form-control">
                            <option selected disabled>Select Type</option>
                            <option value="trust">Trust Company</option>
                            <option value="individual">Individual</option>
                        </select>
                    </div>
                </div>

                <div id="trust" style="display: none;">
                    <div class="form-group">
                        {{ Form::label('Trust / Company Name', 'Trust / Company Name', ['class' => 'col-lg-2 control-label']) }}

                        <div class="col-lg-10">
                            {{ Form::text('trust_cn', null, ['class' => 'form-control', 'maxlength' => '191', 'placeholder' => 'Enter Trust / Company Name']) }}
                        </div><!--col-lg-10-->
                    </div><!--form control-->
                    <div class="form-group">
                        {{ Form::label('email', trans('validation.attributes.backend.access.users.email'), ['class' => 'col-lg-2 control-label']) }}

                        <div class="col-lg-10">
                            {{ Form::email('email', null, ['class' => 'form-control', 'maxlength' => '191', 'placeholder' => trans('validation.attributes.backend.access.users.email')]) }}
                        </div><!--col-lg-10-->
                    </div><!--form control-->
                </div>

                <div id="individual" style="display: none;">
                    <div class="form-group">
                        {{ Form::label('Title', 'Title', ['class' => 'col-lg-2 control-label']) }}

                        <div class="col-lg-10">
                            <select name="indi_title" class="select form-control">
                                <option selected disabled>Select Title</option>
                                <option value="Mr">Mr</option>
                                <option value="Mrs">Mrs</option>
                                <option value="Miss">Miss</option>
                                <option value="Ms">Ms</option>
                                <option value="Dr">Dr</option>
                            </select>
                        </div><!--col-lg-10-->
                    </div><!--form control-->
                    <div class="form-group">
                        {{ Form::label('First name', 'First name', ['class' => 'col-lg-2 control-label']) }}

                        <div class="col-lg-10">
                            {{ Form::text('first_name', null, ['class' => 'form-control', 'maxlength' => '191', 'placeholder' => 'Enter First Name']) }}
                        </div><!--col-lg-10-->
                    </div><!--form control-->

                    <div class="form-group">
                        {{ Form::label('Last name', 'Last name', ['class' => 'col-lg-2 control-label']) }}

                        <div class="col-lg-10">
                            {{ Form::text('last_name', null, ['class' => 'form-control', 'maxlength' => '191', 'placeholder' => 'Enter Last Name']) }}
                        </div><!--col-lg-10-->
                    </div><!--form control-->
                    <div class="form-group">
                        {{ Form::label('Date of birth', 'Date of birth', ['class' => 'col-lg-2 control-label']) }}

                        <div class="col-lg-10">
                            {{ Form::text('indi_date_birth', null, ['class' => 'form-control', 'id' => 'datepicker', 'maxlength' => '191', 'placeholder' => 'Enter Date of birth']) }}
                        </div><!--col-lg-10-->
                    </div><!--form control-->
                    <div class="form-group">
                        {{ Form::label('email', trans('validation.attributes.backend.access.users.email'), ['class' => 'col-lg-2 control-label']) }}

                        <div class="col-lg-10">
                            {{ Form::email('email', null, ['class' => 'form-control', 'maxlength' => '191', 'placeholder' => trans('validation.attributes.backend.access.users.email')]) }}
                        </div><!--col-lg-10-->
                    </div><!--form control-->

                    <div class="form-group">
                        {{ Form::label('mobile_number', 'Mobile Number', ['class' => 'col-lg-2 control-label']) }}

                        <div class="col-lg-10">
                            {{ Form::text('mobile_number', null, ['class' => 'form-control', 'maxlength' => '191', 'required' => 'required', 'placeholder' => 'Enter mobile number']) }}
                        </div><!--col-lg-10-->
                    </div>

                    <div class="form-group">
                        {{ Form::label('nominal_income_tax_bracket', 'Nominal Income Tax Bracket', ['class' => 'col-lg-2 control-label']) }}

                        <div class="col-lg-10">
                            {{ Form::number('nominal_income_tax_bracket', null, ['class' => 'form-control', 'maxlength' => '191', 'required' => 'required', 'placeholder' => 'Enter nominal income tax bracket','step' => 'any','onChange' => 'set_after_tax_monthly_income_requirement()','min'=>0,'max'=>100]) }}
                        </div><!--col-lg-10-->
                    </div>

                    <div class="form-group">
                        {{ Form::label('monthly_income_requirement', 'Monthly Income Requirement', ['class' => 'col-lg-2 control-label']) }}

                        <div class="col-lg-10">
                            {{ Form::number('monthly_income_requirement', null, ['class' => 'form-control', 'maxlength' => '191', 'required' => 'required', 'placeholder' => 'Enter monthly income requirement','step' => 'any','onChange' => 'set_after_tax_monthly_income_requirement()','min'=>0]) }}
                        </div><!--col-lg-10-->
                    </div>

                    <div class="form-group">
                        {{ Form::label('inflation_expectation', 'Inflation Expectation', ['class' => 'col-lg-2 control-label']) }}

                        <div class="col-lg-10">
                            {{ Form::number('inflation_expectation', null, ['class' => 'form-control', 'maxlength' => '191', 'required' => 'required', 'placeholder' => 'Enter inflation expectation','step' => 'any','min'=>0]) }}
                        </div><!--col-lg-10-->
                    </div>

                    <div class="form-group">
                        {{ Form::label('after_tax_monthly_income_requirement', 'After Tax Monthly Income Requirement', ['class' => 'col-lg-2 control-label']) }}

                        <div class="col-lg-10">
                            {{ Form::number('after_tax_monthly_income_requirement', null, ['class' => 'form-control', 'maxlength' => '191', 'required' => 'required', 'placeholder' => 'Enter after tax monthly income requirement','step' => 'any','readonly','min'=>0]) }}
                        </div><!--col-lg-10-->
                    </div>

                    <div class="form-group">
                        {{ Form::label('investment_time_horizon', 'Investment Time Horizon', ['class' => 'col-lg-2 control-label']) }}

                        <div class="col-lg-10">
                            <select name="investment_time_horizon" class="select form-control">
                                <option selected disabled>Select Investment Time Horizon</option>
                                <option value="1 - 2 Years">1 - 2 Years</option>
                                <option value="3 Years +">3 Years +</option>
                                <option value="5 Years +">5 Years +</option>
                                <option value="7 Years +">7 Years +</option>
                            </select>
                        </div><!--col-lg-10-->
                    </div>
                </div>

                <div class="form-group">
                    {{ Form::label('status', trans('validation.attributes.backend.access.users.active'), ['class' => 'col-lg-2 control-label']) }}

                    <div class="col-lg-1">
                        {{ Form::checkbox('status', '1', true) }}
                    </div><!--col-lg-1-->
                </div><!--form control-->

                <div class="form-group">
                    {{ Form::label('confirmed', trans('validation.attributes.backend.access.users.confirmed'), ['class' => 'col-lg-2 control-label']) }}

                    <div class="col-lg-1">
                        {{ Form::checkbox('confirmed', '1', true) }}
                    </div><!--col-lg-1-->
                </div><!--form control-->

                @if (! config('access.users.requires_approval'))
                    <div class="form-group">
                        <label class="col-lg-2 control-label">{{ trans('validation.attributes.backend.access.users.send_confirmation_email') }}<br/>
                            <small>{{ trans('strings.backend.access.users.if_confirmed_off') }}</small>
                        </label>

                        <div class="col-lg-1">
                            {{ Form::checkbox('confirmation_email', '1') }}
                        </div><!--col-lg-1-->
                    </div><!--form control-->
                @endif

                @if (count($fa) > 0)
                    <div class="form-group">
                        {{ Form::label('Select Financial Adviser', 'Select Financial Adviser', ['class' => 'col-lg-2 control-label']) }}

                        <div class="col-lg-10">
                            <select class="select_answers select form-control" multiple name="fa[]">
                                @foreach($fa as $item)
                                    <option value=""> </option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                @else
                    No Financial Advisers avaliable
                @endif

                <input type="hidden" type="hidden" value="3" name="assignees_roles[3]" id="role-3" {{ is_array(old('assignees_roles')) && in_array(3, old('assignees_roles')) ? 'value="3"' : '' }} />
            </div><!-- /.box-body -->
        </div><!--box-->

        <div class="box box-info">
            <div class="box-body">
                <div class="pull-left">
                    {{ link_to_route('admin.clients.clients.index', trans('buttons.general.cancel'), [], ['class' => 'btn btn-danger btn-xs']) }}
                </div><!--pull-left-->

                <div class="pull-right">
                    {{ Form::submit(trans('buttons.general.crud.create'), ['class' => 'btn btn-success btn-xs']) }}
                </div><!--pull-right-->

                <div class="clearfix"></div>
            </div><!-- /.box-body -->
        </div><!--box-->

    {{ Form::close() }}
@endsection

@section('after-scripts')
    {{ Html::script('js/backend/access/users/script.js') }}

    <script type='text/javascript' src='https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.min.js?ver=1.0.0'></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.7.1/js/bootstrap-datepicker.min.js"></script>
    <script>
        $(document).ready(function() {

            $('.select_answers').select2();

            $('#clients_select').on('change', function() {

                var val = $(this).val();

                if(val == 'trust') {
                    $('#individual').hide();
                    $('#trust').show();
                } else if(val == 'individual') {
                    $('#individual').show();
                    $('#trust').hide();
                }
            });

            $('#client_form').on('submit', function() {
                if($('#individual').is(':visible')) {
                    $('#trust').remove();
                }

                if($('#trust').is(':visible')) {
                    $('#individual').remove();
                }

                if(! $('#trust').is(':visible') && ! $('#individual').is(':visible')) {
                    $('#trust, #individual').remove();
                }
            });

            $('#datepicker').datepicker({
                format: "dd/mm/yyyy",
                todayHighlight: true
            });

        });

        /**
         * monthly_income_requirement calculation
         * Monthly Income Requirement - (Monthly Income Requirement * Nominal Income Tax Bracket)
         */

        function set_after_tax_monthly_income_requirement() {

            var monthly_income_requirement = $('#monthly_income_requirement').val();
            var nominal_income_tax_bracket = $('#nominal_income_tax_bracket').val();

            if(monthly_income_requirement > 0 && nominal_income_tax_bracket > 0){


                if(nominal_income_tax_bracket <0 || nominal_income_tax_bracket >100){
                    alert('Nominal Income Tax Bracket should be between 0 to 100');
                    return false;
                }

                var calculatePercantage = (monthly_income_requirement * nominal_income_tax_bracket)/100;

                var after_tax_monthly_income_requirement = monthly_income_requirement - calculatePercantage;

                $('#after_tax_monthly_income_requirement').val(after_tax_monthly_income_requirement);

            }

        }

    </script>
@endsection