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


@section('content')

<div class="row">
	<div class="col-sm-7">
		<div class="card mb-3">
			<div class="card-header">
				<div class="row">
					<div class="col-sm-4">Transaction details</div>
					<div class="col-sm-8">
			<form action="{{url('/')}}/forex/{{$forex->id}}" method="POST">
			@csrf
			<input type="hidden" name="_method" value="DELETE">
			<div class="btn-group">
			
			<a href="{{url('/')}}/forex/{{$forex->id}}/pdf" class="btn btn-sm btn-info" target="_blank"> <i class="fa fa-download"></i> PDF </a>
						<a href="{{url('/')}}/forex/{{$forex->id}}/excel" class="btn btn-sm btn-primary" target="_blank"> <i class="fa fa-download"></i> Excel </a>
			@if(!isset($forex->suspicious))
			<a class="btn btn-sm btn-secondary" style="color: #FFF;" data-toggle="modal" data-target="#suspicious"><i class="fa fa-exclamation-triangle"></i> Suspicious </a>
			@endif
			@can('edit_transaction', auth()->user())
			<a href="{{url('/')}}/forex/{{$forex->id}}/edit" class="btn btn-sm btn-warning"><i class="fa fa-edit"></i> Edit</a>
			@endcan
			
			@can('delete_transaction', 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="card-body">
				@if(isset($forex->suspicious))
				<div class="alert-light text-danger mb-3" style="border: 1px solid #F00; padding: 5px; border-radius:5px;">
					<span style="font-weight: 600;"><i class="fa fa-exclamation-triangle"></i> Flagged as suspicious</span> <span style="font-size: 11px; display:block;">{{date_format(date_create($forex->suspicious->created_at),'D dS M Y h:i:sa')}} by {{$forex->suspicious->user->name}}</span>
				<span class="text-dark"><b>Reason:</b> {{$forex->suspicious->reason}}</span>
				</div>
				@endif
				<table class="table table-condensed table-bordered">
					<tr>
						<th>Date</th>
						<td>{{date_format(date_create($forex->date.' '.$forex->time),'D dS M Y h:i:sa')}}</td>
					</tr>
					<tr>
						<th>Customer</th>
						<td>{{$forex->customer->name}}</td>
					</tr>
					<tr>
						<th>Branch</th>
						<td>{{$forex->branch->name}}</td>
					</tr>
					<tr>
						<th>Type of transaction</th>
						<td>{{$forex->type}}</td>
					</tr>
					<tr>
						<th>From</th>
						<td>{{$forex->fromCurrency->code.'. '.number_format($forex->from_amount,2)}}</td>
					</tr>
					<tr>
						<th>To</th>
						<td>{{$forex->toCurrency->code.'. '.number_format($forex->to_amount,2)}}</td>
					</tr>

					<tr>
						<th>Comments</th>
						<td>{{$forex->comments}}</td>
					</tr>

					<tr>
						<th>Created on</th>
						<td>{{date_format(date_create($forex->created_at),'D dS M Y h:i:sa')}}</td>
					</tr>
					<tr>
						<th>Created By</th>
						<td>{{$forex->user->name}}</td>
					</tr>
				</table>
			</div>
		</div>
	</div>

	<div class="col-sm-4">
		<div class="card">
			<div class="card-header">Customer Details</div>
			<div class="card-body">
				<table class="table table-condensed table-bordered">
					<tr>
						<th>Name</th>
						<td>{{$forex->customer->name}}</td>
					</tr>
					<tr>
						<th>Email</th>
						<td>{{$forex->customer->email}}</td>
					</tr>
					<tr>
						<th>Phone</th>
						<td>{{$forex->customer->phone}}</td>
					</tr>
				</table>
				<a href="{{url('/')}}/customer/{{$forex->customer->id}}" class="btn btn-sm btn-info"><i class="fa fa-eye"></i> Customer details</a>
			</div>
		</div>
	</div>
</div>


<!-- Modal -->
<div class="modal fade" id="suspicious" tabindex="-1" role="dialog" aria-labelledby="suspiciousLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="suspiciousLabel">Mark as suspicious</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('/')}}/suspicious" method="POST">
        	@csrf
        	<input type="hidden" name="forex_id" value="{{$forex->id}}">
        	<div class="form-group">
        		<label>Reason</label>
        		<textarea class="form-control" name="reason"></textarea>
        	</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> Save </button>
			</div>
        </form>
      </div>
    </div>
  </div>
</div>

@endsection