@extends('layouts.main') 

@section('content')
    <!-- push external head elements to head -->
    @push('head')
        <title>Page title | Site title</title>
        <!-- add some inline style or css file if any -->
        <link rel="stylesheet" href="{{ asset('file-path')}}">
        <style type="text/css">
        </style>
    @endpush
    <div class="container-fluid">
    	<!-- page contents here -->
      @if($errors->any())  
      <div class="row alert alert-danger">
          <ul>
              @foreach ($errors->all() as $error)
                  <li>{{ $error }}</li>
              @endforeach
          </ul>
      </div>
      @endif
        @if (session('status'))
            <div class="alert alert-success">
                {{ session('status') }}
            </div>
        @endif
        @if (session('error_m'))
            <div class="alert alert-danger">
                {{ session('error_m') }}
            </div>
        @endif
        <div class="page-header">
          <div class="row align-items-end">
              <div class="col-lg-8">
                  <div class="page-header-title mb-3">
                      <i class="ik ik-download bg-blue"></i>
                      <div class="d-inline">
                          <h5>Withdrawal System</h5>
                          <span>Manage all withdrawal operations here.</span>
                      </div>
                  </div>
              </div>
              <div class="col-lg-4">
                  <nav class="breadcrumb-container" aria-label="breadcrumb">
                      <ol class="breadcrumb">
                          <li class="breadcrumb-item">
                              <a href="{{route('dashboard')}}"><i class="ik ik-home"></i></a>
                          </li>
                          <li class="breadcrumb-item">
                              <a href="#">Withdrawal System</a>
                          </li>
                          <li class="breadcrumb-item active" aria-current="page">Withdrawals</li>
                      </ol>
                  </nav>
              </div>
          </div>
          <div class="row justify-content-center">
                @if(request()->routeIs('withdraw.all') || request()->routeIs('withdraw.method') || request()->routeIs('members.withdrawals') || request()->routeIs('members.withdrawals.method'))
                <div class="col-xl-4 col-sm-6">
                    <div class="card card-green text-white">
                        <div class="card-block">
                            <div class="row align-items-center">
                                <div class="col-8">
                                    <h4 class="mb-0">{{ __($general->currency_symbol) }} {{ $withdrawals->where('status',1)->sum('amount') }}</h4>
                                    <p class="mb-0">@lang('Approved Withdrawals')</p>
                                </div>
                                <div class="col-4 text-right">
                                    <i class="fas fa-check-circle f-30"></i>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xl-4 col-sm-6">
                    <div class="card card-blue text-white">
                        <div class="card-block">
                            <div class="row align-items-center">
                                <div class="col-8">
                                    <h4 class="mb-0">{{ __($general->currency_symbol) }} {{ $withdrawals->where('status',2)->sum('amount') }}</h4>
                                    <p class="mb-0">@lang('Pending Withdrawals')</p>
                                </div>
                                <div class="col-4 text-right">
                                    <i class="fas fa-hand-holding-usd f-30"></i>
                                </div>
                            </div>
                            
                        </div>
                    </div>
                </div>
                <div class="col-xl-4 col-sm-6">
                    <div class="card card-red text-white">
                        <div class="card-block">
                            <div class="row align-items-center">
                                <div class="col-8">
                                    <h4 class="mb-0">{{ __($general->currency_symbol) }} {{ $withdrawals->where('status',3)->sum('amount') }}</h4>
                                    <p class="mb-0">@lang('Rejected Withdrawals')</p>
                                </div>
                                <div class="col-4 text-right">
                                    <i class="fas fa-ban f-30"></i>
                                </div>
                            </div>
                            
                        </div>
                    </div>
                </div>

                @endif
            </div>
      </div>
      <div class="card">
        <div class="card-header d-block">
            <div class="row align-items-center mb-30 justify-content-between">
                <div class="col-lg-6 col-sm-6">
                    <h3 class="page-title">{{ __($page_title) }}</h3>
                    <span>Change withdrawal status in <code>Withdrawal Detals</code> from <code>Pending Withdrawals</code> ONLY</span>
                </div>
                <div class="col-lg-6 col-sm-6 text-sm-right mt-sm-0 mt-3 right-part">
                    @stack('breadcrumb-plugins')
                </div>
            </div>
        </div>
        <div class="card-body table-responsive">
            <table class="table table--light style--two">
                <thead>
                <tr>
                    <th scope="col">@lang('Date')</th>
                    <th scope="col">@lang('Transaction ID')</th>
                    @if(!request()->routeIs('members.withdrawals') && !request()->routeIs('members.withdrawals.method'))
                    <th scope="col">@lang('Member')</th>
                    @endif
                    <th scope="col">@lang('Method')</th>
                    <th scope="col">@lang('Amount')</th>
                    <th scope="col">@lang('Charge')</th>
                    <th scope="col">@lang('Payable')</th>
                    @if(request()->routeIs('withdraw.pending'))
                        <th scope="col">@lang('Action')</th>
                    @elseif(request()->routeIs('withdraw.all') || request()->routeIs('withdraw.search')  || request()->routeIs('members.withdrawals') || request()->routeIs('withdraw.method'))
                        <th scope="col">@lang('Status')</th>
                    @endif

                    @if(request()->routeIs('withdraw.approved') || request()->routeIs('withdraw.rejected') || request()->routeIs('members.withdrawals.method'))
                        <th scope="col">@lang('Info')</th>
                    @endif

                </tr>
                </thead>
                <tbody>
                @forelse($withdrawals as $withdraw)
                    @php
                        $details = ($withdraw->withdraw_information != null) ? json_encode($withdraw->withdraw_information) : null;
                    @endphp
                    <tr>
                        <td data-label="@lang('Date')">{{ showDateTime($withdraw->created_at) }}</td>
                        <td data-label="@lang('Trx Number')" class="font-weight-bold">{{ strtoupper($withdraw->trx) }}</td>
                        @if(!request()->routeIs('members.withdrawals') && !request()->routeIs('members.withdrawals.method'))
                        <td data-label="@lang('Member')">
                            <a href="{{ route('members.detail', $withdraw->member_id) }}" class="btn btn-sm btn-info"><i class="ik ik-user"></i> {{ @$withdraw->member->username }}</a>
                        </td>
                        @endif
                        <td data-label="@lang('Method')">
                            @if(request()->routeIs('members.withdrawals') || request()->routeIs('members.withdrawals'))
                            <a href="{{ route('members.withdrawals.method',[$withdraw->method->id,@$type?$type:'all',$memberId]) }}"> <span class="text--small badge font-weight-normal badge--warning">{{ __(@$withdraw->method->name) }}</span></a>
                            @else
                            <a href="{{ route('withdraw.method',[$withdraw->method->id,@$type]) }}"> <span class="text--small badge font-weight-normal badge--warning">{{ __(@$withdraw->method->name) }}</span></a>
                            @endif
                        </td>
                        <td data-label="@lang('Amount')" class="budget font-weight-bold">{{ getAmount($withdraw->amount) }} {{__($general->currency_code)}}</td>
                        <td data-label="@lang('Charge')" class="budget text-danger">{{ getAmount($withdraw->charge) }} {{__($general->currency_code)}}</td>
                        
                        <td data-label="@lang('Payable')" class="budget font-weight-bold">{{ getAmount($withdraw->amount + $withdraw->charge) }} {{ __($general->currency_code) }} </td>
                        @if(request()->routeIs('withdraw.pending'))

                            <td data-label="@lang('Action')">
                                <a href="{{ route('withdraw.details', $withdraw->id) }}" class="icon-btn ml-1" data-toggle="tooltip"data-original-title="@lang('Detail')">
                                <span class="badge badge-blue m-1"><i class="ik ik-eye"></i></span>
                                </a>
                            </td>
                        @elseif(request()->routeIs('withdraw.all') || request()->routeIs('withdraw.search') || request()->routeIs('members.withdrawals') || request()->routeIs('withdraw.method') ||  request()->routeIs('members.withdrawals.method'))
                            <td data-label="@lang('Status')">
                                @if($withdraw->status == 2)
                                    <span class="badge badge-yellow m-1">@lang('Pending')</span>
                                @elseif($withdraw->status == 1)
                                    <span class="badge badge-green m-1">@lang('Approved')</span>
                                @elseif($withdraw->status == 3)
                                    <span class="badge badge-red m-1">@lang('Rejected')</span>
                                @endif
                            </td>
                        @endif
                        @if(request()->routeIs('withdraw.approved') || request()->routeIs('withdraw.rejected'))
                            <td data-label="@lang('Info')">
                                <a href="{{ route('withdraw.details', $withdraw->id) }}" class="icon-btn ml-1 " data-toggle="tooltip" data-original-title="@lang('Detail')">
                                <span class="badge badge-blue m-1"><i class="fa fa-desktop"></i></span>
                                </a>
                            </td>
                        @endif
                    </tr>
                @empty
                    <tr>
                        <td class="text-muted text-center" colspan="100%">{{ __($empty_message) }}</td>
                    </tr>
                @endforelse

                </tbody>
            </table><!-- table end -->
            
        </div>
        <div class="card-footer py-4">
            {{ paginateLinks($withdrawals) }}
        </div>
    </div>
       
       
    </div>
    

    
@endsection

@push('breadcrumb-plugins')

    @if(!request()->routeIs('members.withdrawals') && !request()->routeIs('members.withdrawals.method'))

        <form action="{{ route('withdraw.search', $scope ?? str_replace('withdraw.', '', request()->route()->getName())) }}"
            method="GET" class="form-inline float-sm-right bg--white">
            <div class="input-group has_append">
                <input type="text" name="search" class="form-control" placeholder="@lang('Withdrawal code/Username')" value="{{ $search ?? '' }}">
                <div class="input-group-append">
                    <button class="btn btn--primary" type="submit"><i class="fa fa-search"></i></button>
                </div>
            </div>
        </form>
        <form action="{{route('withdraw.dateSearch',$scope ?? str_replace('withdraw.', '', request()->route()->getName()))}}" method="GET" class="form-inline float-sm-right bg--white mr-0 mr-xl-2 mr-lg-0">
            <div class="input-group has_append">
                <input name="date" type="text" data-range="true" data-multiple-dates-separator=" - " data-language="en" class="datepicker-here bg--white text--black form-control" data-position='bottom right' placeholder="@lang('Min Date - Max date')" autocomplete="off" value="{{ @$dateSearch }}" readonly>
                <input type="hidden" name="method" value="{{ @$method->id }}">
                <div class="input-group-append">
                    <button class="btn btn--primary" type="submit"><i class="fa fa-search"></i></button>
                </div>
            </div>
        </form>
    @endif
@endpush


<!-- push external js if any -->
@push('script') 
    <script src="{{ asset('script-path') }}"></script>
    <script src="{{ asset('plugins/DataTables/datatables.min.js') }}"></script>
    <script src="{{ asset('js/datatables.js') }}"></script>

    <script>
        "use strict";
        (function ($) {
            $('.edit').on('click', function () {
                var modal = $('#editplan');
                modal.find('.name').val($(this).data('name'));
                modal.find('.price').val($(this).data('price'));
                modal.find('.pv').val($(this).data('pv'));
                modal.find('.max_depth').val($(this).data('max_depth'));
                modal.find('.roi').val($(this).data('roi'));
                
                if($(this).data('status')){
                    modal.find('.toggle').removeClass('btn--danger off').addClass('btn--success');
                    modal.find('input[name="status"]').prop('checked',true);

                }else{
                    modal.find('.toggle').addClass('btn--danger off').removeClass('btn--success');
                    modal.find('input[name="status"]').prop('checked',false);
                }

                modal.find('input[name=id]').val($(this).data('id'));
                modal.modal('show');
            });

            $('.add-plan').on('click', function () {
                var modal = $('#addplan');
                modal.modal('show');
            });
        })(jQuery);
    </script>
@endpush