@extends('layouts.admin')

@section('content')
    <!-- widget grid -->
    <section id="widget-grid" class="">

        <!-- row -->
        <div class="row">

            <!-- NEW WIDGET START -->
            <article class="col-xs-12 col-sm-12 col-md-12 col-lg-12">

                <!-- Widget ID (each widget will need unique ID)-->
                <div class="jarviswidget jarviswidget-color-blueDark" id="wid-id-0" data-widget-editbutton="false">
                    <header>
                        <span class="widget-icon"> <i class="fa fa-table"></i> </span>
                        <h2>{{ __('message.withdrawal List') }}</h2>

                    </header>

                    <!-- widget div-->
                    <div>
                        <!-- end widget edit box -->
                        <div class="col-md-12">
                            <form method="get" id="search-form" action="{{ route('admin.transactions.index') }}">
                                <div class="col-md-2 col-xs-6">
                                    <input class="form-control "
                                        placeholder="{{ __('message.search') }} ({{ __('message.username') }}, {{ __('message.name') }}{{ __('message.withdraw') }} {{ __('message.list') }}...)"
                                        type="text" name="q" value="{{ $q }}">
                                </div>
                                <div class="col-md-1 col-xs-4" style="margin-top:10px;font-weight: bold;">
                                    {{ __('message.start date') }}
                                </div>
                                <div class="col-md-2 col-xs-8">
                                    <input type="text" id="datepicker_start" class="form-control"
                                        name="{{ __('message.start date') }}" title="{{ __('message.start date') }}" value="{{ $start_date }}"
                                        placeholder="{{ __('message.start date') }}" readonly="">
                                </div>
                                <div class="col-md-1 col-xs-4" style="margin-top:10px;font-weight: bold;">
                                    {{ __('message.end date') }}
                                </div>
                                <div class="col-md-2 col-xs-8">
                                    <input type="text" id="datepicker_end" class="form-control" name="end_date"
                                        title=" {{ __('message.end date') }}" value="{{ $end_date }}"
                                        placeholder=" {{ __('message.end date') }}" readonly="">
                                </div>
                                <div class="col-md-3 col-xs-6" style="padding-bottom:10px;">
                                    <button type="submit" class="btn btn-primary">
                                        <i class="fa fa-search"></i>
                                        {{ __('message.search') }}
                                    </button>
                                    <a href="{{ route('admin.transactions.index') }}" type="rset" class="btn">
                                        <i class="fa fa-refresh"></i>
                                        <span class="hidden-xs">{{ __('message.refresh') }}</span>
                                    </a>
                                </div>
                                <div class="col-sm-12 col-xs-12">
                                    <button type="button" class="btn btn-primary search-date" id="today">
                                        <i class="fa fa-calendar"></i>
                                        {{ __('message.today') }}
                                    </button>
                                    <button type="button" class="btn btn-primary search-date" id="yesterday">
                                        <i class="fa fa-calendar"></i>
                                        {{ __('message.yesterday') }}
                                    </button>
                                    <button type="button" class="btn btn-primary search-date" id="this-week">
                                        <i class="fa fa-calendar"></i>
                                        {{ __('message.this week') }}
                                    </button>
                                    <button type="button" class="btn btn-primary search-date" id="last-week">
                                        <i class="fa fa-calendar"></i>
                                        {{ __('message.last week') }}
                                    </button>
                                    <button type="button" class="btn btn-primary search-date" id="this-month">
                                        <i class="fa fa-calendar"></i>
                                        {{ __('message.this month') }}
                                    </button>
                                    <button type="button" class="btn btn-primary search-date" id="last-month">
                                        <i class="fa fa-calendar"></i>
                                        {{ __('message.last month') }}
                                    </button>
                                </div>
                        </div>
                        </form>
                    </div>
                    <!-- widget content -->
                    <div class="widget-body">
                        <div class="table-responsive">

                            <table class="table table-bordered">
                                <thead>
                                    <tr>
                                        <th>{{ __('message.no') }}.</th>
                                        <th>{{ __('message.withdraw') }} {{ __('message.number') }}</th>
                                        <th>{{ __('message.name') }}</th>
                                        <th>{{ __('message.username') }}</th>
                                        <th>{{ __('message.amount') }}</th>
                                        {{-- <th>Withdraw Code</th> --}}
                                        <th>{{ __('message.status') }}</th>
                                        <th>{{ __('message.withdrawal date') }}</th>
                                        <th>{{ __('message.operate') }}</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($transactions as $index => $transaction)
                                                                                <tr @if ($transaction->transaction_type == 'debt' || $transaction->transaction_type == 'withraw') class="no-checked" @endif>
                                            <td>{{ $index + 1 }}</td>
                                            <td>{{ $transaction->transaction_id }}</td>
                                            {{-- <td style="font-weight: bold;">
                        @if ($transaction->transaction_type == 'debt' || $transaction->transaction_type == 'withraw') 
                          <span style="color:#c62232">  
                            {{$transaction->transaction_type }}
                          </span>
                        @else
                          {{$transaction->transaction_type }}
                        @endif
                      </td> --}}
                                            <td style="font-weight: bold;">
                                                <a href="{{ route('admin.members.show', $member->user ?? 0) }}">
                                                    {{ $member->actual_name ?? '' }}
                                                </a>
                                            </td>
                                            <td style="font-weight: bold;">
                                                <a href="{{ route('admin.members.show', $member->user ?? 0) }}">
                                                    {{ $member->user->phone ?? '' }}
                                                </a>
                                            </td>
                                            <td class="credit">
                                                @if ($transaction->transaction_type == 'debt' || $transaction->transaction_type == 'withraw')
                                                    <span style="color:#c62232">
                                                         {{ $settings_->where('key', 'currency')->first()->value ?? '' }}
                                                        {{ $transaction->amount }}
                                                    </span>
                                                @else
                                                 {{ $settings_->where('key', 'currency')->first()->value ?? '' }}
                                                    {{ $transaction->amount }}
                                                @endif
                                            </td>
                                            {{-- <td style="font-weight: bold;">{{$transaction->withdraw_code??'' }}</td> --}}


                                            <td>
                                                <button class="btn">
                                                    @if ($transaction->status == 'pending')
                                                        <span style="font-weight: bold;color:#356b35;">Under Review</span>
                                                    @elseif($transaction->status == 'approve')
                                                        <span style="font-weight: bold;color:#356b35;">Withdrawal
                                                            Successfully</span>
                                                    @elseif($transaction->status == 'reject')
                                                        <span style="font-weight: bold;color:#c9000f;">Refused To Pay</span>
                                                    @endif
                                            </td>
                                            <td>
                                                {{ $transaction->created_at->format('d/m/Y h:i') }}
                                            </td>
                                            <td>
                                                <a href="{{ route('admin.members.show', $member->user) }}"
                                                    class="btn btn-primary shadow">
                                                    Checking Data
                                                </a>

                                                <a href="{{ route('admin.approve-transaction', $transaction) }}"
                                                    class="btn btn-primary shadow"
                                                    @if ($transaction->status == 'approve') disabled @endif>
                                                    <i class="fa fa-check"></i>
                                                    {{ __('message.confirm withdrawal') }}
                                                </a>

                                                <a href="{{ route('admin.reject-transaction', $transaction) }}"
                                                    class="btn btn-danger shadow"
                                                    @if ($transaction->status == 'reject') disabled @endif>
                                                    <i class="fa fa-times-circle"></i>
                                                    {{ __('message.reject withdrawal') }}
                                                </a>
                                                <form method="POST" action="/admin/transactions/{{ $transaction->id }}"
                                                    style="display:inline">
                                                    <input name="_method" type="hidden" value="DELETE">
                                                    {{ csrf_field() }}
                                                    <button type="submit" class="btn btn-danger"
                                                        onclick="return confirm('{{ __('message.do you want to delete') }} ?')">
                                                        <i class="fa fa-trash-o" style="color: #FFF;"></i> {{ __('message.delete') }}
                                                    </button>
                                                </form>


                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                            <table id="header-fixed" class="table table-bordered"></table>
                        </div>
                        <div style="text-align: center">
                            {{ $transactions->links() }}
                        </div>
                    </div>
                    <!-- end widget content -->

                </div>
                <!-- end widget div -->

        </div>
        <!-- end widget -->

        <!-- Widget ID (each widget will need unique ID)-->


        </article>
        <!-- WIDGET END -->

        </div>

        <!-- end row -->



        <!-- end row -->

    </section>
    <!-- end widget grid -->
@endsection
@section('meta')
    <title>{{ __('message.withdrawal List') }}- {{ config('app.name', 'Dashboard') }}</title>
@endsection
@section('scripts')
    <script>
        $(function() {
            $("#datepicker_start").datepicker({
                dateFormat: 'yy-mm-d',
                maxDate: '0'
            });
            $("#datepicker_end").datepicker({
                dateFormat: 'yy-mm-d',
                maxDate: '0'
            });
        });
    </script>
@endsection