@extends('layouts.app')
@section('title')
payment-transcations Lists
@endsection
@section('content')

    <div class="row card">


        <div class="mt-3 card-body card-white mb-4">
            <div class="card-header py-3 d-flex flex-row align-items-center justify-content-between">
                <h6 class="m-0 font-weight-normal text-head-color">Payment Transcations Lists 
                    <b> Total : {{ $PaymentTranscationsCount ? $PaymentTranscationsCount : 0 }}  </b></h6>
            </div>
            <br>
            <div id='loader'></div>
            <form action="{{ route('payment-transcations') }}" method="GET" enctype="multipart/form-data">
                <div class="row">
                    <div class=" form-group col-md-2">
                        <label> Search by Application Number </label>
                        <input type="text"  name="ApplicationNumber" value="{{ Request::get('ApplicationNumber') }}"
                            placeholder="Search by Application Number" class="form-control ApplicationNumber">
                    </div>

                    <div class="form-group col-md-2">
                        <label>Select Status</label>
                        <select class="form-control" name="PaymentStatus">
                            <option value="">Select</option>
                                <option value="Failure" @if (Request::get('PaymentStatus') == 'Failure') selected @endif>
                                    Failure</option>
                                    <option value="Success" @if (Request::get('PaymentStatus') == 'Success') selected @endif>
                                        Success</option>
                        </select>
                    </div>

                    <div class="form-group col-md-2">
                        <label>Select Project</label>
                        <select class="form-control config" name="config">
                            <option value="">Select</option>
                            @foreach ($MISConfigurations as $MISConfigurationl)
                                <option value="{{ $MISConfigurationl->ID }}" @if (Request::get('config') == $MISConfigurationl->ID) selected @endif>
                                    {{ $MISConfigurationl->Name }}</option>
                            @endforeach
                        </select>
                    </div>


                    <div class="form-group col-md-4 action-button">
                        <button type="submit" class="btn btn-success"><i style="font-size:20px" class="fa">&#xf002;</i>
                            Search</button>
                            

                        <a class="btn btn-dark" href="{{ route('payment-transcations') }}">Clear</a>
                       

                        <div class="loader-div">
                            <img class="loader-img" src="assets/images/loader.gif" style="height: 120px;width: auto;" />
                        </div>
                        
                        <div class="col-lg-12 form-group">
                            <div class="alert alert-success" id="success" style="display: none;">
                                <strong>Success!</strong> Indicates a successful or positive action.
                            </div>
                        </div>

                        

                    </div>
             
                   
                </div>
            </form>
            <div class="mt-2 mb-4">
                    <table class="table table-bordered">
                        <thead>
                            <tr>
                                <th>S.No</th>
                                <th>Application No</th>
                                <th>Invoice Code </th>
                                <th>Payment Amount</th>
                                <th>Payment Status </th>
                                <th>Payment Gateway</th>
                                <th>Action </th>
                               

                            </tr>
                        </thead>
                        <tbody>
                            @if (count($PaymentTranscations) > 0)
                                @foreach ($PaymentTranscations as $key => $PaymentTranscation)
                                    <tr>
                                        <td>{{ $key + 1 }}</td>
                                        <td> {{ @$PaymentTranscation->ApplicationNumber ? $PaymentTranscation->ApplicationNumber : null }}
                                        </td>
                                        <td> {{ @$PaymentTranscation->InvoiceCode ? $PaymentTranscation->InvoiceCode : null }}
                                        </td>
                                        <td>{{ @$PaymentTranscation->PaidAmount ? $PaymentTranscation->PaidAmount : null }}
                                        </td>
                                        <td>{{ @$PaymentTranscation->PaymentStatus ? $PaymentTranscation->PaymentStatus : null }}

                                        </td>
                                        <td>
                                            {{ @$PaymentTranscation->GatewayName ? $PaymentTranscation->GatewayName : null }}
                                        </td>
                                        
                                        <td>  
                                            @if(@$PaymentTranscation->PaymentStatus=='Failure' AND !empty(@$ConfigSetting->PaymentURL))
                                            <button type="button" onclick="payNow('{{trim(@$ConfigSetting->PaymentURL)}}','{{trim($PaymentTranscation->InvoiceCode)}}')" class="btn btn-warning">
                                               Update Status
                                             </button>
                                            @else
                                            -
                                            @endif
                                        </td>
                                        
                                    </tr>
                                @endforeach
                            @else
                                <tr>
                                    <td colspan="11">
                                        <center>No Data Found !!</center>
                                    </td>
                                </tr>
                            @endif
                        </tbody>
                    </table>
                    @if (count($PaymentTranscations) > 0)
                    {!! $PaymentTranscations->appends(request()->query())->links('pagination::bootstrap-4') !!}
                    @endif
            </div>



        </div>
    </div>

<!-- /.modal -->
    <div style="text-align: center;" class="modal fade " tabindex="-1" role="dialog" id="myModal">
    <div class="modal-dialog centered" role="document">
        <div class="modal-content">
           
            <div id="payment-response" class="modal-body text-success">
               
            </div>
            <div class="modal-footer">
                <div class="col-md-12 text-center">
                    <button type="button" class="btn btn-primary close">Close</button>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div>
</div>


<!-- /.modal -->
    @endsection
    <style type="text/css">
    .form-group.col-md-4.action-button {
    padding-top: 27px;
}
		.loader-div {
			display: none;
			position: fixed;
			margin: 0px;
			padding: 0px;
			right: 0px;
			top: 0px;
			width: 100%;
			height: 100%;
			background-color: #fff;
			z-index: 30001;
			opacity: 0.8;
		}
		.loader-img {
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
			margin: auto;
		}
	</style>

    @push('js')
    <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.4/moment.min.js"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
    <script type="text/javascript">

function payNow(paymentURL, InvoiceCode) 
  {
    let PaymentUrlFinal = paymentURL+InvoiceCode;
    //alert(PaymentUrlFinal);
   
    $.ajax({
        type: "GET",
        url: PaymentUrlFinal,
        dataType: 'json',
          cors: true ,
          contentType:'application/json',
          secure: true,
                    headers: {
                        'Access-Control-Allow-Origin': '*',
                    },
        success: function(result) {
            if(result.status=='true'){
            var msg= "<h5 class='text-success'>Payment Status updated successfully.</h5>";
            }else{
                var msg= "<h5 class='text-success'>Something went wrong.</h5>";
            }
            $('#payment-response').html(msg);
           $('#myModal').modal('show');
        },
        error: function(result) {
           var msg= "<h5 class='text-danger'>Something went wrong.</h5>";
           $('#payment-response').html(msg);
           $('#myModal').modal('show');
        }
    });
  }

  $('.close').on('click', function(e) {
            $('#myModal').modal('hide');
            e.preventDefault();
            window.location.reload();
        });

    </script>
    @endpush