@extends('layouts.dashboard')
@section('content')
    <div class="dashboard-vestbanking pt-3">
        <a href="#" class="modal-trigger__btn" data-toggle="modal" data-target=".vest-funds"></a>

        <div class="container-fluid">
            <div class="row no-gutters dashboard-content-wrap mx-2">
                <div class="col-12">
                    <div class="dashboard-maincontent p-5">
                        <div class="vestbank-products mb-5 py-4 px-5">
                            <div class="row">
                                <div class="col-12 col-sm-6 col-md-4 mb-4 mb-md-0 pb-2 pb-md-0">
                                    <div class="product-card">
                                        <div class="product-card-body d-flex justify-content-md-center align-items-center">
                                            <span class="product-card-icon mr-4"><img src="{{asset('img/dashboard-aside-icons/stats-card-vff.svg')}}" alt="VestBanking"></span>
                                            <div class="product-card-text d-flex flex-column">
                                                <span class="product-card-title">Vest For Farms</span>
                                                <span class="product-card-desc">{{ auth()->user()->farmVestingBalance() }}</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-12 col-sm-6 col-md-4 mb-4 mb-md-0 pb-2 pb-md-0">
                                    <div class="product-card">
                                        <div class="product-card-body d-flex justify-content-md-center align-items-center">
                                            <span class="product-card-icon mr-4"><img src="{{asset('img/product-card-vb.svg')}}" alt="VestBanking"></span>
                                            <div class="product-card-text d-flex flex-column">
                                                <span class="product-card-title">Vestbank Balance</span>
                                                <span class="product-card-desc">{{auth()->user()->vestbank->balanceForDisplay ?? 'NGN 0'}}</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="vestbank-actions py-5 px-5">
                            <div class="row">
{{--                                <div class="col-12 col-sm-6 col-md-4 mb-5 mb-md-0">--}}
{{--                                    <div class="product-card h-100">--}}
{{--                                        <div class="product-card-body h-100 d-flex flex-column justify-content-md-start align-items-center">--}}
{{--                                            <span class="product-card-icon mb-4"><img src="{{asset('img/vestbank-action-fund.svg')}}" alt="Fund"></span>--}}

{{--                                            @if($settings->canAddFundsToVestBank())--}}
{{--                                                <a href="#" data-toggle="modal" data-target="#deposit-method-bank" class="product-card-btn d-inline-block">--}}
{{--                                                    Fund Wallet--}}
{{--                                                </a>--}}
{{--                                            @else--}}
{{--                                                <a href="#" data-toggle="modal" class="product-card-btn d-inline-block " style="background:#e5e5e5">--}}
{{--                                                    Unavailable--}}
{{--                                                </a>--}}
{{--                                            @endif--}}
{{--                                        </div>--}}
{{--                                    </div>--}}
{{--                                </div>--}}
                                <div class="col-12 col-sm-6 col-md-4 mb-5 mb-md-0">
                                    <div class="product-card h-100">
                                        <div class="product-card-body h-100 d-flex flex-column justify-content-md-start align-items-center">
                                            <span class="product-card-icon mb-4"><img src="{{asset('img/vestbank-action-withdraw.svg')}}" alt="Withdraw"></span>
                                            <a href="#" data-toggle="modal" data-target="#vestbank-withdraw" class="product-card-btn d-inline-block">
                                                Withdraw Fund
                                            </a>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-12 col-sm-6 col-md-4 mx-auto">
                                    <div class="product-card h-100">
                                        <div class="product-card-body h-100 d-flex flex-column justify-content-md-start align-items-center">
                                            <span class="product-card-icon mb-4"><img src="{{asset('img/vestbank-action-txn.svg')}}" alt="Transaction history"></span>
                                            <a href="{{route('transactions.all')}}" class="product-card-btn d-inline-block">
                                                Transaction History
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-12">
                                    <div class="vestbank-txn-wrap d-flex w-100">
                                        <a href="{{route('vestbank.download')}}" class="ml-auto vestbank-txn-btn d-inline-block">Download monthly statement</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        @if($settings->canAddFundsToVestBank())

            <div class="add-funds-modal-wrap">
            <div class="modal fade" id="deposit-method-bank" tabindex="-1" role="dialog" aria-labelledby="deposit-method-bankTitle" aria-hidden="true">
                <div class="modal-dialog modal-dialog-centered vestfunds-modal" role="document">
                    <div class="modal-content m-3 mx-md-5">
                        <div class="modal-header">
                            <h5 class="modal-title heading__secondary text-center" id="exampleModalLongTitle">ADD FUNDS</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="deposit-method-bank__content">
                                <div class="container-fluid">
                                    <div class="row">
                                        <div class="col-12 col-md-8">
                                            <form action="{{route('funding.add')}}" method="POST" class="vestfunds__form" id="vest-funds__form">
                                                @csrf
                                                <div class="row">
                                                    <div class="col-12">
                                                        <p class="vestfunds-heading mb-5">Please fill the form below to continue</p>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-12 col-md-6">
                                                        <div class="form-group mb-5">
                                                            <label class="vestfunds-label" id="amount__label" for="vestingAmount" >Enter amount </label>
                                                            <input type="text" class="form-control deposit-method-bank__amount {{ $errors->has('amount') ? ' is-invalid' : '' }}" name="amount" id="vestingAmount" placeholder="Enter an amount (e.g 10000)">
                                                            @if ($errors->has('amount'))
                                                            <span class="invalid-feedback" role="alert">
                                                                <strong>{{ $errors->first('amount') }}</strong>
                                                            </span>
                                                            @endif
                                                        </div>
                                                    </div>

                                                    <div class="col-12 col-md-6">
                                                        <div class="form-group mb-5">
                                                            <label class="vestfunds-label" for="standing-order" id="standing-order__label" >Standing Order </label>
                                                            <select class="form-control custom-select {{ $errors->has('standing_order') ? ' is-invalid' : '' }}" name="standing_order" id="standing-order">
                                                                <option value="">Choose Standing Order</option>
                                                                    @foreach($orders as $key => $order)
                                                                        @if(! in_array($key, [2]))
                                                                            <option value="{{$key}}">{{$order}}</option>
                                                                        @endif
                                                                    @endforeach
                                                            </select>

                                                            @if ($errors->has('standing_order'))
                                                                <span class="invalid-feedback" role="alert">
                                                                    <strong>{{ $errors->first('standing_order') }}</strong>
                                                                </span>
                                                            @endif
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-12 col-md-6">
                                                        <div class="form-group mb-5">
                                                            <label class="vestfunds-label" for="funding-source " >Payment Method </label>

                                                            <select class="form-control custom-select {{ $errors->has('funding_source') ? ' is-invalid' : '' }}" name="funding_source" id="funding-source">

                                                                <option value="">Choose Payment Method</option>
                                                                @foreach($payment_methods as $key => $payment)
                                                                    <option value="{{$key}}">{{$payment}}</option>
                                                                @endforeach
                                                            </select>

                                                            @if ($errors->has('funding_source'))
                                                                <span class="invalid-feedback" role="alert">
                                                                    <strong>{{ $errors->first('funding_source') }}</strong>
                                                                </span>
                                                            @endif
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="row mb-5">
                                                    <div class="col-12 col-md-5 offset-md-7">
                                                        <button type="submit" id="submit-btn" class="vestfunds_btn btn mb-md-5">Add Funds</button>
                                                    </div>
                                                </div>
{{--                                                <div class="row">--}}
{{--                                                    <div class="col-12 col-md-7">--}}
{{--                                                        <p class="paystack-notice-text">--}}
{{--                                                            <span>*</span>--}}
{{--                                                            Please note that the use of Paystack method comes with additional charges from Paystack.--}}
{{--                                                        </p>--}}
{{--                                                    </div>--}}

{{--                                                </div>--}}

                                                <div class="row">
                                                    <div class="col-12 col-md-7">
                                                        <p class="paystack-notice-text">
                                                            <span>*</span>
                                                            Please note that when choosing a standing order of "LEAVE FUNDS IN VESTBANK", your funds can only be used only for AGRO ESTATE sponsorship and NOT POULTRY farm.
                                                        </p>
                                                    </div>

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

                                        <div class="col-12 col-md-4 modal-bg">
                                            <div class="bank-transfer">
                                                <div class="content-wrap">
                                                    <h3>Bank transfer</h3>
                                                    <div class="vestfunds__account">
                                                        <p class="vestfunds__account--text"> Bank Name: Keystone Bank</p>
                                                        <p class="vestfunds__account--text"> Account Name: GLOBETROT FARMSPONSOR NIG LTD</p>
                                                        <p class="vestfunds__account--text"> Account Number: 1012091769</p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

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

        @endif

        <div class="withdraw-funds-modal-wrap">
            <div class="modal fade" id="vestbank-withdraw" tabindex="-1" role="dialog" aria-labelledby="vestbankWithdrawTitle" aria-hidden="true">
                <div class="modal-dialog modal-dialog-centered withdraw-funds-modal" role="document">
                    <div class="modal-content m-3 mx-md-5">
                        <div class="modal-header">
                            <h5 class="modal-title heading__secondary text-center" id="exampleModalLongTitle">Withdraw Funds</h5>
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">X</span>
                            </button>
                        </div>
                        <div class="modal-body">
                            <form action="{{route('funding.withdraw')}}" class="vestbank-withdraw__form" method="POST">
                                @csrf
                                <div class="form-group others-hide hide-content">
                                    <label class="withdraw-funds-label" for="vestbank-withdraw__amount">
                                        <small>Specify amount to withdraw here</small>
                                    </label>
                                    <input type="number" name="amount" id="vestbank-withdraw__amount" class="form-control specify-amount__input {{ $errors->has('amount') ? ' is-invalid' : '' }}">
                                    @if ($errors->has('amount'))
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $errors->first('amount') }}</strong>
                                        </span>
                                    @endif
                                </div>

                                <div class="form-check my-4">
                                    <label class="withdraw-funds-label" for="vestbank-withdraw__capital">
                                        <input type="radio" name="option" value="capital" id="vestbank-withdraw__capital" class="vestbank-withdraw__form--input" selected> Capital
                                    </label>
                                </div>
                                <div class="form-check mb-4">
                                    <label class="withdraw-funds-label" for="vestbank-withdraw__other">
                                        <input type="radio" name="option" value="other" id="vestbank-withdraw__other" class="vestbank-withdraw__form--input"> Other
                                    </label>
                                </div>

                                <div class="form-check mb-5">
                                    <label for="vestbank-withdraw__reason" class="radio-inline">Reason for withdrawal</label>
                                    <textarea name="reason" class="form-control specify-reason__input" id="vestbank-withdraw__reason" maxlength="150" cols="30" rows="4"></textarea>
                                    @if ($errors->has('reason'))
                                        <span class="invalid-feedback" role="alert">
                                        <strong>{{ $errors->first('reason') }}</strong>
                                    </span>
                                    @endif
                                </div>
                                <div class="form-group mt-3">
                                    <button type="submit" class="vestfunds_btn btn">withdraw fund</button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection