@extends('layouts.app')
@section('header')
<div class="header" style="padding:20px;">
	<div class="row">
		<div class="col-sm-5">
<h5 style="font-weight: 600;"><i class="fa fa-table"></i> Customer details </h5>
</div>

<div class="col-sm-7">
	@can('create_transaction', auth()->user())
	<div class="btn-group">				
		<a  href="{{url('/')}}/transfer/{{$customer->id}}/create" class="btn btn-md btn-success"><i class="fa fa-plus"></i> Create money transfer</a>
		<a  href="{{url('/')}}/forex/{{$customer->id}}/create" class="btn btn-md btn-warning"><i class="fa fa-plus"></i> Create forex transaction</a>
		<a class="btn btn-md btn-info" data-toggle="modal" data-target="#idDocument"><i class="fa fa-plus"></i> Upload ID Document </a>
	</div>
	@endcan
</div>
</div>
</div>
@endsection
@section('content')
<div class="row">
	<div class="col-sm-4">
		<div class="card mb-3">
			<div class="card-body">
				@if(!isset($customer->picture))
				<div class="col-sm-12">
				<img src="{{ asset('/img/placeholder-person.png') }}" class="customerPicture">
				<a href="{{url('/')}}/customerPicture/{{$customer->id}}" class="btn btn-sm btn-light customerButton"><i class="fa fa-plus"></i> Add picture</a>
				</div>

				@else
				<div class="col-sm-12">
				<img src="{{ asset(url('/').$customer->picture) }}" class="customerPicture">
				<a href="{{url('/')}}/customerPicture/{{$customer->id}}" class="btn btn-sm btn-light customerButton"><i class="fa fa-edit"></i> Update</a>
				</div>
				@endif
				<table class="table table-condensed table-bordered mt-2">
					<tr>
						<th>Name</th>
						<td>{{$customer->name}}</td>
					</tr>
					<tr>
						<th>Email</th>
						<td>{{$customer->email}}</td>
					</tr>
					<tr>
						<th>Phone</th>
						<td>{{$customer->phone}}</td>
					</tr>
					<tr>
						<th>Occupation</th>
						<td>{{$customer->occupation}}</td>
					</tr>
					@if($customer->has_id)
					<tr><th colspan="2">ID DOCUMENTS</th></tr>
					@foreach($customer->idDocuments as $idDocument)
					<tr>
						<th>Number: {{$idDocument->number}}</th>
						<td><a href="{{url('/')}}/{{$idDocument->scan}}" target="_blank"> <i class="fa fa-file-pdf"></i> {{$idDocument->type}} </a>


							<form action="{{url('/')}}/idDocument/{{$idDocument->id}}" method="POST" style="position: absolute; display:contents;">
								@csrf
								@method('DELETE')
								@can('delete_customer', auth()->user())
								<button type="submit" class="btn btn-sm btn-danger"><i class="fa fa-trash"></i></button>
								@endcan
							</form>

						</td>
					</tr>
					@endforeach
					@else
					<tr>
						<td colspan="2">Please upload an ID document <a class="btn btn-sm btn-info" data-toggle="modal" data-target="#idDocument"> Upload scan </a></td>
					</tr>
					@endif

					<tr>
						<th>Address</th>
						<td>{{$customer->address}}</td>
					</tr>

					<tr>
						<th>Comment</th>
						<td>{{$customer->comment}}</td>
					</tr>
					<tr>
						<th>Created on</th>
						<td>{{date_format(date_create($customer->created_at),'D dS M Y h:i:sa')}}</td>
					</tr>
					<tr>
						<th>Created by</th>
						<td>{{$customer->user->name}}</td>
					</tr>
				</table>
				<form action="{{url('/')}}/customer/{{$customer->id}}" method="POST">
					@csrf
					<input type="hidden" name="_method" value="DELETE">
					<div class="btn-group">
					@can('edit_customer', auth()->user())
					<a href="{{url('/')}}/customer/{{$customer->id}}/edit" class="btn btn-sm btn-warning"><i class="fa fa-edit"></i> Edit</a>
					@endcan
					@can('delete_customer', auth()->user())
					<button type="submit" class="btn btn-sm btn-danger"><i class="fa fa-trash"></i> Delete </button>
					@endcan
					</div>
				</form>
			</div>
		</div>
	</div>
	<div class="col-sm-8">
		<div class="card">
			<div class="card-body">
		<ul class="nav nav-tabs" id="myTab" role="tablist">
  <li class="nav-item">
    <a class="nav-link active" id="transfer-tab" data-toggle="tab" href="#transfer" role="tab" aria-controls="transfer" aria-selected="true">Money Transfers</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" id="forex-tab" data-toggle="tab" href="#forex" role="tab" aria-controls="forex" aria-selected="false">Forex transactions</a>
  </li>
</ul>
<div class="tab-content" id="myTabContent">
  <div class="tab-pane fade show active" id="transfer" role="tabpanel" aria-labelledby="transfer-tab">
  <table class="table table-condensed table-bordered table-striped mt-3">
			<thead>
				<tr>
					<th>Date</th>
					<th>Branch</th>
					<th>Type</th>
					<th>Provider</th>
					<th>Amount</th>
					<th></th>
				</tr>
				<tr>
				
	    <form action="" method="POST" enctype="multipart/form-data">
            @csrf
            <div class="btn-group">
            	<a href="{{url('/')}}/transfer/{{$customer->id}}/fileTransferExcel" class="btn btn-sm btn-success" target="_blank"> <i class="fa fa-download"></i> Generate Excel </a>
            
            	</div>
        </form>
        	
	 		 	
				</tr>
			</thead>
			<tbody>
				@foreach($customer->transfers as $transfer)
				<tr>
					<td>{{date_format(date_create($transfer->date.' '.$transfer->time),'D dS M Y h:i:sa')}}</td>
					<td>{{$transfer->branch->name}}</td>
					<td>{{$transfer->type}}</td>
					<td>{{$transfer->transferProvider->name??'Not Set'}}</td>
					<td>{{number_format($transfer->amount,2)}}</td>
					<td><a class="btn btn-info btn-sm" href="{{url('/')}}/transfer/{{$transfer->id}}"><i class="fa fa-eye"></i> view</a></td>
				</tr>
				@endforeach
			</tbody>
		</table>
	</div>
  <div class="tab-pane fade" id="forex" role="tabpanel" aria-labelledby="forex-tab">
  	
  	<table class="table table-condensed table-bordered table-striped mt-3">
			<thead>
				<tr>
					<th>Date</th>
					<th>Branch</th>
					<th>From</th>
					<th>To</th>
					<th></th>
				</tr>
				<tr>
				 <form action="/forex-export" method="POST" enctype="multipart/form-data">
            @csrf
            		<a href="{{url('/')}}/forex/{{$customer->id}}/file-export" class="btn btn-sm btn-warning" target="_blank"> <i class="fa fa-download"></i> Generate Excel </a>
        </form>
				</tr>
			</thead>
			<tbody>
				@foreach($customer->forexes as $forex)
				<tr>
					<td>{{date_format(date_create($forex->date.' '.$forex->time),'D dS M Y h:i:sa')}}</td>
					<td>{{$forex->branch->name}}</td>
					<td>{{$forex->fromCurrency->code.'. '.number_format($forex->from_amount,2)}}</td>
					<td>{{$forex->toCurrency->code.'. '.number_format($forex->to_amount,2)}}</td>
					<td><a class="btn btn-info btn-sm" href="{{url('/')}}/forex/{{$forex->id}}"><i class="fa fa-eye"></i> view</a></td>
				</tr>
				@endforeach
			</tbody>
		</table>

  </div>
</div>
	</div>
</div>
</div>
</div>


<!-- Modal -->
<div class="modal fade" id="idDocument" tabindex="-1" role="dialog" aria-labelledby="idDocumentLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="idDocumentLabel">Upload Identification Document</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <form action="{{url('/')}}/idDocument" method="POST" enctype="multipart/form-data">
        	@csrf
        	<input type="hidden" name="customer_id" value="{{$customer->id}}">
        	<div class="form-group">
        		<label>Type</label>
        		<select name="type" class="form-control">
        			<option>National ID</option>
        			<option>Military ID</option>
        			<option>Passport</option>
        			<option>Refugee Card</option>
        		</select>
        	</div>
        	<div class="form-group">
        		<label>Number</label>
        		<input type="text" name="number" class="form-control">
        	</div>
        	<div class="form-group">
        		<label>Scan</label>
        		<input type="file" name="file" class="form-control-file">
        	</div>
        	@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-danger"> <i class="fa fa-save"></i> Upload </button>
			</div>
        </form>
      </div>
    </div>
  </div>
</div>

@endsection