@extends ('backend.layouts.app')

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

@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>
        {{ trans('labels.backend.access.users.management') }}
        <small>{{ trans('labels.backend.access.users.edit') }}</small>
    </h1>
@endsection
@section('content')
    {{ Form::model($client, ['route' => ['admin.clients.clients.update', $client],  'enctype' => "multipart/form-data", 'class' => 'form-horizontal', 'id' => 'client_form', 'role' => 'form', 'method' => 'PATCH']) }}

        <div class="box box-success">
            <div class="box-header with-border">
                <h3 class="box-title">{{ trans('labels.backend.access.users.edit') }}</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 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 value="Mr" {{ $client->indi_title == 'Mr' ? 'selected' : '' }}>Mr</option>
                                <option value="Mrs" {{ $client->indi_title == 'Mrs' ? 'selected' : '' }}>Mrs</option>
                                <option value="Miss" {{ $client->indi_title == 'Miss' ? 'selected' : '' }}>Miss</option>
                                <option value="Ms" {{ $client->indi_title == 'Ms' ? 'selected' : '' }}>Ms</option>
                                <option value="Dr" {{ $client->indi_title == 'Dr' ? 'selected' : '' }}>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()']) }}
                        </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', 'autofocus' => 'autofocus', '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']) }}
                        </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" {{ $client->investment_time_horizon == '1 - 2 Years' ? 'selected' : '' }}>1 - 2 Years</option>
                                <option value="3 Years +" {{ $client->investment_time_horizon == '3 Years +' ? 'selected' : '' }}>3 Years +</option>
                                <option value="5 Years +" {{ $client->investment_time_horizon == '5 Years +' ? 'selected' : '' }}>5 Years +</option>
                                <option value="7 Years +" {{ $client->investment_time_horizon == '7 Years +' ? 'selected' : '' }}>7 Years +</option>
                            </select>
                        </div><!--col-lg-10-->
                    </div>
                </div>

                @if ($client->id != 1)
                    <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', $client->status == 1) }}
                        </div><!--col-lg-1-->
                    </div><!--form control-->

                    @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_clients select form-control" multiple name="fa[]">
                                    @foreach($fa as $item)
                                        <option {{ is_array(old('fa')) ? (in_array($item->user_id, old('fa')) ? 'selected' : '') : (in_array($item->user_id, $client_fa) ? 'selected' : '') }} 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-4" value="3" />
                @endif
            </div><!-- /.box-body -->
        </div><!--box-->

        <div class="box box-success">
            <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.update'), ['class' => 'btn btn-success btn-xs']) }}
                </div><!--pull-right-->

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

        @if ($client->id == 1)
            {{ Form::hidden('status', 1) }}
            {{ Form::hidden('assignees_roles[0]', 1) }}
        @endif

    {{ 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_clients').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