@push('styles')
<style>
.table-donor td, .table-donor th
{
border-top:0px solid #eaeaea;
}
</style>
@endpush
<div class="card">
  <div class="card-body padd-10">
    <h4 class="card-title">Add Receipt</h4>
  </div>
  <hr class="m-t-0">
  <form class="form-horizontal r-separator" action="{{route('admin.receipt.store')}}" method="POST" enctype="multipart/form-data" role="form">
    {{csrf_field()}}
    <div class="card-body bg-light">
      <div class="row">
	  <div class="col-sm-12 col-md-6">
          <div class="form-group" id="the-basics">
            <label for="inputEmail3" class="control-label col-form-label">Search Donor<span class="asterrisk">*</span></label>
            <div class="clearfix"></div>
			<div class="input-group mb-3">
                                        <input type="text" class="form-control donor-text" placeholder="Enter Keyword" aria-label="" aria-describedby="basic-addon1" id="searchDonorBox" autocomplete="off">
                                        <div class="input-group-append">
                                            <button class="btn btn-info" type="button" id="searchDonor"><i class="ti-search"></i></button>
                                        </div>
                                    </div>
            
			
			
			 </div>
        </div>
	  <div class="col-sm-12 col-md-6">
          <div class="form-group">
		  <label for="inputEmail3" class="control-label col-form-label">&nbsp;</label>
            <a href="javascript:;" class="addRecord btn waves-effect waves-light btn-block btn-success">[Add Donation User]</a> 
			</div>
			<input type="hidden" id="donor_id_input" name="donor_id" value="@if(Request::has('donor_id')) {{ Request::get('donor_id') }} @endif"/>
			@if ($errors->has('donor_id')) <span class="help-block"> <strong>{{ $errors->first('donor_id') }}</strong> </span> @endif 
			
        </div>
        
		<div id="donorsInfo" class="col-sm-12 mb-2">
		</div>
      </div>
	  
	  
	  
	  
	  @if(Request::has('donor_id'))
	  <div class="">
	  @php $donorInfo = App\Models\Donor::where('id',Request::get('donor_id'))->first(); @endphp
		<div class="card">
		  <div class="card-body">
		  
		  
		  <div class="form-group row">
                                                    <label class="control-label col-md-4"><strong>Donation User Name</strong></label>
                                                    <div class="col-md-8">
                                                        <p class="form-control-static">{{ $donorInfo->first_name.' '.$donorInfo->last_name }}</p>
                                                    </div>
                                                </div>
		  <div class="form-group row">
                                                    <label class="control-label col-md-4"><strong>Donation User Address</strong></label>
                                                    <div class="col-md-8">
                                                        <p class="form-control-static">{{ $donorInfo->address }}</p>
                                                    </div>
                                                </div>
												<div class="form-group row">
                                                    <label class="control-label col-md-4"><strong>Donation User Contact</strong></label>
                                                    <div class="col-md-8">
                                                        <p class="form-control-static">{{ '+'.$donorInfo->country_code.'-'.$donorInfo->contact }}</p>
                                                    </div>
                                                </div>
		  
		  
		  </div>
		</div>
	  </div>
	  @endif
	  
	  
      <div class="row">
        <div class="col-sm-12 col-md-6">
          <div class="form-group">
            <label for="inputEmail3" class="control-label col-form-label">Amount(CAD)<span class="asterrisk">*</span></label>
            <input type="text" class="form-control" id="inputEmail3" name="amount" value="{{ old('amount') }}" autocomplete="off">
            @if ($errors->has('amount')) <span class="help-block"> <strong>{{ $errors->first('amount') }}</strong> </span> @endif </div>
        </div>
        <div class="col-sm-12 col-md-6">
          <div class="form-group">
            <label for="inputEmail3" class="control-label col-form-label">Mode of Payment<span class="asterrisk">*</span></label>
            <select name="payment_mode" id="mode_of_payment" class="form-control">
              <option value="">Mode of Payment</option>
              <option value="Cash" @if(old('payment_mode')=='Cash') selected="selected" @endif>Cash</option>
              <option value="Cheque" @if(old('payment_mode')=='Cheque') selected="selected" @endif>Cheque</option>
              <!--<option value="Pledge" @if(old('payment_mode')=='Pledge') selected="selected" @endif>Pledge</option>
                    <option value="Card" @if(old('payment_mode')=='Card') selected="selected" @endif>Card</option>-->
              <option value="Online" @if(old('payment_mode')=='Online') selected="selected" @endif>Online/Website</option>
              <option value="E-Transfer" @if(old('payment_mode')=='E-Transfer') selected="selected" @endif>E-Transfer</option>
			  <option value="Pledge" @if(old('payment_mode')=='Pledge') selected="selected" @endif>Pledge</option>
			  <option value="Credit Card" @if(old('payment_mode')=='Credit Card') selected="selected" @endif>Credit Card</option>
			  <option value="Non Cash" @if(old('payment_mode')=='Non Cash') selected="selected" @endif>Non Cash</option>
            </select>
            @if ($errors->has('payment_mode')) <span class="help-block"> <strong>{{ $errors->first('payment_mode') }}</strong> </span> @endif </div>
        </div>
      </div>
      <div class="divPaymentOptions divCard mt-1" @if(old('payment_mode')=='Card') style="display: block;" @else style="display: none;" @endif>
        <div class="row">
          <div class="col-sm-12 col-md-6">
            <div class="form-group">
              <label for="card_number">Card Number</label>
              <input type="number" name="card_number" id="card_number" class="form-control" placeholder="16 digit card number" autocomplete="off">
              @if ($errors->has('card_number')) <span class="help-block"> <strong>{{ $errors->first('card_number') }}</strong> </span> @endif </div>
          </div>
          <div class="col-sm-12 col-md-6">
            <div class="row">
              <div class="col-4">
                <div class="form-group">
                  <label for="expiry_month">Expiry Month</label>
                  <select name="expiry_month" id="expiry_month" class="form-control">
                    <option value="01">Jan</option>
                    <option value="02">Feb</option>
                    <option value="03">Mar</option>
                    <option value="04">Apr</option>
                    <option value="05">May</option>
                    <option value="06">Jun</option>
                    <option value="07">Jul</option>
                    <option value="08">Aug</option>
                    <option value="09">Sep</option>
                    <option value="10">Oct</option>
                    <option value="11">Nov</option>
                    <option value="12">Dec</option>
                  </select>
                  @if ($errors->has('expiry_month')) <span class="help-block"> <strong>{{ $errors->first('expiry_month') }}</strong> </span> @endif </div>
              </div>
              <div class="col-4">
                <div class="form-group">
                  <label for="expiry_year">Expiry Year</label>
                  <select name="expiry_year" id="expiry_year" class="form-control">
                    
                            
					  	@php
					  	$firstYear = (int)date('Y');
						$lastYear = $firstYear + 10;
						@endphp
						
						@for($i=$firstYear;$i<=$lastYear;$i++)
                    <option value="{{ $i }}">{{ $i }}</option>
						@endfor
                      
                          
                  </select>
                  @if ($errors->has('expiry_year')) <span class="help-block"> <strong>{{ $errors->first('expiry_year') }}</strong> </span> @endif </div>
              </div>
              <div class="col-4">
                <div class="form-group">
                  <label for="expiry_year">CVV</label>
                  <input type="number" name="cvv" id="cvv" class="form-control" placeholder="CVV" autocomplete="off">
                  @if ($errors->has('cvv')) <span class="help-block"> <strong>{{ $errors->first('cvv') }}</strong> </span> @endif </div>
              </div>
            </div>
          </div>
          <hr>
        </div>
      </div>
      <div class="divPaymentOptions divCheque mt-1"  @if(old('payment_mode')=='Cheque') style="display: block;" @else style="display: none;" @endif>
        <div class="row">
          <div class="col-sm-12 col-md-6">
            <div>
              <label for="cheque_no">Cheque No.</label>
              <input class="form-control" type="text" name="cheque_no" id="cheque_no" placeholder="Cheque number" autocomplete="off">
              @if ($errors->has('cheque_no')) <span class="help-block"> <strong>{{ $errors->first('cheque_no') }}</strong> </span> @endif </div>
          </div>
          <div class="col-sm-12 col-md-6">
            <div class="mt-1">
              <label for="cheque_date">Cheque Date</label>
              <input class="form-control" type="date" name="cheque_date" id="cheque_date" placeholder="Cheque date" autocomplete="off">
              @if ($errors->has('cheque_date')) <span class="help-block"> <strong>{{ $errors->first('cheque_date') }}</strong> </span> @endif </div>
          </div>
          <hr>
        </div>
      </div>
      <div class="divPaymentOptions divPledge mt-1"  @if(old('payment_mode')=='Pledge') style="display: block;" @else style="display: none;" @endif>
        <div class="row">
          <div class="col-sm-12 col-md-6">
            <div>
              <label for="pledge_date">Pledge Date</label>
              <input class="form-control" type="date" name="pledge_date" id="pledge_date" placeholder="Approx date to donate" autocomplete="off">
              @if ($errors->has('pledge_date')) <span class="help-block"> <strong>{{ $errors->first('pledge_date') }}</strong> </span> @endif </div>
          </div>
          <hr>
        </div>
      </div>
      <div class="row">
        <div class="col-sm-12 col-md-6" style="display:none;">
          <div class="form-group">
            <label for="inputEmail3" class="control-label col-form-label">Mode of Payment<span class="asterrisk">*</span></label>
            <select name="payment_frequency" id="payment_frequency" class="form-control">
              <option value="One Time" selected="selected"> One Time Payment </option>
              <option value="Recurring"> Recurring Payment </option>
            </select>
            @if ($errors->has('payment_frequency')) <span class="help-block"> <strong>{{ $errors->first('payment_frequency') }}</strong> </span> @endif </div>
        </div>
        <div class="col-sm-12 col-md-6">
          <div class="form-group">
            <label for="inputEmail3" class="control-label col-form-label">Payment Status<span class="asterrisk">*</span></label>
            <select name="payment_status" id="payment_status" class="form-control">
              <option value="Not Paid">Not Paid</option>
              <option value="Paid">Paid</option>
              <!--<option value="Cancelled">Cancelled</option>-->
            </select>
            @if ($errors->has('payment_status')) <span class="help-block"> <strong>{{ $errors->first('payment_status') }}</strong> </span> @endif </div>
        </div>
      </div>
      <div class="row">
        <div class="col-sm-12 col-md-12">
          <div class="form-group">
            <label for="inputEmail3" class="control-label col-form-label">Remarks</label>
            <textarea type="text" class="form-control" id="inputEmail3" name="remarks" autocomplete="off">{{ old('remarks') }}</textarea>
            @if ($errors->has('remarks')) <span class="help-block"> <strong>{{ $errors->first('remarks') }}</strong> </span> @endif </div>
        </div>
      </div>
	  
	  
	  <div class="row">
        <div class="col-sm-6 col-md-6">
          <div class="form-group">
            <label for="inputEmail3" class="control-label col-form-label">Event</label>
            <select class="form-control" name="event_id" required>
					<option value="">--Select--</option>
					@if(!empty($events))
					@foreach($events as $event)
					<option value="{{ $event->id }}">{{ $event->title }}</option>
					@endforeach
					@endif
                    </select>
            @if ($errors->has('event_id')) <span class="help-block"> <strong>{{ $errors->first('event_id') }}</strong> </span> @endif </div>
        </div>
      </div>
    </div>
    <div class="card-body">
      <div class="form-group m-b-0 text-right">
        <button type="submit" class="btn btn-info waves-effect waves-light">Save Donation</button>
        <!--<a href="{{route('admin.receipt.index')}}" class="btn btn-dark waves-effect waves-light deactive_button">Cancel</a>--> </div>
    </div>
  </form>
</div>


@push('modals')
@include('admin.donor.partials.addDonorModal',['module'=>'receipt'])
@endpush

@push('scripts')
<script>
$(document).on('change', '#mode_of_payment', function() {
                $('.divPaymentOptions').hide();
                if($(this).val().toLowerCase() == 'cheque') {
                    $('.divCheque').show();
					$('#payment_status').val('Not Paid');
                } else if($(this).val().toLowerCase() == 'pledge') {
                    $('.divPledge').show();
					$('#payment_status').val('Not Paid');
                } else if($(this).val().toLowerCase() == 'card') {
                    $('.divCard').show();
					$('#payment_status').val('Paid');
                }
				else
				{
				$('#payment_status').val('Paid');
				}
            });
</script>

<!--<script>
$(document).ready(function(){
 
 $('#donor_input').typeahead({
  hint: true,
  highlight: true,
  minLength: 4,
  source: function(query, result)
  {
   $.ajax({
    url:"{{ url('ajax/fetchDonor') }}",
    method:"GET",
    data:{query:query},
    dataType:"json",
    success:function(data)
    {
		//console.log('success===='+JSON.stringify(data));
     result($.map(data, function(item){
      return item;
     }));
    },
	error: function(err)
	{
	//console.log('err===='+JSON.stringify(err));
	}
   })
  }
 });
 
 
 
});
</script>-->

<script>
function loadDonorInfo(donorText)
{
	
	$("#donorsInfo").html('<center><img src="https://donation.gnfb.ca/public/admin_assets/images/loader.gif" width="60" height="60"></center>');
	
	
	var data = {'_token': "<br />
<b>Fatal error</b>:  Uncaught Error: Call to undefined function csrf_token() in /home/donationgnfb/public_html/resources/views/admin/receipt/partials/newReceipt.blade.php:317
Stack trace:
#0 {main}
  thrown in <b>/home/donationgnfb/public_html/resources/views/admin/receipt/partials/newReceipt.blade.php</b> on line <b>317</b><br />