@extends('admin/layouts/default')

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

@section('content')
@include('adminlte-templates::common.errors')
<section class="content-header">
    <h1>Customer</h1>
    <ol class="breadcrumb">
        <li>
            <a href="{{ route('admin.dashboard') }}"> <i class="livicon" data-name="home" data-size="16" data-color="#000"></i>
                Dashboard
            </a>
        </li>
        <li>
            <a href="{{ route('admin.customers.index') }}"> Customers </a>
        </li>
        <li class="active">
            <a href="{{ route('admin.customers.create') }}"> Create Customer </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>
                Create New  Customer
            </h4></div>
        <br />
        <div class="panel-body">
        {!! Form::open(['route' => 'admin.customers.store','id' => 'customer-form']) !!}
            <input type="hidden" id="witness" name="witness" value="1">
            @include('admin.customers.fields')
            <div class="form-group col-sm-12 text-center">
                {!! Form::submit('Save', ['class' => 'btn btn-primary']) !!}
                <a href="{!! route('workflow.view-application',[$transactionId]) !!}" class="btn btn-default">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