@section('bank-account-style')
	<style type="text/css">
		.checkbox>span {
		     background-color: transparent; 
		}
	</style>
@endsection

@section('bank-account')
	<form class="form" id="form_bank_account" action="{{url('outlet/update-bank-account')}}" method="POST" enctype="multipart/form-data">
		<div class="card-body">
	        {{ csrf_field() }}
	    	<div class="form-group row">
	            <label for="example-search-input" class="col-3 col-form-label">Bank Name <span class="text-danger">*</span></label>
	            <div class="col-4">
	                <select class="form-control select2" data-placeholder="Bank" name="id_bank_name" data-value="{{ old('id_bank_name') ?? $outlet['bank_account']['id_bank_name'] ?? null }}" style="width: 100%">
                        <option></option>
                        @if(!empty($bank))
                            @foreach($bank as $val)
                                <option value="{{$val['id_bank_name']}}" @if ($val['id_bank_name'] == (old('id_bank_name') ?? $outlet['bank_account']['id_bank_name'] ?? null))
                                	selected 
                                @endif >{{$val['bank_name']}}</option>
                            @endforeach
                        @endif
                    </select>
	            </div>
	        </div>
	        <div class="form-group row">
	            <label for="example-search-input" class="col-3 col-form-label">Beneficiary Name <span class="text-danger">*</span></label>
	            <div class="col-4">
	                <input type="text" placeholder="Beneficiary Name" class="form-control" name="beneficiary_name" value="{{ old('beneficiary_name') ?? $outlet['bank_account']['beneficiary_name'] ?? null }}" required>
	            </div>
	        </div>
	        <div class="form-group row">
	            <label for="example-search-input" class="col-3 col-form-label">Beneficiary Alias <span class="text-danger">*</span></label>
	            <div class="col-4">
	                <input type="text" placeholder="Beneficiary Alias" class="form-control" name="beneficiary_alias" value="{{ old('beneficiary_alias') ?? $outlet['bank_account']['beneficiary_alias'] ?? null }}">
	            </div>
	        </div>
	        <div class="form-group row">
	            <label for="example-search-input" class="col-3 col-form-label">Beneficiary Account <span class="text-danger">*</span></label>
	            <div class="col-4">
	                <input type="text" placeholder="111116xxxxxx" class="form-control" name="beneficiary_account" value="{{ old('beneficiary_account') ?? $outlet['bank_account']['beneficiary_account'] ?? null }}" required>
	                <input type="hidden" name="old_beneficiary_account" value="{{ $outlet['bank_account']['beneficiary_account'] ?? null }}">
	            </div>
	        </div>
	        <div class="form-group row">
	            <label for="example-search-input" class="col-3 col-form-label">Beneficiary Email <span class="text-danger">*</span></label>
	            <div class="col-4">
	                <input type="text" placeholder="email@example.com" class="form-control" name="beneficiary_email" value="{{ old('beneficiary_email') ?? $outlet['bank_account']['beneficiary_email'] ?? null }}">
	            </div>
	        </div>
	        <div class="form-group row" id="checkbox-bank-account" style="display: none;">
	    		<div class="col-12">
                    <label class="checkbox">
                        <input type="checkbox" name="update_all_outlet"/>
                        <span style="border: 1px solid #5d78ff;"></span>&nbsp;&nbsp;&nbsp;Update to all outlet with same Beneficiary Account
                    </label>
	            </div>
	        </div>
	    <button type="submit" class="btn btn-success mr-2">Submit</button>
		</div>
	</form>
@endsection

@section('bank-account-script')
	<script type="text/javascript">
		$(document).ready(function() {
			$('input[name=beneficiary_account]').on('keyup change', function() {
				if($(this).val() == $('input[name=old_beneficiary_account]').val()){
					$('#checkbox-bank-account').hide();
				}else{
					$('#checkbox-bank-account').show();
				}
			});
		});
	</script>
@endsection