@extends('layouts.admin')
@section('title')
    @if (request()->routeIs('admin.withdraw.pending'))
         @lang('Pending Withdraws')
    @elseif (request()->routeIs('admin.withdraw.successful'))
          @lang('Successful Withdraws')
    @elseif(request()->routeIs('admin.withdraw.failed'))
          @lang('Failed Withdraws')
    @else
        All Withdraws
        @endif
@endsection
@section('breadcrumb')
 <section class="section">
        <div class="section-header">
            @if (request()->routeIs('admin.withdraw.pending'))
            <h1>@lang('Pending Withdraws')</h1>
            @elseif (request()->routeIs('admin.withdraw.successful'))
            <h1>@lang('Successful Withdraws')</h1>
            @else
                <h1>@lang('Failed Withdraws')</h1>
            @endif
        </div>
</section>
@endsection
@section('content')

    <div class="row">

        <div class="col-12 col-md-12 col-lg-12">
            <div class="card">
                <div class="card-header d-flex justify-content-end">
                    <form action="" class="mb-2">
                        <div class="form-group mr-2 mb-0">
                            <div class="input-group">
                                <input type="text" class="form-control" name="search" placeholder="@lang('Transaction ID')">
                                <div class="input-group-append">
                                    <button class="input-group-text btn btn-primary text-white border-0" id="my-addon"><i class="fas fa-search"></i></button>
                                </div>
                            </div>
                        </div>
                    </form>


                    <form action="" class="mb-2">
                        <div class="form-group mr-2 mb-0">
                            <div class="input-group has_append">
                                <input name="range" type="text" data-range="true" data-multiple-dates-separator=" - " data-language="en" class="datepicker-here form-control" data-position='bottom right' placeholder="@lang('From date - To date')" autocomplete="off" value="{{@$range}}">

                                <div class="input-group-append">
                                    <button class="btn btn-primary" type="submit"><i class="fa fa-search"></i></button>
                                </div>
                            </div>
                        </div>
                    </form>



                </div>
                <div class="card-body text-center">
                    <div class="table-responsive">
                        <table class="table table-striped">
                            <tr>
                                <th>@lang('Sl')</th>
                                <th>@lang('User')</th>
                                <th>Description</th>
                                <th>@lang('Withdraw Amount')</th>
                                <th>@lang('Charge')</th>
                                <th>@lang('status')</th>
                                <th>@lang('Status Message')</th>
                                <th>@lang('Action')</th>

                            </tr>
                            @forelse ($withdrawlogs as $key => $withdrawlog)
                                <tr>
                                    <td data-label="@lang('Sl')">{{$key + $withdrawlogs->firstItem()}}</td>

                                    <td data-label="@lang('User')">
                                        @if($withdrawlog->user)
                                        {{$withdrawlog->user->email.'(user)'}}
                                        @elseif($withdrawlog->merchant)
                                        {{$withdrawlog->merchant->email.'(merchant)'}}
                                        @elseif(@$withdrawlog->agent)
                                        {{@$withdrawlog->agent->email.'(agent)'}}
                                        @endif
                                    </td>

                                    <td data-label="Description">{{$withdrawlog->descriptions}}</td>
                                    <td data-label="@lang('Withdraw Amount')">{{toMoney($withdrawlog->amount) }}</td>

                                    <td data-label="@lang('Charge')">
                                       {{amount($withdrawlog->charge,$withdrawlog->currency->type,2)}}
                                    </td>


                                    <td data-label="@lang('status')">

                                        @if($withdrawlog->status == 1)
                                            <span class="badge badge-success">Successful</span>
                                        @elseif($withdrawlog->status == 2)
                                             <span class="badge badge-danger">Failed</span>
                                        @elseif($withdrawlog->status == 3)
                                            <span class="badge badge-warning">Refund</span>
                                        @else
                                            <span class="badge badge-warning">Pending</span>
                                        @endif
                                    </td>
                                    <td data-label="Status Message">

                                       {{$withdrawlog->flw_complete_message}}
                                    </td>

                                    <td data-label="@lang('Action')">

                                        <div class="d-flex  flex-wrap align-items-center justify-content-end justify-content-lg-center">
                                         <div class="btn-group">
                                            <button class="btn btn-info details m-1 btn-sm" data-user_data="{{$withdrawlog->user_data}}" data-transaction="{{$withdrawlog->trx}}" data-provider="{{$withdrawlog->userDetails()->email}}" data-method_name="{{$withdrawlog->method->name}}" data-date="{{ __($withdrawlog->created_at->format('d F Y')) }}">@lang('Details')</button>

                                            @if($withdrawlog->status == 2)
                                                <button class="btn btn-primary retry m-1 btn-sm" data-url="{{route('admin.withdraw.retry', $withdrawlog->trx)}}" >@lang('Retry')</button>

                                                <button class="btn btn-danger refund m-1 btn-sm" data-url="{{route('admin.withdraw.refund',$withdrawlog->trx)}}">@lang('Refund')</button>
                                                <button class="btn btn-success requery m-1 btn-sm" data-url="{{route('admin.withdraw.requery', $withdrawlog->trx)}}" >Requery</button>

                                            @endif
                                            @if($withdrawlog->status == 0)
                                                <button class="btn btn-primary requery m-1 btn-sm" data-url="{{route('admin.withdraw.requery', $withdrawlog->trx)}}" >Requery</button>

                                            @endif
                                        </div>
                                        </div>
                                    </td>

                                </tr>
                             @empty

                                <tr>
                                    <td class="text-center" colspan="100%">@lang('No Data Found')</td>
                                </tr>

                            @endforelse
                        </table>
                    </div>
                </div>
                @if ($withdrawlogs->hasPages())
                <div class="card-footer">
                    {{ $withdrawlogs->links('admin.partials.paginate') }}
                </div>
                @endif
            </div>
        </div>
    </div>



    <!-- Modal -->
    <div class="modal fade" id="details" tabindex="-1" role="dialog" aria-labelledby="modelTitleId" aria-hidden="true">
        <div class="modal-dialog" role="document">

            <div class="modal-content">
                    <div class="modal-header">
                            <h5 class="modal-title">@lang('Withdraw Details')</h5>
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                    <span aria-hidden="true">&times;</span>
                                </button>
                    </div>
                <div class="modal-body">
                    <div class="container-fluid withdraw-details">

                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-dark" data-dismiss="modal">@lang('Close')</button>

                </div>
            </div>

        </div>
    </div>

    <!-- Modal -->
    <div class="modal fade" id="retry" tabindex="-1" role="dialog" aria-labelledby="modelTitleId" aria-hidden="true">
        <div class="modal-dialog" role="document">

           <form action="" method="post">
           @csrf
            <div class="modal-content">
                    <div class="modal-header">
                            <h5 class="modal-title">@lang('Withdraw Retry')</h5>
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                    <span aria-hidden="true">&times;</span>
                                </button>
                        </div>
                <div class="modal-body">
                    <div class="container-fluid">
                        <p>@lang('Are you sure to Retry this failed withdraw')?</p>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-dark btn-sm" data-dismiss="modal">@lang('Close')</button>
                    <button type="submit" class="btn btn-primary btn-sm" >@lang('Yes')</button>

                </div>
            </div>
           </form>
        </div>
    </div>

    <div class="modal fade" id="refund" tabindex="-1" role="dialog" aria-labelledby="modelTitleId" aria-hidden="true">
        <div class="modal-dialog" role="document">

           <form action="" method="post">
           @csrf
            <div class="modal-content">
                    <div class="modal-header">
                            <h5 class="modal-title">@lang('Withdraw Refund')</h5>
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                    <span aria-hidden="true">&times;</span>
                                </button>
                        </div>
                <div class="modal-body">
                    <div class="container-fluid">
                        <p>@lang('Are you sure you want to refund this withdraw')?</p>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-dark btn-sm" data-dismiss="modal">@lang('Close')</button>
                    <button type="submit" class="btn btn-primary btn-sm" >@lang('Yes')</button>

                </div>
            </div>
           </form>
        </div>
    </div>

    <!-- Modal -->
    <div class="modal fade" id="requery" tabindex="-1" role="dialog" aria-labelledby="modelTitleId" aria-hidden="true">
        <div class="modal-dialog modal-lg" role="document">

           <form action="" method="post">
           @csrf
            <div class="modal-content">
                    <div class="modal-header">
                            <h5 class="modal-title">Requery Pending Withdraw</h5>
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                    <span aria-hidden="true">&times;</span>
                                </button>
                        </div>
                <div class="modal-body">
                    <div class="container-fluid">
                        <div class="container-fluid">
                            <p>@lang('Are you sure you want to requery status of this withdraw')?</p>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-dark" data-dismiss="modal">@lang('Close')</button>
                    <button type="submit" class="btn btn-danger" >Requery</button>

                </div>
            </div>
           </form>
        </div>
    </div>



@endsection

@push('style')
    <link rel="stylesheet" href="{{asset('assets/admin/css/datepicker.min.css')}}">
@endpush

@push('script')

    <script>

        $(function(){
            'use strict';

            $('.details').on('click',function(){
                const modal = $('#details');

                let html = `

                    <ul class="list-group">

                            <li class="list-group-item d-flex justify-content-between align-items-center">
                                @lang('Transaction Id')
                                <span>${$(this).data('transaction')}</span>
                            </li>

                            <li class="list-group-item d-flex justify-content-between align-items-center">
                                @lang('User Name')
                                <span>${$(this).data('provider')}</span>
                            </li>

                            <li class="list-group-item d-flex justify-content-between align-items-center">
                                @lang('Withdraw Method')
                                <span>${$(this).data('method_name')}</span>
                            </li>
                            <li class="list-group-item d-flex justify-content-between align-items-center">
                                @lang('Withdraw Date')
                                <span>${$(this).data('date')}</span>
                            </li>
                        </ul>
                        <hr>
                        <h6>@lang('User Data For Withdraw : ')</h6>
                        <textarea class="form-control" rows="5" disabled>${$(this).data('user_data')}</textarea>


                `;

                modal.find('.withdraw-details').html(html);
                modal.modal('show');
            })

            $('.retry').on('click',function(){
                 const modal = $('#retry');

                 modal.find('form').attr('action', $(this).data('url'));
                 modal.modal('show');
            })

            $('.requery').on('click',function(){
                 const modal = $('#requery');

                 modal.find('form').attr('action', $(this).data('url'));
                 modal.modal('show');
            })
            $('.refund').on('click',function(){
                 const modal = $('#refund');

                 modal.find('form').attr('action', $(this).data('url'));
                 modal.modal('show');
            })

        })


    </script>


        <script src="{{ asset('assets/admin/js/datepicker.min.js') }}"></script>
        <script src="{{ asset('assets/admin/js/datepicker.en.js') }}"></script>
        <script>
            'use strict';
            (function($){
                if(!$('.datepicker-here').val()){
                    $('.datepicker-here').datepicker();
                }
            })(jQuery)
        </script>

@endpush