@extends('layouts.app')

@section('title') Transaction History @endsection

@section('content')

@if (\Session::has('success'))
    <div class="alert alert-success mt-1 tac">
        <a class="close" data-dismiss="alert" aria-label="close">&times;</a>
        <ul>
            <li>{{ \Session::get('success') }}</li>
        </ul>
    </div>
@endif
@if ($errors->any())
    <div class="alert alert-danger">
        <ul>
            @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
@endif
@if (isset($error))
    <div class="alert alert-danger mt-1 tac">
        <a class="close" data-dismiss="alert" aria-label="close">&times;</a>
        <ul>
            <li>{{ $error }}</li>
        </ul>
    </div>
@endif
@if(isset($user_role) && $user_role == 1 || $user_role == 2)
<section class="content top-head">
    <div class="row">
        <div class="col-md-6 pt-10 sm-text-left clearfix">
            <div class="box box-primary border-no">
                <form action="{{ route('transaction.charge') }}" method="GET" id="getTransaction">
                	<div class="input_container" style="float: right;min-width: 235px;"> 
                	<label for="user_id">Select User</label>
                    <select name="user_id" id="charge_user_id" class="form-control select2" style="width: 235px">
                        <option value="" >Please select User</option>
                         @if(isset($users) && count($users) > 0)
                        @foreach($users as $user)
                        <option value="{{$user->id}}" {{$user->stripe_id == $stripeId ? "selected" : ''}}>{{$user->name.' '. $user->last_name}}</option>
                        @endforeach
                        @else
                        <option value="" disabled>No user Found</option>
                        @endif
                    </select>
                    <button class="btn btn-primary" type="button" id="charge_reset">Reset</button>
                  </div>
                    <!-- <button type="submit">Get Transactions</button> -->
                </form>
            </div>
        </div>
    </div>
</section>
@endif
<section class="content top-head">
    <div class="row">
        <div class="col-md-12">
            <div class="box box-primary border-no">
                <div class="box-header with-border blue-back">
                    <h3 class="box-title">{{ __('Transaction History') }}</h3>
                </div>
                <!-- /.box-header -->
                <!-- Table -->
                <div class="box-body">
                    <div class="table-responsive">
                        <table class="table table-bordered">
                            <thead>
                                <tr>
                                    <th>Name</th>
                                    <!-- <th>Email</th> -->
                                    <th>Amount</th>
                                    <th>Status</th>
                                    <th>Transaction ID</th>                                    
                                    <th>Transaction Type</th>                                    
                                    <th>Stripe ID</th>
                                    <th>Last 4</th>                                    
                                    <th>Created On</th>                                    
                                    <!-- <th>Receipt</th> -->
                                    <th>Receipt</th>                                    
                                    <!-- Add more table headers as needed -->
                                </tr>
                            </thead>
                            <tbody>
                            	@if(isset($formattedCharges) && count($formattedCharges) > 0)
                                @foreach($formattedCharges as $charge)
                                <tr @if($charge['status'] != 'succeeded') style="background-color: lightyellow;" @endif>
                                    <td>{{ $charge['name'] }}</td>
                                    <!-- <td>{{ $charge['email'] }}</td> -->
                                    <td>${{ number_format(bcdiv($charge['amount'],100,2),2) }}</td>
                                    <td><strong>{{ ucwords($charge['status']) }}</strong></td>
                                    <td>{{ $charge['transaction_id'] }}</td>
                                    <td>{{ ucwords($charge['transaction_type']) }}</td>
                                    <td>{{ $charge['stripe_id'] }}</td>
                                    <td><strong>@if(!empty($charge['last4']))&#183;&#183;&#183;&#183;&nbsp;@endif{{ $charge['last4'] }}</strong></td>
                                    <td>{{ date('m-d-Y',$charge['created']) }}</td>
                                    <!-- <td><a href="{{ $charge['receipt_url'] }}" target="_blank">Get Receipt</a></td> -->
                                    <td>
                                        @if(isset($charge['charge_id']) && !empty($charge['charge_id']) && isset($charge['user_id']) && !empty($charge['user_id']))
                                            <div class="btn-group">
                                                <a href="{{ route('receipt.preview', $charge['charge_id']) }}?user_id={{ $charge['user_id'] }}" 
                                                   target="_blank" 
                                                   class="btn btn-sm btn-info" 
                                                   title="Preview Custom Receipt">
                                                    <i class="fa fa-eye"></i> Receipt
                                                </a>
                                                <a href="{{ route('receipt.generate', $charge['charge_id']) }}?user_id={{ $charge['user_id'] }}" 
                                                   class="btn btn-sm btn-success" 
                                                   title="Download Custom Receipt">
                                                    <i class="fa fa-download"></i> Download
                                                </a>
                                            </div>
                                        @else
                                            <span class="text-muted">N/A</span>
                                        @endif
                                    </td>
                                    <!-- Add more table cells as needed -->
                                </tr>
                                @endforeach
                                @else
                                <tr>
                                    <td colspan="10">No Records Found.</td>
                                </tr>
                               @endif
                            </tbody>
                        </table>
                    </div>
                    <!-- Pagination Links -->
                    <div class="pagination" style="display:flex;justify-content: space-between;">
                        @if(isset($firstChargeId) && $currentPage > 1)
                            <a href="{{ route('transaction.charge', ['starting_after' => null, 'ending_before' => $firstChargeId,'page' => $currentPage - 1]) }}">Previous Page</a>
                        @else
                        &nbsp;
                        @endif
                        @if(isset($lastChargeId) && count($formattedCharges) == $perPage)
                            <a href="{{ route('transaction.charge', ['starting_after' => $lastChargeId,'page' => $currentPage + 1]) }}">Next Page</a>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<script type="text/javascript">
    $(document).on('change','#charge_user_id',function (){
        var id = $(this).val();
        if(id != '') {
            $('#getTransaction').submit();
        }
    })

    $(document).on('click','#charge_reset', function (){
    	window.location.href = "{{ route('transaction.charge') }}";
    })
</script>   
@endsection