@extends('layouts.dashboard')
@section('content')
    <div class="dashboard-payouts">
        <div class="container-fluid">
            <div class="row no-gutters dashboard-content-wrap mx-2">
                <div class="col-12">
                    <div class="dashboard-maincontent">
                        <div class="dashboard-transactions d-flex flex-column mx-4 p-5 my-5">

                            <h2 class="mb-5">Payout</h2>
                            <div class="dashboard-transactions-table-wrap mb-5 table-responsive">
                                <table class="table table-borderless">
                                    <thead>
                                      <tr>
                                        <th scope="col">Date</th>
                                        <th scope="col">Number of unit</th>
                                        <th scope="col">Farm cycle</th>
                                        <th scope="col">Sponsorship Status</th>
                                        <th scope="col">Payout Status</th>
                                        <th scope="col">Return</th>
                                        <th scope="col">Payout Date</th>
                                        <th scope="col" class="text-right">Action</th>
                                      </tr>
                                    </thead>
                                    <tbody>
                                    @php $count = 1; @endphp
                                    @foreach($cyclesSponsored as $key => $cycleSponsored)
                                      <tr>

                                      <td>
                                          <div class="table-content d-flex flex-column">
                                              <span class="date">{{$cycleSponsored->created_at->format('d.m.Y')}}</span>
                                              <span class="time">{{$cycleSponsored->created_at->format('H:i')}}</span>
                                          </div>
                                      </td>

                                        <td>
                                            <div class="table-content d-flex flex-nowrap">
                                                <span class="text">{{$cycleSponsored->units}}</span>
                                            </div>
                                        </td>

                                        <td>
                                            <div class="table-content d-flex flex-nowrap">
                                                <span class="text">{{$cycleSponsored->farmingcycle->name}}</span>
                                            </div>
                                        </td>

                                          <td>
                                              <div class="table-content d-flex flex-nowrap">
                                                    <span class="txn-icon success mr-4">
                                                        <img src="{{asset( $cycleSponsored->transaction->status_id == 2 ? 'img/txn-icon-success.svg' : 'img/txn-icon-pending.svg')}}">
                                                    </span>
                                                  <span class="text">{{ $cycleSponsored->transaction->status->name}}</span>
                                              </div>
                                          </td>
                                          <td>
                                              <div class="table-content d-flex flex-nowrap">
                                                    <span class="txn-icon success mr-4">
                                                        <img src="{{asset( $cycleSponsored->farmingcycle->status_id == 2 ? 'img/txn-icon-success.svg' : 'img/txn-icon-pending.svg')}}">
                                                    </span>
                                                  <span class="text">{{ $cycleSponsored->farmingcycle->status->name}}</span>
                                              </div>
                                          </td>
                                        <td>
                                            <div class="table-content">
                                                <span class="text returns" id="returns-amount-{{$count}}">{{$cycleSponsored->return}}</span>
                                            </div>
                                        </td>

                                          <td>
                                              {{$cycleSponsored->farmingcycle->payout_date->format("F j, Y")}}
                                          </td>
                                          <td>
                                              @if(!$cycleSponsored->hasRetained() &&  $cycleSponsored->farmingcycle->isPaidOut())
                                                  <form action="{{route('retain.sponsorship')}}" id="retain-{{$count}}" method="POST">
                                                      @csrf
                                                      <input type="hidden" id="id" name="id" value="{{$cycleSponsored->id}}">
                                                      <input type="hidden" id="type" name="type" value="{{get_class($cycleSponsored)}}">
                                                      <input type="hidden" name="standing_order" id="order-{{$count}}">
                                                      <div class="btn-group">

                                                          <button type="button" class="btn btn-secondary dropdown-toggle form-cta__btn-wrap" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                              View All
                                                          </button>
                                                          <div class="dropdown-menu dropdown-menu-right">
                                                              @php
                                                                $data = [1,2,3,4,5,8];
                                                              @endphp
                                                              @foreach($orders as $key => $value)
                                                                  @if(! in_array($key, $data))
                                                                      <button class="dropdown-item form-cta__btn" type="button" name="standing_order" onclick="submitRetain({{$count}}, {{$key}})">{{$value}}</button>
                                                                  @endif
                                                              @endforeach
                                                          </div>
                                                      </div>
                                                  </form>
                                              @elseif($cycleSponsored->hasRetained())
                                                  <a class="btn btn-success btn-lg btn-payouts px-5 disabled text-white">
                                                      Action: {{$cycleSponsored->retain->type()}}
                                                  </a>

                                                  @if($cycleSponsored->retain->hasFarmRetain())
                                                      <a class="btn btn-success btn-lg btn-payouts px-5 my-3 disabled">
                                                          <p class="small text-white"><span class=" font-weight-bolder">Vest:</span> NGN {{number_format($cycleSponsored->retain->vest)}}</p>
                                                          <p class="small text-white"><span class=" font-weight-bolder">Pay:</span> NGN {{number_format($cycleSponsored->retain->pay)}}</p>
                                                          <p class="small text-white"><span class=" font-weight-bolder">Retain:</span> NGN {{number_format($cycleSponsored->retain->retain)}}</p>
                                                      </a>
                                                  @endif

                                              @else
                                                  <a class="btn btn-secondary btn-lg btn-payouts px-5 disabled text-white">Not Available</a>
                                              @endif
                                          </td>

                                      </tr>
                                      @php $count++ @endphp

                                    @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <a href="#" class="modal-trigger__btn" data-toggle="modal" data-target="#custom-payout"></a>
    <div class="custom-payout custom-payout-modal-wrap">
        <div class="modal fade" id="custom-payout" tabindex="-1" role="dialog" aria-labelledby="vestbankWithdrawTitle" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered custom-payout-modal" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title heading__secondary text-center" id="exampleModalLongTitle"></h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">X</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <div class="payout-form-wrap">
                            <form method="POST" action="{{route('retain.sponsorship.custom')}}" id="custom-form">
                                @csrf
                                @method('PATCH')
                                <div>
                                    <h3 class="mx-sm-3 mb-3" id="amount">Amount to be split: <span id="amountInput"></span> </h3>
                                </div>
                                <div class="input-wrap form-group mx-sm-3 mb-2">
                                    <input type="hidden" name="standing_order" value="7" >
                                    <input type="hidden" name="modal_id" id="modal_id" >
                                    <input type="hidden" name="modal_type" id="modal_type">
                                    <label for="retain">
                                        <span>Amount to Retain (Agro Estate)</span>
                                        <input type="number" class="form-control custom-payout-input" name="retain_agro" id="retain" value="0">
                                    </label>
{{--                                    <label for="vest">--}}
{{--                                        <span>Amount to Retain (Poultry)</span>--}}
{{--                                        <input type="number" class="form-control custom-payout-input" name="retain_poultry" id="vest" value="0">--}}
{{--                                    </label>--}}
                                    <label for="pay">
                                        <span>Amount to Pay</span>
                                        <input type="number" class="form-control custom-payout-input" id="pay" name="pay" value="0">
                                    </label>
{{--                                    @if($settings->canAddFundsToVestBank())--}}
{{--                                        <label for="add">--}}
{{--                                            <span>Amount to Add [Optional - AgroEstate]</span>--}}
{{--                                            <input type="number" class="form-control custom-payout-input" id="add" name="add" value="0">--}}
{{--                                        </label>--}}
{{--                                    @endif--}}
                                </div>
                                <div class="form-group mx-sm-3">
                                    <button type="submit" class="btn btn-primary">Submit</button>

                                    <br><br>
                                    <h3 class="mx-sm-3 mb-3" style="color:#999999">Note: Do not leave any field empty, use 0 (Zero) instead.</h3>

                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
{{--    @include('includes.javascript.retain-sponsorship')--}}
@endsection

@push('scripts')
    <script>
        @if(count($errors->all()) > 0)
            @foreach($errors->all() as $error)
                toastr.error(" {{$error}} ")
            @endforeach
        @endif
    </script>
@endpush