@extends('_layout.layout')

@section('title') {{$apiUser->firstname}} {{$apiUser->lastname}} Payments
@endsection

@section('header')
<h1> <a href="{{route('getCompanyDetails',$apiUser->company_id)}}">{{$apiUser->company->name}}</a> <small>Customer Payments - <strong><a href="{{route('getApiUserDetails',$apiUser->id)}}">{{$apiUser->firstname.' '.$apiUser->lastname}}</a></strong></small></h1>
@endsection


@section('content')

<div class="row">
  <div class="col-lg-12">
    <div class="portlet box red-sunglo">
      <div class="portlet-title">
        <div class="caption"><i class="icon-credit-card"></i><span class="caption-subject bold uppercase">Payments</span></div>
      </div>
      <div class="portlet-body">
        <div class="table-responsive">
          @if ($payments->count()>0)
          <table class="table table-striped table-bordered table-hover"><tbody>
          <tr>
            <th style="vertical-align:middle;">Platform</th>
            <th style="vertical-align:middle;">Type</th>
            <th style="vertical-align:middle;">Amount</th>
            <th style="vertical-align:middle;">Transaction ID</th>
            <th style="vertical-align:middle;">Original Transaction ID</th>
            <th style="vertical-align:middle;">Date</th>
            <th style="vertical-align:middle;">Platform Product ID</th>
            <th style="vertical-align:middle;">Platform Product Name</th>
            @if (auth()->user()->role==\App\PlatformUser::ROLE_DEVELOPER)
            <th style="vertical-align:middle;">Actions</th>
            @endif
          </tr>
          @foreach($payments as $payment)
          <tr>
            <td>{{\App\Licence::getPlatformName($payment->platform)}}</td>
            <td>{{\App\PurchaseRequest::getTypeDescription($payment->type)}}</td>
            <td>{{$payment->amount}}</td>
            <td>{{$payment->transaction_id}}</td>
            <td>{{$payment->original_transaction_id}}</td>
            <td>{{$payment->purchase_date}}</td>
            <td>{{$payment->product_id}}</td>
            <td>{{$payment->product_name}}</td>
            @if (auth()->user()->role==\App\PlatformUser::ROLE_DEVELOPER)
            <td><a target="_blank" href="{{route('getPaymentReceipt',$payment->id)}}">Check receipt</a></td>
            @endif
          </tr>
          @endforeach
        </tbody></table>
          @if ($payments->lastPage()>1)
          <div class="pull-right">
            {{ $payments->links() }}
          </div>
          @endif
        @else
        No data
        @endif
        </div>
      </div>
    </div>
  </div>
</div>
@endsection


@section('page-script')
<script>
  $(".activateItemForm button").on('click', function (e) {
      e.preventDefault();
      $('#confirmModal .modal-title').text('Confirm staus change of the device:  '+$(this).parent().data('item-data'));
      $('#confirmModal .modal-body').html('Are you sure you want to change the status of the device?');
      $('#confirmModal-confirmButton').data('item-id',$(this).parent().data('item-id'));
      $('#confirmModal').modal('show');
  });

  $(".deleteItemForm button").on('click', function (e) {
      e.preventDefault();
      $('#deleteModal .modal-title').text('Confirm delete the device:  '+$(this).parent().data('item-data'));
      $('#deleteModal .modal-body').html('Are you sure you want to delete the device?');
      $('#deleteModal-confirmButton').data('item-id',$(this).parent().data('item-id'));
      $('#deleteModal').modal('show');
  });

  $('#deleteModal-confirmButton').on('click', function (e) {
      $("#deleteItemForm"+$(this).data('item-id')).submit();
  });
  $('#confirmModal-confirmButton').on('click', function (e) {
      $("#activateItemForm"+$(this).data('item-id')).submit();
  });

</script>
@endsection

@section('page-css')

@endsection