@extends('layouts.app')
@section('css')
<style type="text/css">
	.customerPicture{
height:auto;
width: 100%;
 margin: auto;
 display: block;}
</style>
@endsection
@section('header')
<div class="header" style="padding:20px;">
<h5 style="font-weight: 600;"><i class="fa fa-plus"></i> Perform Customer KYC Check  </h5>
</div>
@endsection

@section('content')

<div class="row">
	<div class="col-sm-6">
		<div class="card mb-3">
			<div class="card-body">
				<div class="row">
					<div class="col-sm-3">
						@if(!isset($customer->picture))
<img src="{{ asset('/img/placeholder-person.png') }}" class="customerPicture">
@else
<img src="{{ asset(url('/').$customer->picture) }}" class="customerPicture">
@endif
					</div>
					<div class="col-sm-9">
						<h5 style="font-size: 14px; margin-top: 20px; font-weight: 700; color:#F00;">Please perform a KYC Authorisation for</h5>
						<h3> {{$customer->name}}</h3>
					</div>
				</div>
			</div>
		</div>
		<div class="card mb-3">
			<div class="card-body">
@if (session('status'))
    <div class="alert alert-danger">
        {{session('status')}}
    </div>
@endif
		<form action="{{url('/')}}/customer/{{$customer->id}}/saveKyc" method="POST" enctype="multipart/form-data">
			@csrf
			@if(in_array('email', $inputs))
			<div class="form-group">
				<label>Email</label>
				<input type="text" name="email"  class="form-control">
			</div>
			@endif
			@if(in_array('phone', $inputs))
			<div class="form-group">
				<label>Phone</label>
				<input type="text" name="phone"  class="form-control">
			</div>
			@endif
			@if(in_array('occupation', $inputs))
			<div class="form-group">
				<label>Occupation</label>
				@include('includes/occupations-full')
			</div>
			@endif
			@if(in_array('id_number', $inputs))
        	<div class="form-group">
        		<label>ID Number</label>
        		<input type="text" name="id_number" value="" class="form-control">
        	</div>
        	@endif
			@if(config('app.local') == true)
			<input type="hidden" name="local" value="1">
			@endif

			<div class="form-group">
				<button type="submit" class="btn btn-sm btn-warning"> <i class="fa fa-check"></i> Verify </button>
			</div>
		</form>
	</div>
</div>
	</div>
</div>
@endsection