@extends('layouts.back-end.body')
@section('content')
<div class="app-content pt-3 p-md-3 p-lg-4">
		    <div class="container-xl" style="padding: 0px !important;">			    
            <div class="row g-3 align-items-center justify-content-between">
			<div class="col-auto"><h1 class="app-page-title"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-people" viewBox="0 0 16 16">
  <path d="M15 14s1 0 1-1-1-4-5-4-5 3-5 4 1 1 1 1h8zm-7.978-1A.261.261 0 0 1 7 12.996c.001-.264.167-1.03.76-1.72C8.312 10.629 9.282 10 11 10c1.717 0 2.687.63 3.24 1.276.593.69.758 1.457.76 1.72l-.008.002a.274.274 0 0 1-.014.002H7.022zM11 7a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm3-2a3 3 0 1 1-6 0 3 3 0 0 1 6 0zM6.936 9.28a5.88 5.88 0 0 0-1.23-.247A7.35 7.35 0 0 0 5 9c-4 0-5 3-5 4 0 .667.333 1 1 1h4.216A2.238 2.238 0 0 1 5 13c0-1.01.377-2.042 1.09-2.904.243-.294.526-.569.846-.816zM4.92 10A5.493 5.493 0 0 0 4 13H1c0-.26.164-1.03.76-1.724.545-.636 1.492-1.256 3.16-1.275zM1.5 5.5a3 3 0 1 1 6 0 3 3 0 0 1-6 0zm3-2a2 2 0 1 0 0 4 2 2 0 0 0 0-4z"/>
	</svg><span class="sub-navicate">{{ __('message.customer') }} <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-double-right" viewBox="0 0 16 16">
  <path fill-rule="evenodd" d="M3.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L9.293 8 3.646 2.354a.5.5 0 0 1 0-.708z"/>
  <path fill-rule="evenodd" d="M7.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L13.293 8 7.646 2.354a.5.5 0 0 1 0-.708z"/>
</svg> @if ($title) {{ __('message.setting') }} @endif</h1></span></div>
			<div class="col-auto no-padding-margin" id="back-to-list">
                        <div class="page-utilities">
                            <div class="row g-2 justify-content-start justify-content-md-end align-items-center">
                                <div class="col-auto">
                                    <div class="table-search-form row gx-1 align-items-center">
                                        <div class="col-auto">
                                        <a href="{{route('customer.index')}}"><button type="button" onclick="redirect_back();" class="btn btn-warning float-right cancel-margin"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-left" viewBox="0 0 16 16">
                <path fill-rule="evenodd" d="M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8z"/>
                </svg> {{ __('message.go back') }}</button></a>
                                        </div>
                                    </div>
                                </div><!--//col-->
                            </div><!--//row-->
                        </div><!--//table-utilities-->
                    </div><!--//col-auto-->
                </div>
            </div>
			    
			    <hr class="mb-4">
                <div class="row g-4 settings-section">
	                <div class="col-12 col-md-4">
		                <h3 class="section-title">{{ __('message.general infomation') }}</h3>
		                <div class="section-intro">{{ __('message.this section intro goes here. customer information detail') }}</div>
		                <div style="text-align: center;padding-top:15px;">
		                	<img class="avatar" id="my-avatar" alt="Avatar" style="width:100%" src="{!! isset($profile) ? asset('storage/'.$profile): asset('assets/client/content/images/wrapper/img_avatar2.png') !!}"> 
		                </div>
	                </div>
	                <div class="col-12 col-md-8">
		                <div class="app-card app-card-settings shadow-sm p-4">
						    
						    <div class="app-card-body">
							    <form class="settings-form">
								    <div class="mb-3">
									    <label for="setting-input-1" class="form-label">{{ __('message.phone') }} :</label>
									    <input type="text" class="form-control" id="setting-input-1" value="{!! isset($row->phone) ? $row->phone : '' !!}" readonly>
									</div>
									<div class="mb-3">
									    <label for="setting-input-2" class="form-label">{{ __('message.bank account name') }} :</label>
									    <input type="text" class="form-control" id="setting-input-2" value="{!! isset($row->bank_account_name) ? $row->bank_account_name : '' !!}" readonly>
									</div>
								    <div class="mb-3">
									    <label for="setting-input-3" class="form-label">{{ __('message.bank name') }} :</label>
									    <!-- <input type="email" class="form-control" id="setting-input-3" value="{!! isset($row->bank->name) ? $row->bank->name : '' !!}" readonly> -->
									    <select class="form-select form-select-lg mb-3" aria-label=".form-select-lg example" required name="bank_id" readonly>
											@foreach($banks as $bank)
										  		<option value="{{$bank->id}}" @if($bank->id==($row['bank_id']??-1)) selected @endif>{{$bank->name}}</option>
										  	@endforeach
										</select>
									</div>
                                    <div class="mb-3">
									    <label for="setting-input-4" class="form-label">{{ __('message.bank account') }} :</label>
									    <input type="email" class="form-control" id="setting-input-4" value="{!! isset($row->bank_account) ? $row->bank_account : '' !!}" readonly>
									</div>
                                    <div class="mb-3">
									    <label for="setting-input-5" class="form-label">{{ __('message.pass code') }} :</label>
									    <input type="text" class="form-control" id="setting-input-5" value="{!! isset($row->pass_code) ? $row->pass_code : '' !!}" readonly>
									</div>
									<div class="mb-3">
									    <label for="setting-input-5" class="form-label">{{ __('message.account code') }} :</label>
									    <input type="text" class="form-control" id="setting-input-5" value="{!! isset($row->account_code) ? $row->account_code : '' !!}" readonly>
									</div>
									<div class="mb-3">
									    <label for="setting-input-5" class="form-label">{{ __('message.my invitation code') }} :</label>
									    									    <input type="text" class="form-control" value="{{$code}}" id='account_code' readonly onclick="copyCode();" data-clipboard="{{ asset('client/register') }}?referal_code={{$code}}" style="cursor:pointer;">
									</div>
									<div class="mb-3">
									    <label for="setting-input-5" class="form-label">{{ __('message.password') }} :</label>
									    <input type="text" class="form-control" value="{{$row->password}}" id='password' readonly>
									</div>
									<div class="mb-3">
										<label for="setting-input-5" class="form-label">{{ __('message.vip') }} :</label>
										@foreach($customerPackages as $customerPackage)
											<!-- {{$customerPackage->id}} -->
											@if($customerPackage->is_completed)
												<button type="button" class="btn btn-warning" title="Completed">
													<img src="{{asset('assets/img/success.png')}}" style="width:20px;" /> 
													{{$customerPackage->customer_vip->title??''}}
													{{$customerPackage->orderTimes()}}
												</button>
											@elseif($customerPackage->is_stop)
												<button type="button" class="btn btn-danger" title="Stoped">
													<img src="{{asset('assets/img/false.png')}}"  style="width:20px;"/> 
													{{$customerPackage->customer_vip->title??''}}
													<!-- {{$customerPackage->orderTimes()}} -->
												</button>
											@else
												<button type="button" class="btn btn-primary" title="Ordering">
													<img src="{{asset('assets/img/working.png')}}"  style="width:20px;"/> 
													{{$customerPackage->customer_vip->title??''}}
													{{$customerPackage->orderTimes()}}
												</button>
											@endif
										@endforeach
									</div>
									
							    </form>
						    </div><!--//app-card-body-->
						    
						</div><!--//app-card-->
	                </div>
					<hr class="my-4">

					<div class="col-12 col-md-4">
		                <h3 class="section-title">{{ __('message.withdraw setting') }}</h3>
		                <div class="section-intro">{{ __('message.the setting section introduces here. allowed admin setting customer open or close withdraw') }}</div>
	                </div>
	                <div class="col-12 col-md-8">
		                <div class="app-card app-card-settings shadow-sm p-4">						    
						    <div class="app-card-body">
							    <form class="settings-withdraw" id="withdraw-setting" method="POST" action="{{ route('customer.update-setting') }}">
								@csrf
								<input type="hidden" id="customer_id" name="customer_id" value="{!! isset($customer_id) ? $customer_id : 0 !!}">
								<input type="hidden" id="id" name="id" value="{!! isset($row['id']) ? $row['id'] : 0 !!}">
								<input type="hidden" id="description_id" name="description" value="{!! isset($row['description']) ? $row['description'] : '' !!}">
								    <div class="form-check form-switch mb-3">
										@if(isset($row))
											@if(isset($row->withdrawSetting->is_open) && $row->withdrawSetting->is_open == 1)
												<input class="pointer form-check-input" type="checkbox" id="settings-switch-1" value="1" name="is_open" checked>
											@else											
												<input class="pointer form-check-input" type="checkbox" id="settings-switch-1" value="0" name="is_open"> 
											@endif
										@else
											
										@endif
										<label class="form-check-label" for="settings-switch-1">{{ __('message.close withdraw') }}</label>
									</div>

									<div class="form-check form-switch mb-3">
										@if(isset($row))
											@if(isset($row->withdrawSetting->continue_send) && $row->withdrawSetting->continue_send == 1)
												<input class="pointer form-check-input" type="checkbox" id="settings-switch-2" value="1" name="continue_send" checked>
											@else
												<input class="pointer form-check-input" type="checkbox" id="settings-switch-2" value="0" name="continue_send">											
											@endif
										@else
											<input class="pointer form-check-input" type="checkbox" id="settings-switch-2" value="0" name="continue_send">
										@endif
										<label class="form-check-label" for="settings-switch-2">{{ __('message.send message') }}</label>
									</div>
									<hr class="my-4">

							    </form>
						    </div><!--//app-card-body-->						    
						</div><!--//app-card-->
	                </div>



                </div><!--//row-->
		    </div><!--//container-fluid-->
	    </div>
	@if (session('status'))
        <div class="alert alert-success">
            {{ session('status') }}
        </div>
    @endif
    <style>
		.pointer{
			cursor: pointer;
		}
	</style>
	<script type="text/javascript">
		// redirect back to listing page
		function redirect_back(){
        	location.href = '{{ url('/admin/customer') }}';
    	}

		$('#settings-switch-1').on('change', function (e) {
			var optionSelected = $(this).val();
			if(optionSelected == 1){
				$('#settings-switch-1').val(0);
				$('#settings-switch-2').val(0);
				$('#settings-switch-2').removeAttr('checked');
				$('#is_open').val(0);
				$('#id-msg').val(0);
				$('#message-setting').submit();
			} else {
				$('#settings-switch-1').val(1);
				$('#settings-switch-2').val(1);
				$('#is_open').val(1);
				$('#id-msg').val(1);
				$('#settings-switch-2').attr('checked','checked');
				$('#message-withdraw').removeAttr('style');
			}
		});

		$('#settings-switch-2').on('change', function (e) {
			var optionSelected2 = $(this).val();
			if(optionSelected2 == 1){
				$('#settings-switch-2').val(0);
				$('#id-msg').val(0);
				$('#settings-switch-2').removeAttr('checked');
			} else {
				$('#settings-switch-2').val(1);
				$('#id-msg').val(1);
				$('#settings-switch-2').attr('checked','checked');
			}
			$('#message-setting').submit();
		});

		function copyCode() {
		  var copyText = document.getElementById("account_code");

		  copyText.select();
		  copyText.setSelectionRange(0, 99999); // For mobile devices

		  navigator.clipboard.writeText("{{ asset('client/register') }}?referal_code="+copyText.value);
		  
		}
	</script>
 	@include('back-end.customer.message-withdraw')
@endsection