@extends('admin/layouts/default')

@section('title')
Customer
@parent
@stop

@section('content')
@include('core-templates::common.errors')
<section class="content-header">
    <h1>{{Lang::get('customer.customer')}}</h1>
    <ol class="breadcrumb">
        <li>
            <a href="{{ route('admin.dashboard') }}"> <i class="livicon" data-name="home" data-size="16" data-color="#000"></i>
                {{Lang::get('general.dashboard')}}
            </a>
        </li>
        <li>
            <a href="{{ route('admin.customers.index') }}"> {{Lang::get('customer.customers')}} </a>
        </li>
        <li class="active">
            <a href="{{ route('admin.customers.create') }}"> {{Lang::get('customer.create_customers')}} </a>
        </li>
    </ol>
</section>
<section class="content paddingleft_right15">
<div class="row">
 <div class="panel panel-success">
        <div class="panel-heading">
            <h4 class="panel-title"> <i class="livicon" data-name="user" data-size="16" data-loop="true" data-c="#fff" data-hc="white"></i>
                {{Lang::get('customer.new_customer')}}
            </h4></div>
        <br />
        <div class="panel-body">
        {!! Form::open(['route' => 'workflow.trustee.store','id' => 'customer-form']) !!}
           
            @include('admin.customers.fields')

            <div class="col-md-12">
                <div class="form-group col-sm-2">
                        {!! Form::label('ownership_percentage', 'Ownership Percentage') !!} :
                        
                </div>

                <div class="form-group col-sm-3">
                       
                        {!! Form::number('ownership_percentage', null, ['class' => 'form-control','required'=>'true']) !!}
                </div>
            </div>
            <div class="form-group col-sm-12 text-center">
                {!! Form::submit(Lang::get('general.save'), ['class' => 'btn btn-primary two-btns','id' => 'save-customer']) !!}
                <a href="{!! route('admin.customers.index') !!}" class="btn btn-default">{{Lang::get('general.cancel')}} </a>
            </div>
        {!! Form::close() !!}
    </div>
  </div>
 </div>
</section>
 @stop
@section('footer_scripts')
<link rel="stylesheet" type="text/css" href="{{ asset('assets/vendors/bootstrap-datepicker/css/bootstrap-datepicker.css') }}">
<script type="text/javascript" src="{{ asset('assets/vendors/bootstrap-datepicker/js/bootstrap-datepicker.js') }}" ></script>

    <script type="text/javascript">

    $('#date_of_birth').datepicker({
        format: 'dd-mm-yyyy',
        autoclose: true,
        todayHighlight: true
    }).datepicker("setDate", new Date());

        $(document).ready(function() {
        //     // $("form").submit(function() {
        //     //     $('input[type=submit]').attr('disabled', 'disabled');
        //     //     return true;
        //     // });
        // });

            var customer_type = $('#customer_type').val();

                if(customer_type == '') {
                    $("#customer_type_fields" ).hide();
                } else if(customer_type == "Personal"){
                    $("#customer_type_fields" ).hide();
                } else {
                    $("#customer_type_fields" ).show();
                }

            $('#customer_type').on('change', function() {
              
                if(this.value == "Personal"){
                    $("#customer_type_fields" ).hide();
                    $('#personal_details').css("display","block");
                    $('#customer_name_field').css("display","block");
                } else {
                    $("#customer_type_fields" ).show();
                    $('#personal_details').css("display","none");
                    $('#customer_name_field').css("display","none");
                }
            });
        })
    </script>

    <script src="{{ asset('assets/js/pages/customer.js') }}"  type="text/javascript"></script>


@stop