@extends('layouts.contentLayoutMaster')
{{-- page title --}}
@section('title','新增股東')
{{-- vendor styles --}}
@section('vendor-styles')

@endsection

{{-- page styles --}}
@section('page-styles')
<link rel="stylesheet" type="text/css" href="{{asset('css/plugins/forms/validation/form-validation.css')}}">
@endsection

@section('content')
<section id="multiple-column-form">
  <div class="row match-height">
    <div class="col-12">
      <div class="card">
        <div class="card-header">
          <h4 class="card-title">新增股東</h4>
        </div>
        <div class="card-content">
          <div class="card-body">
            <form class="form" method="POST">
			@csrf
              <div class="form-body">
                <div class="row">
                  <div class="col-md-6 col-12">
                    <div class="form-group {{ $errors->has('account') ? 'error' : '' }}">
					  <span>帳號</span>
                      <input type="text" id="account" class="form-control {{ $errors->has('account') ? 'is-invalid' : '' }}" name="account" value="{{ old('account') }}">
					  <div class="help-block">
						@if($errors->has('account'))
						<ul role="alert"><li>{{ $errors->first("account") }}</li></ul>
						@endif
					  </div>
                    </div>
                  </div>
                  <div class="col-md-6 col-12">
                    <div class="form-group {{ $errors->has('password') ? 'error' : '' }}">
					  <span>密碼</span>
                      <input type="password" id="password" class="form-control" name="password" value="{{ old('password') }}">
					  <div class="help-block">
						@if($errors->has('password'))
						<ul role="alert"><li>{{ $errors->first("password") }}</li></ul>
						@endif
					  </div>
                    </div>
                  </div>
                  <div class="col-md-6 col-12">
                    <div class="form-group {{ $errors->has('name') ? 'error' : '' }}">
					  <span>姓名</span>
                      <input type="text" id="name" class="form-control" name="name" value="{{ old('name') }}">
					  <div class="help-block">
						@if($errors->has('name'))
						<ul role="alert"><li>{{ $errors->first("name") }}</li></ul>
						@endif
					  </div>
                    </div>
                  </div>
                  <div class="col-md-6 col-12">
                    <div class="form-group {{ $errors->has('quota') ? 'error' : '' }}">
					  <span>額度</span>
                      <input type="text" id="quota" class="form-control" name="quota" value="{{ old('quota') }}">
					  <div class="help-block">
						@if($errors->has('quota'))
						<ul role="alert"><li>{{ $errors->first("quota") }}</li></ul>
						@endif
					  </div>
                    </div>
                  </div>
                  <div class="col-md-6 col-12">
                    <div class="form-group {{ $errors->has('feeRatio') ? 'error' : '' }} {{ $errors->has('msg') ? 'error' : '' }}">
					  <span>流水</span>
                      <input type="text" id="feeRatio" class="form-control" name="feeRatio" value="{{ old('feeRatio') }}">
					  <div class="help-block">
						@if($errors->has('feeRatio'))
						<ul role="alert"><li>{{ $errors->first("feeRatio") }}</li></ul>
						@endif
					  </div>
					  <div class="help-block">
						@if($errors->has('msg'))
						<ul role="alert"><li>{{ $errors->first("msg") }}</li></ul>
						@endif
					  </div>
                    </div>
                  </div>
                  <div class="col-12 d-flex justify-content-end">
                    <button type="submit" class="btn btn-primary mr-1 mb-1">送出</button>
                    <button type="reset" class="btn btn-light-secondary mr-1 mb-1">重置</button>
                  </div>
                </div>
              </div>
            </form>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
@endsection

{{-- vendor scripts --}}
@section('vendor-scripts')
<script src="{{asset('vendors/js/forms/validation/jqBootstrapValidation.js')}}"></script>
@endsection

{{-- page scripts --}}
@section('page-scripts')
<script src="{{asset  ('js/scripts/forms/validation/form-validation.js')}}"></script>
@endsection