@extends('layouts.app')

@section('content')
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css" />

<!-- Basic Data Tables -->
<!--===================================================-->
<div class="panel">
    <div class="panel-heading bord-btm clearfix pad-all h-100">
        <h3 class="panel-title pull-left pad-no">Settled Payment</h3>
        <div class="pull-right clearfix">
            <form class="" id="sort_orders" action="" method="GET">

               <div class="box-inline pad-rgt pull-left">
                    <div  style="min-width: 200px;">
                        <div id="reportrange" style="background: #fff; cursor: pointer; padding: 5px 10px; border: 1px solid #ccc; width: 100%" >
                            <i class="fa fa-calendar"></i>&nbsp;
                            <span></span> <i class="fa fa-caret-down"></i>
                        </div>
                    </div>
                </div>
                <input type="hidden" class="form-control" name="dateRangeStart">
                <input type="hidden" class="form-control" name="dateRangeEnd">
                @if(@$days_between != null && @$endDayFromCurrentDate == null)
                <input type="hidden" name="start" value="{{@$days_between}}">
                @endif              
                <input type="hidden" name="endDate" value="{{@$endDayFromCurrentDate}}">
                <input type="hidden" name="startDate" value="{{@$startDayFromCurrentDate}}">  
                <div class="box-inline pad-rgt pull-left">
                    <div class="" style="min-width: 200px;">
                        <input type="text" class="form-control" id="search" name="search"@isset($sort_search) value="{{ $sort_search }}" @endisset placeholder="Type Order ID, Name, Email, Phone & hit enter">
                    </div>
                </div>            
            </form>
        </div>
    </div>

    <div class="panel-body">
        <table class="table table-striped res-table mar-no" cellspacing="0" width="100%">
            <thead>
                <tr>
                    <th>#</th>
                    <th>Order ID</th>
                    <th>Payment Method</th>
                    <th>Pay ID</th>
                    <th>Customer</th>
                    <th>Amount</th>
                    <th>Payment Status</th>
                    <th>order Date</th>
                    @if(Auth::user()->id != "320")
                    <th width="10%">Options</th>
                    @endif
                </tr>
            </thead>
            <tbody>

                @foreach ($log as $key => $value)
                    @php
                        $order = \App\Order::find($value->order_id);
                    @endphp
                    @if($order != null)
                        <tr>
                            <td>
                                   {{ ($key+1) + ($log->currentPage() - 1)*$log->perPage() }}
                            </td>
                            <td>
                                {{ $order->code }} @if($order->viewed == 0) <span class="pull-right badge badge-info">{{ translate('New') }}</span> @endif
                            </td>
                              <td>
                                @if(@$order->payment_type == "letzpay_payment")
                                    {{ ucfirst("letzpay") }}
                                @else
                                     {{ ucfirst(str_replace('_', ' ', @$order->payment_type)) }}
                                @endif
                            </td>
                            <td>
                                @if(@$order->payment_type == "razorpay")                                  
                                    {{(!empty(json_decode(@$order->payment_details)->id)) ? json_decode(@$order->payment_details)->id : 'NA'}} 
                                @elseif(@$order->payment_type == "letzpay_payment")   
                                   {{(!empty(json_decode(@$order->payment_details)->TXN_ID)) ? json_decode(@$order->payment_details)->TXN_ID : 'NA'}}     
                                @else
                                    N/A
                                @endif
                            </td>
                         
                            
                            <td>
                                @if ($order->user != null)
                                    {{ @$order->user->name }}
                                @else
                                    Guest ({{ @$order->guest_id }})
                                @endif
                            </td>
                            <td>
                               {{ single_price(@$order->grand_total)}}
                            </td>

                          
                            <td>
                                <span class="badge badge--2 mr-4">
                              
                                    @if (@$order->payment_status == 'paid')
                                        <i class="bg-green"></i> Paid
                                    @elseif(@$order->payment_status == 'failed')
                                        <i class="bg-green"></i> Failed
                                    @else
                                        <i class="bg-red"></i> Unpaid
                                    @endif
                                </span>
                            </td>
                            <td>
                                @if($order->payment_type == 'letzpay')
                                @php $orderDate = DB::table('order_old_created')->where('id', $order->id)->first(); @endphp
                                    {{ @$orderDate->created_at }}
                                @else
                                    {{ date('d-m-Y h:i A', @$order->date) }}
                                @endif
                            </td>
                            
                            @if(Auth::user()->id != "320")
                            <td>
                                <div class="btn-group dropdown">
                                    <button class="btn btn-primary dropdown-toggle dropdown-toggle-icon" data-toggle="dropdown" type="button">
                                        Actions <i class="dropdown-caret"></i>
                                    </button>
                                    <ul class="dropdown-menu dropdown-menu-right">
                                        <li><a href="{{ route('orders.show', encrypt($order->id)) }}">View</a></li>  
                                        <li><a href="javascript:void(0);" onclick="show_payment_details('{{encrypt($order->id)}}');">Payment Status</a></li>
                                        <li><a href="javascript:void(0);" onclick="show_payment_settled_details('{{encrypt($order->id)}}');">Settled Response</a></li>
                                        @if($order->payment_status == "failed")
                                        <li><a href="{{ route('payment.settled.orderplace', encrypt($order->id)) }}">Order Confirm</a></li>
                                        @endif
                                        @if($order->payment_status == "paid")
                                            <li><a href="{{ route('order.confirmation', encrypt($order->id)) }}">Order Confirmation Notification</a></li>
                                        @endif

                                    </ul>
                                </div>
                            </td>
                            @endif
                        </tr>
                    @endif
                @endforeach
            </tbody>
        </table>
        <div class="clearfix">
            <div class="pull-right">
               {{ $log->appends(request()->input())->links() }}
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="payment_modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-md">
        <div class="modal-content" id="modal-content">

        </div>
    </div>
</div>
<div class="modal fade" id="payment_settled_modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-md">
        <div class="modal-content" id="modal-content">

        </div>
    </div>
</div>
@endsection


@section('script')
<script type="text/javascript" src="https://cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js"></script>
    <script type="text/javascript">

    function sort_orders(el){
        $('#sort_orders').submit();
    }

    $(function() {
        var returnDays =  $('input[name="start"]').val();
        var endDate = $('input[name="endDate"]').val();
        var startDate = $('input[name="startDate"]').val();
        console.log(startDate);
        console.log(endDate);
        if(returnDays != "" && startDate == ""){ 
                     
            var start =moment().subtract(returnDays, 'days');
        }
        else if(startDate != "" ){
            var start =moment().subtract(startDate, 'days');
        }
        else{
            var start = moment().subtract(89, 'days');
        }

        if(endDate != "" && endDate != startDate){          
           var end =moment().subtract(endDate , 'days');
        }else{
            var end = moment();
        }
          //var end = moment();
       
        function cb(start, end) {
            $('#reportrange span').html(start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY'));
            lstart = moment($('#reportrange').data('daterangepicker').startDate).format('DD-MM-YYYY'),
            lend = moment($('#reportrange').data('daterangepicker').endDate).format('DD-MM-YYYY');
            $('input[name="dateRangeStart"]').val(lstart);
            $('input[name="dateRangeEnd"]').val(lend);
            
        }

        $('#reportrange').daterangepicker({
            startDate: start,
            endDate: end,
            maxDate: end,
            ranges: {
               'Today': [moment(), moment()],
               'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
               'Last 7 Days': [moment().subtract(6, 'days'), moment()],
               'Last 30 Days': [moment().subtract(29, 'days'), moment()],
               'Last 90 Days': [moment().subtract(89, 'days'), moment()],
               'This Month': [moment().startOf('month'), moment().endOf('month')],
               'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
            }
        }, cb);
        $('#reportrange').on('apply.daterangepicker', (e, picker) => {
            $('#sort_orders').submit();
        });
        cb(start, end);
        

    });


    function show_payment_details(id){
        $.post('{{ route('payment_settled.details') }}',{_token:'{{ @csrf_token() }}', id:id}, function(data){
            $('#payment_modal #modal-content').html(data);
            $('#payment_modal').modal('show', {backdrop: 'static'});
        });
    }

    function show_payment_settled_details(id){
        $.post('{{ route('payment.settled.details') }}',{_token:'{{ @csrf_token() }}', id:id}, function(data){
            $('#payment_settled_modal #modal-content').html(data);
            $('#payment_settled_modal').modal('show', {backdrop: 'static'});
        });
    }


    </script>
  
@endsection