@extends('cms.layouts.authorized', ['isVue' => true])

@section('headerCustom')
    @php
        $title = 'Pemberi Pembiayaan Default';
    @endphp
@endsection

@section('content')
    @include('cms.form.errorbox')
    <transition name="slideUp">
        <div class="col-md-6 col-md-offset-3">
            <div class="alert alert-danger alert-dismissible" v-show="errors.length > 0" style="display:none;">
                <li v-for="error in errors">
                    @{{ error }}
                </li>
            </div>
        </div>
    </transition>

    <form id="mainForm" action="{{ route('admin.setting.defaultLenderSave') }}" v-on:submit="formSubmit" class="create-project form-horizontal" method="POST" enctype="multipart/form-data">
        <div class="col-md-12">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-header">Pemberi Pembiayaan Default</div>
                    <div class="card-body">
                    	<div class="row">
                    		<div class="col-md-8">
                    			<div class="row">
		                            <div class="col-md-12">
		                                <div class="col-md-4">
		                                    <label class="control-label">Pilih Pemberi Pembiayaan</label>
		                                </div>
		                                <div class="col-md-8">
		                                    <vue-select2-ajax url="{{ URL::route('admin.investor.ajaxAutoComplete') }}"
			                                    v-model="defaultLender"
			                                    :selected-value="investor.name" 
			                                    :selected-object.sync="investor">
		                                    </vue-select2-ajax>
		                                </div>
		                            </div>
									<div class="col-md-12">&nbsp;	</div>
		                            <div class="col-md-12">
		                                <div class="col-md-4">&nbsp;</div>
		                                <div class="col-md-8">
		                                    <button id="submitForm" class="btn btn-primary">Simpan</button>
		                                </div>
		                            </div>
		                        </div>
                    		</div>
                    	</div>   
                    </div>
                </div>
            </div>
        </div>
    </form>

    <script>
    	var vueData = {!! json_encode($model) !!};

    	if (vueData.defaultLender === null) {
    		vueData.investor = {
    			id : '',
    			name : ''
    		}
    	}

        var vueExcludeSubmit = [
            'errors'
        ];

        function formSubmit(data) {
            data.errors = [];

            if(empty(data.defaultLender)) data.errors.push('Pilih Penerima Pembiayaan terlebih dahulu.');

            if (data.errors.length > 0) return false;
            return true;
        }
    </script>
@endsection