@extends('layouts.admin')
@section('title','Payment History')
@section('css')
<style>
  .disable {
    display: none;
  }
</style>
@endsection
@section('breadcrumb', 'Payment History')
@section('content')
<!--Action boxes-->
<div class="container-fluid">



  <div class="row-fluid">
    <div class="span12">

      <div class="widget-box">
        <div class="widget-title"> <span class="icon"><i class="icon-ok"></i></span>
          <h5>Payment History</h5>
          <div class="buttons"><select class="form-control timezone"></select></div>

        </div>
        <div class="widget-content">
          <table class="table table-bordered table-striped">
            <thead>
              <tr>
                <th>User</th>
                <th>Provider</th>
                <th>Payment ID</th>
                <th>Transaction ID</th>
                <th>Amount</th>
                <th>Date</th>
                <th>Transfer Group</th>
                <th>Action</th>
                <!-- <th>Status</th>

                  <th colspan="1">Action</th> -->

              </tr>
            </thead>
            <tbody>
              @if(count($paymenthistory)>0)
              @foreach($paymenthistory as $data)
              <tr class="odd gradeX">
                <td>@if(isset($data->user)){{$data->contact->user->userFirstName." ".$data->contact->user->userLastName}}@endif</td>
                <td>@if(isset($data->contact->provider)){{$data->contact->provider->userFirstName." ".$data->contact->provider->userLastName}}@endif</td>
                <td>{{$data->paymentid}}</td>
                <td>{{$data->balance_transaction}}</td>
                <td>{{$data->amount}}</td>
                <td class="utc" data-utc="{{date('Y/m/d H:i:s',strtotime($data->created_at)).' GMT'}}">{{$data->created_at}}</td>
                <td>{{$data->transfer_group}}</td>
                <td class="transfer_{{$data->id}}">
                  Done                </td>
                <!-- <td class="center"></td> -->
              </tr>
              @endforeach
              @endif
            </tbody>
          </table>
          @if(count($paymenthistory)>0)
          {{ $paymenthistory->links('vendor.pagination.default') }}
          @endif
        </div>
      </div>





    </div>


  </div>
</div>
</div>
<!--end-main-container-part-->
@endsection
@section('js')
<script src="https://cdnjs.cloudflare.com/ajax/libs/axios/0.18.0/axios.min.js"></script>
<script src="{{asset('js/timezones.full.js')}}"></script> 
<script>
$(document).ready(function() {
    $('.timezone').timezones();
    $('.utc').each(function() {
        var udate = $(this).attr('data-utc');
        var zone = $('.timezone').val();
        const str2 = new Date(udate).toLocaleString('en-US', { timeZone: zone });
        var date = new Date(udate).toString();

       // var index = date.lastIndexOf(':') +3
        //$(this).html(date.substring(0, index));
        $(this).html(str2);
        
        
    });
    $('.timezone').change(function(){
         $('.utc').each(function() {
        var udate = $(this).attr('data-utc');
        var zone = $('.timezone').val();
        const str2 = new Date(udate).toLocaleString('en-US', { timeZone: zone });
        var date = new Date(udate).toString();

       // var index = date.lastIndexOf(':') +3
        //$(this).html(date.substring(0, index));
        $(this).html(str2);
        
        
    });
    });

    });
  $(".edit").click(function(e) {
    e.preventDefault();
    c = confirm("Are you sure want to transfer ?");
    if (c == false)
      return false;
    var dataid = $(this).data('id');
    $(".transfer_" + dataid).html("Processing...");
    //aa = $(this);
    url = $(this).attr("href");
    axios.put(url)
      .then(function(response) {
        //console.log(response);
        $(".transfer_" + dataid).html(response.data);
      })
      .catch(function(error) {

        //ele.remove();
      });
  });
</script>
@endsection