@extends('layouts.innerpage')

@section('title', 'Chit Payment')

@section('content')
<style>
@media (min-width: 1200px) {
  .table-responsive {
    overflow-x: initial;
  }
}

.ps-table thead > tr > th {
  font-size: 18px;
  font-weight: 700;
  color: #515356;
  text-transform: uppercase;
  border-bottom: 1px solid #e5e5e5;
}

.ps-table tbody > tr > td {
  vertical-align: middle;
  padding: 20px 30px;
  border: 1px solid #ddd;
  color: #666;
}

@media (max-width: 768px) {
  .ps-table--responsive {
    border: none;
    max-width: 100vw;
  }
  .ps-table--responsive .ps-product--cart {
    flex-flow: column nowrap;
    align-items: flex-end;
    margin-left: 30px;
  }
  .ps-table--responsive .ps-product--cart .ps-product__thumbnail {
    display: none;
  }
  .ps-table--responsive .ps-product--cart .ps-product__content {
    padding-left: 0;
  }
  .ps-table--responsive thead {
    display: none;
  }
  .ps-table--responsive tbody {
    display: block;
  }
  .ps-table--responsive tbody tr {
    display: block;
    margin-bottom: 10px;
    border: 1px solid #ddd;
  }
  .ps-table--responsive tbody tr td[data-label] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: none;
    text-transform: capitalize;
    border-top: 1px solid #ddd;
    min-width: 220px;
  }
  .ps-table--responsive tbody tr td[data-label]:before {
    content: attr(data-label) ":";
    font-weight: 600;
    margin-right: 12px;
  }
  .ps-table--responsive tbody tr td[data-label]:first-child {
    border-top: none;
  }
}
</style>

<section class="section-padding bg-dark inner-header" style="padding-top:140px;">
    <div class="container">
        <div class="row">
            <div class="col-md-12 text-center">
                <h1 class="mt-0 mb-3 text-white">My Chit</h1>
                <div class="breadcrumbs">
                    <p class="mb-0 text-white"><a class="text-white" href="{{url('/')}}">Home</a> / <span class="text-success">My Chit</span></p>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="account-page section-padding">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <div class="row no-gutters">
                    <div class="col-md-4">
                        <div class="card account-left">
                            <div class="user-profile-header">
                                @if(isset(Auth::user()->profile_picture))
                                    @php 
                                        $profileimg = url('/')."/uploads/members/".Auth::user()->profile_picture;
                                        if(Auth::user()->sm!='') {
                                            $profileimg = Auth::user()->profile_picture;
                                        } 
                                    @endphp
                                    <img src="{{$profileimg}}">
                                @else 
                                    <img alt="logo" src="{{url('/')}}/assets/frontend/img/user.png">
                                @endif
                                <h5 class="mb-1 text-secondary"><strong>Hi </strong> @if(Auth::user()->name!="") {{Auth::user()->name}} @else User @endif</h5>
                                @if(Auth::user()->phone_no!="") <p> {{Auth::user()->phone_no}} </p> @endif
                                @if(Auth::user()->email!="") <p> {{Auth::user()->email}} </p> @endif
                            </div>
                            @include('includes.profile_menu')
                        </div>
                    </div>

                    <div class="col-md-8">
                        <div class="card card-body account-right">
                            <div class="widget">
                                <div class="order-list-tabel-main table-responsive">
                                    @php 
                                        $cdate = date('Y-m-d', strtotime("-1 months")); $is_flag = 1; $is_two = 1; $totprice = 0; $cid = 0; $amt = 0; $lpd = '';
                                        $no_of_installment = isset($chitscheme->no_of_installment)?$chitscheme->no_of_installment:0; 
                                    @endphp
                                    
                                    <table class="datatabel table order-list-tabel ps-table--responsive" style="min-width:auto" width="100%" cellspacing="0">
                                        <thead>
                                            @if($chitdetails->scheme_id==2)
                                                <tr>
                                                    <!--<th>Ins #</th>-->
                                                    <th>Mon </th>
                                                    <th>Ins Amount</th>
                                                    <th>Gold rate<br>on date</th>  
                                                    <th>Credit<br>(in grams)</th>
                                                    <th>Paid Date </th>
                                                    <th>Interest</th>
                                                    <th>Status</th>
                                                </tr>
                                            @else
                                                <tr>
                                                    <th>Ins #</th>
                                                    <th>Mon Ins </th>
                                                    <th>Ins Amount</th>
                                                    <th>Gold rate<br>on date</th>  
                                                    <th>Credit<br>(in grams)</th>
                                                    <th>Paid Date </th>
                                                    <th>Status</th>
                                                </tr>
                                            @endif
                                        </thead>
                                        <tbody>
                                                @if($chitdetails->scheme_id==2)
                                                    @php
                                                        $curdate = strtotime(date('d F Y'));
                                                        $payment_details_monthly = DB::table('payment_details')->where('user_id',Auth::user()->id)->where('chit_detail_id',$chitdetails->id)->groupBy(DB::raw('YEAR(payment_date)'), DB::raw('MONTH(payment_date)'))->orderBy('id','ASC')->get();
                                                        $cid = $chitdetails->id;
                                                        $amt = 0; $totamt = 0;
                                                        $wt=0; $totga = 0; $totwt = 0;
                                                        $total_interest=0; $current_interest = 0;
                                                    @endphp
                                                    
                                                    @foreach($payment_details_monthly as $k => $values)
                                                        @php
                                                            $paymentmonth = date('m',strtotime($values->payment_date)); $paymentyear = date('Y',strtotime($values->payment_date));
                                                            $payment_details = DB::table('payment_details')->where('user_id',Auth::user()->id)->where('chit_detail_id',$chitdetails->id)->where(DB::raw('YEAR(payment_date)'),$paymentyear)->where(DB::raw('MONTH(payment_date)'),$paymentmonth)->orderBy('id','ASC')->get();
                                                            
                                                            $paymentmonth_int = date('m',strtotime($values->payment_date." -1 month")); $paymentyear_int = date('Y',strtotime($values->payment_date." -1 month"));;
                                                            //echo "Year :".$paymentyear_int; 
                                                            $payment_details_int = DB::table('payment_details')->where('approved',1)->where('user_id',Auth::user()->id)->where('chit_detail_id',$chitdetails->id)->where(DB::raw('YEAR(payment_date)'),$paymentyear_int)->where(DB::raw('MONTH(payment_date)'),$paymentmonth_int)->sum('amount');
                                                            $wt = DB::table('payment_details')->where('user_id',Auth::user()->id)->where('approved',1)->where('chit_detail_id',$chitdetails->id)->where(DB::raw('YEAR(payment_date)'),$paymentyear)->where(DB::raw('MONTH(payment_date)'),$paymentmonth)->sum('gold_weight');
                                                            $totwt = $wt+$totwt+$current_interest;
                                                        @endphp
                                                        @foreach($payment_details as $i => $item)
                                                            @php
                                                                $totamt = $totamt+$item->amount;
                                                            @endphp
                                                            <tr>
                                                                <!--<td data-label="Ins#" >#{{$totwt}}****{{$wt}}</td>-->
                                                                <td data-label="Monthly Ins">
                                                                   @if($item->payment_date && $i==1) 
                                                                        @php $cdate = date("Y-m-d", strtotime($item->payment_date." -1 months")); @endphp
                                                                    @endif
                                                                    Payment for {{date('F Y',strtotime($item->payment_date))}}
                                                                </td>
                                                                <td data-label="Ins Amount">
                                                                    @if($payment_details)
                                                                        
                                                                    @else
                                                                        @if($chitinsdate < $curdate)
                                                                            @php $is_flag = $is_flag+1; @endphp
                                                                        @endif
                                                                    @endif
                                                                    <div>
                                                                        
                                                                    <i class="fa fa-rupee-sign"></i> {{number_format($item->amount)}}</div></td>
                                                                <td data-label="Gold Rate on Date">
                                                                    <div>
                                                                        <i class="fa fa-rupee-sign"></i> {{number_format((int)str_replace(',','',$item->gold_rate))}}</div>
                                                                   
                                                                </td>
                                                                <td data-label="Credit (In gms)"> {{number_format($item->gold_weight,3)}} </td>
                                                                <td data-label="Paid Date">{{date('d/m/Y',strtotime($item->payment_date))}} </td>
                                                                <td></td>
                                                                <td data-label="Status">
                                                                    @if($item->approved==0)
                                                                        <span class="badge badge-warning">Waiting for Approval</span>
                                                                    @else
                                                                        <span class="badge badge-success">Paid</span>
                                                                        <a target="_blank" href="{{url('/')}}/payment/history/receipt/{{$item->id}}" title="Print"><span class="badge badge-info"><i class="fa fa-print text-white"></i> Print</span></a>
                                                                    @endif
                                                                </td>
                                                            </tr>
                                                        @endforeach
                                                            @if($k>0)
                                                                <tr>
                                                                    <td class="text-info">Interest capitilised for the month of <b>{{date('F',strtotime($item->payment_date." -1 month"))}}</b> </td>
                                                                    <td></td><td></td>
                                                                    <td></td>
                                                                     <td></td><td class="text-info">
                                                                         <b>
                                                                            @php 
                                                                                //echo "Total Paid Amt :".$payment_details_int; echo "<br>";
                                                                                //echo ".75% : ".$ga = ((0.75/100)*$payment_details_int); echo "<br>";
                                                                                $ga = ((0.75/100)*$payment_details_int); 
                                                                                $totga = number_format(($ga/$item->gold_rate),3); 
                                                                                $current_interest = $totga;
                                                                                $total_interest=$total_interest+($ga/$item->gold_rate);
                                                                            @endphp 
                                                                            {{$totga}}
                                                                        </b>
                                                                     </td><td></td>
                                                                </tr>
                                                            @endif
                                                            @if($item->approved==1)
                                                                <tr>
                                                                    <td class="text-warning">Gold accumulated for the month <b>{{date('F',strtotime($item->payment_date))}}</b> </td>
                                                                    <td></td><td></td><td></td><td></td>
                                                                    <td class="text-warning"><b> {{number_format($wt,3)}}</b></td><td></td>
                                                                </tr>
                                                            @endif
                                                            @if($k>0)
                                                                <!--<tr>
                                                                    <td>Interest capitilised for the mont of {{date('F Y',strtotime($item->payment_date." -1 month"))}} </td>
                                                                    <td></td><td></td><td></td><td></td>
                                                                    <td colspan="2" class="text-left"><i class="fa fa-rupee-sign"></i> <b>{{number_format(((0.75/100)*$totamt),2)}}</b></td>
                                                                </tr>-->
                                                           
                                                                <tr>
                                                                    <td class="text-success">Gold at the end of <b>{{date('F',strtotime($item->payment_date))}}</b> </td>
                                                                    <td></td><td></td><td></td><td></td>
                                                                    <td class="text-success"><b>{{number_format(($totwt+$totga),3)}} </b></td><td></td>
                                                                </tr>
                                                            @endif
                                                    @endforeach
                                                    
                                                    @php
                                                        $totalbal = number_format(($totwt+$totga),3);
                                                        DB::table('chit_details')->where('id',$chitdetails->id)->update(array("total_interest"=>$totalbal));
                                                    @endphp
                                                    
                                                    <!--<tr>
                                                        <td colspan="4"><b> Paid Amount :</b></td>
                                                        <td colspan="1"><i class="fa fa-rupee-sign"></i> <b>{{number_format($totamt,2)}}</b></td>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td colspan="4"><b>Interest Earned  :</b></td>
                                                        <td colspan="1"><i class="fa fa-rupee-sign"></i> <b>{{number_format(((0.75/100)*$totamt),2)}}</b></td>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td colspan="4"><b>Total Weight :</b></td>
                                                        <td colspan="1"><b>{{number_format($wt,3)}}</b></td>
                                                        <td></td>
                                                    </tr>-->
                                                @else
                                                    @for($i=0;$i<=11;$i++)
                                                    @php
                                                        $insmon = date('m/Y',strtotime('+'.$i.' month', strtotime($chitdetails->joining_date)));
                                                        
                                                        $curdate = strtotime(date('d F Y'));
                                                        $payment_details = DB::table('payment_details')->where('no_of_installments',$i+1)->where('user_id',Auth::user()->id)->where('chit_detail_id',$chitdetails->id)->orderBy('id','DESC')->first();
                                                        $cid = $chitdetails->id;
                                                        $amt = 0;
                                                        if($payment_details) {
                                                        $amt = isset($chitscheme->installment_amount)?$chitscheme->installment_amount:$payment_details->amount;
                                                        }
                                                    @endphp
                                                    <tr>
                                                        <td data-label="Ins#" >#{{$i+1}}</td>
                                                        <td data-label="Monthly Ins">
                                                            @if($chitdetails->joining_date) 
                                                                {{date('F Y',strtotime('+'.$i.' month', strtotime($chitdetails->joining_date)))}} 
                                                                @php $chitinsdate = strtotime('+'.$i.' month', strtotime($chitdetails->joining_date)); @endphp
                                                            @else
                                                                @if($payment_details && $i==1) 
                                                                    @php $cdate = date("Y-m-d", strtotime($payment_details->payment_date." -1 months")); @endphp
                                                                @endif
                                                                {{date('F Y',strtotime('+'.$i.' month', strtotime($cdate)))}}
                                                                @php $chitinsdate = strtotime('+'.$i.' month', strtotime($cdate)); @endphp
                                                            @endif
                                                        </td>
                                                        <td data-label="Ins Amount">
                                                            @if($payment_details)
                                                                
                                                            @else
                                                                @if($chitinsdate < $curdate)
                                                                    @php $is_flag = $is_flag+1; @endphp
                                                                @endif
                                                            @endif
                                                            <div>
                                                                
                                                            @php if($payment_details) { $amt = isset($chitscheme->installment_amount)?$chitscheme->installment_amount:$payment_details->amount; } @endphp
                                                            
                                                            <i class="fa fa-rupee-sign"></i> {{number_format($amt)}}</div></td>
                                                            <td data-label="Gold Rate on Date">
                                                            @if($payment_details)
                                                                <div><i class="fa fa-rupee-sign"></i> {{number_format((int)str_replace(',','',$payment_details->gold_rate))}}</div>
                                                            @else
                                                                -
                                                            @endif 
                                                        </td>
                                                        <td data-label="Credit (In gms)">@if($payment_details) {{number_format($payment_details->gold_weight,3)}} @else - @endif</td>
                                                        <td data-label="Paid Date">@if($payment_details) {{date('d/m/Y',strtotime($payment_details->payment_date))}} @else - @endif</td>
                                                        <td data-label="Status">
                                                            @if($payment_details)
                                                                @if($payment_details->approved==0)
                                                                    <span class="badge badge-warning">Waiting for Approval</span>
                                                                @else
                                                                    <span class="badge badge-success">Paid</span>
                                                                    <a target="_blank" href="{{url('/')}}/payment/history/receipt/{{$chitdetails->id}}" title="Print"><span class="badge badge-info"><i class="fa fa-print text-white"></i> Print</span></a>
                                                                @endif
                                                            @else 
                                                                @php
                                                                    $lastmon = date('m/Y',strtotime('-1 month', strtotime(date('Y-m-d'))));
                                                                @endphp
                                                                @if($insmon == date('m/Y') || $insmon == $lastmon || Auth::user()->enable_payment==1)
                                                                    <a href="{{url('/')}}/pay/?ins={{$i+1}}&cid={{$chitdetails->id}}&amt={{$amt}}"><span class="badge badge-info">Pay Now</span></a>
                                                                @endif
                                                            @endif
                                                            
                                                            <!--@if($payment_details)
                                                                @php $lpd = date("d M Y", strtotime($payment_details->payment_date)); @endphp
                                                                <span class="badge badge-success">Paid</span>
                                                            @else 
                                                                @php
                                                                    $lastmon = date('m/Y',strtotime('-1 month', strtotime(date('Y-m-d'))));
                                                                @endphp
                                                                
                                                                @if(($insmon < date('m/Y') || $insmon == $lastmon || Auth::user()->enable_payment==1))@endif
                                                               
                                                                @if($chitinsdate <= $curdate)
                                                                
                                                                @php $is_two = 1; //$totprice = $totprice + $chitscheme->installment_amount; @endphp
                                                                <!--<a href="javascript:void(0);"><span class="badge badge-warning">Open</span></a>-->
                                                                <!--@endif
                                                               
                                                                @if(Auth::user()->enable_payment==1)
                                                                    @php $is_two = 2; $totprice = $totprice + $chitscheme->installment_amount; @endphp 
                                                                    <!--<a href="#paymentsection"><span class="badge badge-warning">Open</span></a>-->
                                                                    
                                                                    <!--<a href="javascript:void(0)" onclick="chit_paynow('{{$i}}','{{$chitdetails->id}}','{{$chitscheme->installment_amount}}')"><span class="badge badge-warning">Pay Now</span></a>
                                                                @else
                                                                    @if(($chitinsdate < $curdate) && (strtotime($lpd) != strtotime(date('d M Y'))))
                                                                        @if($is_flag<=3)
                                                                            @php $is_two = 2; $totprice = $totprice + $chitscheme->installment_amount; @endphp 
                                                                            <!--<a href="#paymentsection"><span class="badge badge-warning">Open</span></a>--> <!--onclick="chit_paynow('{{$i}}','{{$chitdetails->id}}','{{$chitscheme->installment_amount}}')"-->
                                                                            <!--<a href="javascript:void(0)" onclick="chit_paynow('{{$i}}','{{$chitdetails->id}}','{{$chitscheme->installment_amount}}')"><span class="badge badge-warning">Pay Now</span></a>
                                                                        @endif
                                                                    @endif
                                                                @endif
                                                            @endif-->
                                                        </td>
                                                    </tr>
                                                @endfor
                                            @endif
                                            @if($totprice>0)
                                                <!--<tr id="paymentsection">
                                                    <th colspan="4">Total Amount</th>
                                                    <td colspan="3"><a href="javascript:void(0);" style="cursor:pointer;"><span class="badge badge-info"> <i class="fa fa-rupee-sign"></i> {{number_format($totprice)}}</span> </a></td> <!--onclick="chit_payment('{{$is_two}}','{{$cid}}','{{$amt}}','{{Auth::user()->id}}')"
                                                </tr>-->
                                            @endif
                                        </tbody>
                                    </table>
                                    @php
                                        $gatewaycharge = ((2 / 100) * $totprice);
                                        $payable = $gatewaycharge + $totprice;
                                    @endphp
                                    @if(($totprice>0 && $chitdetails->scheme_id == 1) || $chitdetails->scheme_id == 2)  
                                    <div class="row" id="paynowDiv">
                                    <div class="control-group form-group col-md-9">
                                        <div class="controls">
                                            <label>Amount you wish to pay <span class="text-danger">*</span></label>
                                            <input type="number" placeholder="Amount" class="form-control numberOnly" id="amount" name="amount" onchange="changeAmt(this.value)" required>
                                        </div>
                                    </div>
                                    <div class="control-group form-group col-md-3">
                                        <div class="controls">
                                            <label></label>
                                            <a class="btn btn-lg btn-secondary btn-block text-white" id="paynowBtn" onclick="paychitamt()"> Add Money</a> 
                                        </div>
                                    </div>
                                    </div>
                                    <div class="main_card" id='payDiv' style="display:none;">
                                    
                                    <div class="select-cards">
                                    <h5 class="mt-3 text-secondary">Payment Direct</h5>
                                    <small>You should shell out some quality time but no gateway charges u can  <b>Save 2%</b></small>
                                    <div class="select" onclick="paymentOpt(2)">
                                      <div class="check-box">
                                          <div class="check-dot">            
                                          </div>
                                      </div>
                                      <div class="titles">
                                        <h4>Pay Using QR Code</h4>
                                        <small>Scan QR, Pay & Upload screenshot</small>
                                      </div>
                                    </div>    
                                    <div id="payment-transfer" class="select" onclick="paymentOpt(3)">
                                      <div class="check-box">
                                          <div class="check-dot">            
                                          </div>
                                      </div>
                                      <div class="titles">
                                        <h4>Direct Bank Transfer</h4>
                                        <small>Pay to our Bank Account directly and upload screen shot</small>
                                      </div>
                                    </div>
                                        <input type="hidden" name="name" id="total_amount">
                                        <div id="directTransfer" style="display:none;margin-top:5px;" class="text-center">
                                        <p style="margin-top:12px;" class="mb-0 pb-1 pt-1">Account Name : <strong class="text-black">SHRI ARTHI JEWELLERY</strong></p>
                                        <p style="margin-top:5px;" class="mb-0 pb-1 pt-1">Account Number : <strong class="text-black">35400002403</strong></p>
                                        <p style="margin-top:5px;" class="mb-0 pb-1 pt-1">IFSC : <strong class="text-black">SBIN0003690</strong></p>
                                        <p style="margin-top:5px;" class="mb-0 pb-1 pt-1">Bank Name : <strong class="text-black">State Bank of India</strong></p>
                                        <p style="margin-top:5px;" class="mb-0 pb-1 pt-1">Branch : <strong class="text-black">GANAPATHY</strong></p>
                                        @if($chitdetails->scheme_id == 1)
                                            <p style="margin-top:5px;" class="mb-0 pb-2 pt-1">Payable Amount : <strong class="text-black"><i class="fa fa-rupee-sign"></i> {{number_format($totprice,2)}}</strong></p>
                                        @else
                                            <p style="margin-top:5px;" class="mb-0 pb-2 pt-1">Payable Amount : <strong class="text-black"><i class="fa fa-rupee-sign"></i> <span class="total-amount" ></strong></p>
                                        @endif
                                        <p class="font-weight-bold mb-1">(Transfer to Shri Arthi Jewellery)</p>
                                        <a id="transfer-instructions-btn" href="#" data-target="#transfer-instructions" data-toggle="modal" class="btn btn-danger">View Instructions</a>
                                        <!--<form action="{{url('/')}}/chitsuccess" enctype="multipart/form-data" method="POST" id="offlinepaymentFrm"> -->
                                        <!--    @csrf-->
                                        <!--<fieldset class="form-group text-left" > -->
                                        <!--    <input type="hidden" name="order_id" id="order_id">-->
                                        <!--</fieldset>-->
                                        <!--</form>-->
                                        </div>
                                
                                        <div id="offlinePayment" style="display:none;margin-top:5px;" class="text-center">
                                            <img style="border:1px solid #ccc;" src="{{url('/')}}/assets/images/qrcode.png">
                                            @if($chitdetails->scheme_id == 1)
                                            <p style="margin-top:5px;" class="mb-0 pb-2 pt-1">Payable Amount : <strong class="text-black"><i class="fa fa-rupee-sign"></i> {{number_format($totprice,2)}}</strong></p>
                                            @else
                                            <p style="margin-top:5px;" class="mb-0 pb-2 pt-1">Payable Amount : <strong class="text-black"><i class="fa fa-rupee-sign"></i> <span class="total-amount" ></strong></p>
                                            @endif
                                            <p class="font-weight-bold mb-1">(Scan and Pay With Any UPI App)</p>
                                            <a id="payment-instructions-btn" href="#" data-target="#payment-instructions" data-toggle="modal" class="btn btn-danger">View Instructions</a>
                                            <!--<form action="{{url('/')}}/chitsuccess" enctype="multipart/form-data" method="POST" id="offlinepaymentFrm">-->
                                            <!--    @csrf-->
                                
                                            <!--<fieldset class="form-group text-left" >-->
                                            <!--    <input type="hidden" name="order_id" id="order_id">-->
                                            <!--</fieldset>-->
                                            <!--</form>-->
                                        </div>
                                        <div id="offline-button" style="display:none;margin-top:5px;" class="text-center">
                                            <form action="{{url('/')}}/chitsuccess" enctype="multipart/form-data" method="POST" id="offlinepaymentFrm">
                                                @csrf
                                           <!-- <fieldset class="form-group text-left" >
                                                <label>Transaction Id</label>
                                                <input type="text" class="form-control" name="transid" id="transid" placeholder="Transaction Id" maxlength="20">
                                            </fieldset>-->
                                            <img id="image-preview" class="d-none img-fluid mx-auto mb-3" style="max-width:300px" src="">
                                            <div class="upload-main-wrapper">
                                                <div class="upload-wrapper">
                                                        <input type="file" id="screenshotfile" name="screenshotfile" class="onlyImage" >
                                                        <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid meet" viewBox="224.3881704980842 176.8527621722847 221.13266283524905 178.8472378277154" width="221.13" height="178.85"><defs><path d="M357.38 176.85C386.18 176.85 409.53 204.24 409.53 238.02C409.53 239.29 409.5 240.56 409.42 241.81C430.23 246.95 445.52 264.16 445.52 284.59C445.52 284.59 445.52 284.59 445.52 284.59C445.52 309.08 423.56 328.94 396.47 328.94C384.17 328.94 285.74 328.94 273.44 328.94C246.35 328.94 224.39 309.08 224.39 284.59C224.39 284.59 224.39 284.59 224.39 284.59C224.39 263.24 241.08 245.41 263.31 241.2C265.3 218.05 281.96 199.98 302.22 199.98C306.67 199.98 310.94 200.85 314.93 202.46C324.4 186.96 339.88 176.85 357.38 176.85Z" id="b1aO7LLtdW"></path><path d="M306.46 297.6L339.79 297.6L373.13 297.6L339.79 255.94L306.46 297.6Z" id="c4SXvvMdYD"></path><path d="M350.79 293.05L328.79 293.05L328.79 355.7L350.79 355.7L350.79 293.05Z" id="b11si2zUk"></path></defs><g><g><g><use xlink:href="#b1aO7LLtdW" opacity="1" fill="#ffffff" fill-opacity="1"></use></g><g><g><use xlink:href="#c4SXvvMdYD" opacity="1" fill="#363535" fill-opacity="1"></use></g><g><use xlink:href="#b11si2zUk" opacity="1" fill="#363535" fill-opacity="1"></use></g></g></g></g></svg>
                                                        <span class="file-upload-text">Upload Screenshot</span>
                                                        <div class="file-success-text">
                                                         <svg version="1.1" id="check" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
                                                    viewBox="0 0 100 100"  xml:space="preserve">
                                                <circle style="fill:rgba(0,0,0,0);stroke:#ffffff;stroke-width:10;stroke-miterlimit:10;" cx="49.799" cy="49.746" r="44.757"/>
                                                <polyline style="fill:rgba(0,0,0,0);stroke:#ffffff;stroke-width:10;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;" points="
                                                    27.114,51 41.402,65.288 72.485,34.205 "/>
                                                </svg> <span>Uploaded</span></div>
                                            </div>
                                            </div> 
                                            <fieldset class="form-group text-left" >
                                                <input type="hidden" name="order_id" id="order_id">
                                            </fieldset>
                                            </form>
                                            <button style="margin-top:10px;" class="btn btn-danger btn-block" onclick="chit_payment('{{$is_two}}','{{$cid}}','{{$amt}}','{{Auth::user()->id}}','{{$chitdetails->scheme_id}}')"> Paid </button>
                                            
                                                                    <a target="_blank" href="{{url('/')}}/payment/history/receipt/{{$cid}}" title="Print"><span class="badge badge-info"><i class="fa fa-print text-white"></i> Print</span></a>
                                    </div>
                                    <div id="payment-transfer1111" class="select" onclick="paymentOpt(3)" style="display:none">
                                      <div class="check-box">
                                          <div class="check-dot">            
                                          </div>
                                      </div>
                                      <div class="titles">
                                        <h4>Direct Bank Transfer</h4>
                                        <small>Pay to our Bank Account directly and upload screen shot</small>
                                      </div>
                                    </div>
                                    <h5 class="mt-3 text-secondary">Payment via Gateway</h5>
                                    <small>Instant but <b>2% gateway charges</b> will be collected on ur billing amount</small>
                                    <div class="select" onclick="paymentOpt(1,1)">
                                      <div class="check-box">
                                          <div class="check-dot">            
                                          </div>
                                      </div>
                                      <div class="titles">
                                        <h4>Credit / Debit Card</h4>
                                        <small>Pay using Credit/Debit or International issued cards securely with our trusted payment partners</small>
                                      </div>
                                    </div>
                                    <div id="wallet" class="select" onclick="paymentOpt(1,2)">
                                      <div class="check-box">
                                          <div class="check-dot">            
                                          </div>
                                      </div>
                                      <div class="titles">
                                        <h4>Wallets</h4>
                                        <small>Choose this option to place your order using digital wallet</small>
                                      </div>
                                    </div>
                                    <div id="upi" class="select" onclick="paymentOpt(1,3)">
                                      <div class="check-box">
                                          <div class="check-dot">            
                                          </div>
                                      </div> 
                                      <div class="titles">
                                        <h4>UPI ID</h4>
                                        <small>Use our UPI payment options to complete your payment</small>
                                      </div>
                                    </div>
                                        <div id="razorpayBtn" style="display:none;margin-top:10px;" class="text-center">
                                        @if($chitdetails->scheme_id == 1)        
                                        <p class="mb-0 pb-2 pt-1">Gateway Charge (2%) : <strong class="text-black"><i class="fa fa-rupee-sign"></i> {{number_format($gatewaycharge,2)}}</strong></p>
                                        
                                        <p class="mb-0 pb-2 pt-1">Payable Amount : <strong class="text-black"><i class="fa fa-rupee-sign"></i> {{number_format($payable,2)}}</strong></p>
                                        @else
                                        <p class="mb-0 pb-2 pt-1">Gateway Charge (2%) : <strong class="text-black"><i class="fa fa-rupee-sign"></i><span class="gateway-amount"></span></strong></p>
                                        
                                        <p class="mb-0 pb-2 pt-1">Payable Amount : <strong class="text-black"><i class="fa fa-rupee-sign"></i> <span class="payable-amount"></span></strong></p>
                                        <input type="hidden" name="name" id="payable_amount">
                                        @endif
                                        <button style="margin-top:10px;" class="btn btn-danger btn-block" onclick="chitPayment('{{$is_two}}','{{$cid}}','{{$payable}}','{{Auth::user()->id}}', '{{$chitdetails->scheme_id}}')"> Pay Now</button>
                                        @php 
                                          $amount=$payable*100;
                                        @endphp
                                        
                                        <form action="{{url('/')}}/chitsuccess" id="chitpaymentFrm" method="POST" style="display: none;">         
                                            <script src="https://checkout.razorpay.com/v1/checkout.js"
                                                    data-key="{{$_ENV['RAZOR_KEY']}}"
                                                    data-amount="{{$amount}}"
                                                    data-currency="INR"
                                                    data-buttonclass="button-info">
                                            </script>
                                            <input type="hidden" name="razorpay_order_id" id="razorpay_order_id">
                                            <input type="hidden" name="name" id="payment_name">
                                              <input type="hidden" name="description" id="description">
                                              <input type="hidden" name="prefill[name]" id="prefill_name" >
                                              <input type="hidden" name="prefill[contact]" id="prefill_phone_no">
                                              <input type="hidden" name="prefill[email]" id="prefill_email">
                                            <input type="hidden" name="_token" value="{!!csrf_token()!!}">
                                        </form>
                                    </div>
                                    <div id="wallet1" class="select" onclick="paymentOpt(1,2)" style="display:none">
                                      <div class="check-box">
                                          <div class="check-dot">            
                                          </div>
                                      </div>
                                      <div class="titles">
                                        <h4>Wallets</h4>
                                        <small>Choose this option to place your order using digital wallet</small>
                                      </div>
                                    </div>
                                    <div id="upi1" class="select" onclick="paymentOpt(1,3)" style="display:none">
                                      <div class="check-box">
                                          <div class="check-dot">            
                                          </div>
                                      </div>
                                      <div class="titles">
                                        <h4>UPI ID</h4>
                                        <small>Use our UPI payment options to complete your payment</small>
                                      </div>
                                    </div>
                                    </div>
                                    </div> 
                                    
                                    @endif
                                </div>
                            </div>
                        </div>
                    </div>

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

<form method="POST" id="rpayOnlinefrm" action="{{url('/')}}/joinchit_onlinepayment">
@csrf
<input type="hidden" name="razorpay_payment_id" id="razorpay_payment_id">
<input type="hidden" name="razorpay_order_id" id="razorpayorderid">
</form>

<script type="text/javascript">
    function changeAmt(vals) {
        $("#total_amount").val(vals);
        $(".total_amount").text(vals);
        $(".total-amount").text(numberformat(vals));
        let gatewaytotal = ((2 / 100) * vals);
        $(".gateway-amount").text(numberformat(gatewaytotal));
        let payable = parseInt(gatewaytotal) + parseInt(vals);
        //console.log(payable);
        $("#payable_amount").val(payable);
        $(".payable-amount").text(numberformat(payable))
    }
    
     $(document).ready(function(){
        $('#screenshotfile').change(function() {
            checkType($('#screenshotfile')[0].files[0]);
            var filename = $(this).val();
            if(filename!=""){
                $('.upload-wrapper').removeClass("uploaded");
                $('.upload-wrapper').removeClass("success");
                setTimeout(function(){
                    $('.upload-wrapper').addClass("uploaded");
                }, 600);
                setTimeout(function(){
                    $('.upload-wrapper').removeClass("uploaded");
                    $('.upload-wrapper').addClass("success");
                }, 1600);
            }
        });
    });
    
    function checkType(file){
    let imageType = /image.*/;
    if (!file.type.match(imageType)) {
      return;
    } else {
      previewImage(file);
    }
    }
    function previewImage(file){
    let thumb = document.querySelector('#image-preview'),
    reader = new FileReader();

    reader.onload = function() {
      thumb.setAttribute("src", reader.result);
    }
    reader.readAsDataURL(file);
    thumb.className += ' d-block';
   }
    var select_card = document.querySelectorAll(".select");

    var selected=2;
    
    var reset = ()=>{
      
    select_card.forEach((k)=>{
      
     k.setAttribute("data-selected", "false");
    })
    }
    
    select_card.forEach((a,i)=>{
      
      a.addEventListener("click",(e)=>{
         reset();
       a.setAttribute("data-selected", "true")
        selected=i+1;
      })
    });
    function chit_paynow(noofins,chitid,amount) {
        var formData = new FormData();
        formData.append('noofins', noofins);
        formData.append('cdid', chitid);
        formData.append('amount', amount);
        formData.append('_token', "{{csrf_token()}}");

        $.ajax({
           type: "POST",
           url: "{{url('/')}}/chit/paynow",
           data: formData, 
           processData: false,
           contentType: false,
           success: function(data)
           {
                responseMsg('Successully paid!','Success!','success');
                window.location.reload();
           }
        });
    }
</script>
@endsection