@extends('layouts.dashboard')

@section('content')
    <div class="cycle-details-wrap">
        <div class="cycle-details-content">
            <div class="img-box">
            <img src="{{asset('img/cycle-details-img.svg')}}" alt="Farm cycle photo">
            </div>
            <div class="text-box">
                <h1 class="cycle-details-heading"> Farm cycle information</h1>
                <h2 class="cycle-details-text title">{{$farm->name}}</h2>
                <p class="cycle-details-text">Number of units available: <span>{{$farm->units}}</span></p>
                <p class="cycle-details-text">Window duration: <span>{{$farm->start_date->format('jS F')}} to {{$farm->due_date->format('jS F')}}</span></p>
                <p class="cycle-details-text"> Farmcycle returns: <span>15% </span></p>
                <div class="btn-cd-wrap">
                    @if($settings->canSponsorNow() && !($farm->units < 1))
                         <a href="#" data-toggle="modal" data-target="#sponsor-now" class="btn-cd btn">Sponsor Now</a>
                    @else
                         <a href="#" data-toggle="modals" data-target="#cannotsponsornow" class="btn-cd btn disabled">Sponsor Now</a>
                    @endif

                    @if($settings->canSponsorViaVestBank())
                        <a href="#" data-toggle="modal" data-target="#sponsor-via-vestbank" class="btn-cd btn btn-vestbank">Sponsor via Vestbank</a>
                    @else
                        <a href="#" data-toggle="modals" data-target="#cannotsponsor" class="btn-cd btn btn-vestbank disabled">Sponsor via Vestbank</a>
                    @endif
                </div>
            </div>
        </div>
    </div>

    <div class="sponsor-now-modal-wrap">
        <div class="modal fade" id="sponsor-now" tabindex="-1" role="dialog" aria-labelledby="sponsor-now" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered sponsor-now-modal" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title heading__secondary text-center" id="exampleModalLongTitle">SPONSOR NOW</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('banksponsorship.sponsor')}}" method="POST" class="vestfunds__form" id="sponsor-now__form">
                                            @csrf
                                            <input type="hidden" name="farm_id" value="{{$farm->id}}">

                                            <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="sn-first-name__label" for="sn-input__first-name">First name </label>
                                                        <input type="text" class="form-control {{ $errors->has('firstname') ? ' is-invalid' : '' }}" id="sn-input__first-name" name="firstname" placeholder="First name" value="{{Auth::user()->firstname}}">

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

                                                <div class="col-12 col-md-6">
                                                    <div class="form-group mb-5">
                                                        <label class="vestfunds-label" id="sn-last-name__label" for="sn-input__last-name">Last name </label>
                                                        <input type="text" class="form-control {{ $errors->has('lastname') ? ' is-invalid' : '' }}" id="sn-input__last-name" name="lastname" placeholder="Last name" value="{{Auth::user()->lastname}}">

                                                        @if ($errors->has('lastname'))
                                                            <span class="invalid-feedback" role="alert">
                                                                <strong>{{ $errors->first('lastname') }}</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="email" >Email </label>
                                                        <input type="email" id="email" class="form-control deposit-method-bank__username {{ $errors->has('email') ? ' is-invalid' : '' }}" name="email" id="email" placeholder="Enter Email" value="{{Auth::user()->email}}">
                                                        @if ($errors->has('email'))
                                                        <span class="invalid-feedback" role="alert">
                                                            <strong>{{ $errors->first('email') }}</strong>
                                                        </span>
                                                        @endif
                                                    </div>
                                                </div>

                                                <div class="col-12 col-md-6">
                                                    <div class="form-group mb-5">
                                                        <label class="vestfunds-label" id="sn-address__label" for="sn-address">Address: </label>
                                                        <input type="text" class="form-control deposit-method-bank__address {{ $errors->has('address') ? ' is-invalid' : '' }}" name="address" id="sn-address" placeholder="Enter address" value="{{Auth::user()->address}}">
                                                        @if ($errors->has('address'))
                                                        <span class="invalid-feedback" role="alert">
                                                            <strong>{{ $errors->first('address') }}</strong>
                                                        </span>
                                                        @endif
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="row">
                                                <div class="col-12 col-md-6">
                                                    <div class="form-group mb-4">
                                                        <label class="vestfunds-label" id="sn-amount__label" for="sn-amount">Amount to Sponsor </label>
                                                        <input type="text" class="form-control deposit-method-bank__amount {{ $errors->has('amount') ? ' is-invalid' : '' }}" name="amount" id="sn-amount" placeholder="Enter amount" value="{{Auth::user()->amount}}">
                                                        @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="funding-source " >Select funding source </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($paymentMethods as $payment)
                                                                <option value="{{$payment}}">{{$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">
                                                <div class="col-12 col-md-6">
                                                    <div class="form-group mb-5">
                                                        <label class="vestfunds-label" id="sn-units__label" for="sn-units">Number of Units </label>
                                                        <input type="text" class="form-control deposit-method-bank__amount {{ $errors->has('units') ? ' is-invalid' : '' }}" name="units" id="sn-units" placeholder="Number of units">
                                                        @if ($errors->has('units'))
                                                        <span class="invalid-feedback" role="alert">
                                                            <strong>{{ $errors->first('units') }}</strong>
                                                        </span>
                                                        @endif
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="row">
                                                <div class="col-12 col-md-5 offset-md-7">
                                                        <button type="submit" id="sn-submit__btn" class="vestfunds_btn btn mb-5">Sponsor Now</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>
                                        </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: SunTrust Bank</p>
                                                    <p class="vestfunds__account--text">Account Name: Globetrot farmsponsor Nig ltd</p>
                                                    <p class="vestfunds__account--text">Account Number: 0001105129</p>
                                                </div>

                                                <div class="vestfunds__account">
                                                    <p class="vestfunds__account--text">Bank Name: First Bank Plc</p>
                                                    <p class="vestfunds__account--text">Account Name: Globetrot farmsponsor Nig ltd</p>
                                                    <p class="vestfunds__account--text">Account Number: 2033547424</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                </div>
                            </div>

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



    <div class="vestbank-sponsor-modal-wrap">
        <div class="modal fade" id="sponsor-via-vestbank" tabindex="-1" role="dialog" aria-labelledby="sponsor-via-vestbank" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered vestbank-sponsor-modal" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title heading__secondary text-center" id="exampleModalLongTitle">Sponsor via Vestbank</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('farms.sponsor', $farm->slug)}}" id="vestbank-sponsor__form" class="vestbank-sponsor__form" method="POST">
                            @csrf
                            <div class="form-group ">
                                <label class="vestfunds-label" id="vb-sponsor-amount__label" for="vestbank-sponsor__amount">
                                    Specify the number of units here
                                </label>
                                <input type="number" name="unit" id="vestbank-sponsor__amount" class="form-control specify-amount__input {{ $errors->has('amount') ? ' is-invalid' : '' }}" placeholder="Enter Number of Units">
                                @if ($errors->has('unit'))
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $errors->first('unit') }}</strong>
                                    </span>
                                @endif
                            </div>

                            <div class="form-group mt-5">
                                <button type="submit" id="vestbank-sponsor__btn" class="vestfunds_btn btn">Sponsor Now</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>

@endsection