@extends('layouts.innerpage')

@section('title', 'Profile :: My Gold Saving Scheme')

@section('content')
<style>
.button {
  background: #FFBC11;
  border-radius: 50%;
  border: 10px solid #ffe21f;
  display: block;
  box-shadow: inset 5px 5px 3px 5px rgba(255, 158, 17, 0.52);
  color: #ffe21f;
  cursor: pointer;
  text-shadow: 5px 5px 3px rgba(255, 158, 17, 0.72);
  font-size: 32px;
  height: 100px;
  letter-spacing: 2px;
  line-height: 42px;
  text-align: center;
  text-transform: uppercase;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  width: 100px;
}
.button span {
  display: block;
  font-size: 12px;
  line-height: 10px;
  color: #003766;
  font-weight: 900;
  text-align: center;
  margin-left:6px;
}
.button:hover {
  background: #ffc32b;
}
.button:active {
  box-shadow: inset 5px 5px 10px -5px #f7b100;
}

.fancy-button {
  margin: auto;
  position: relative;
}

.frills, .frills:after, .frills:before {
  position: absolute;
  background: #ffdb1a;
  border-radius: 4px;
  height: 8px;
}

.frills:after, .frills:before {
  content: "";
  display: block;
}

.frills:before {
  bottom: 45px;
}

.frills:after {
  top: 45px;
}

.left-frills {
  right: 94px;
  top: 36px;
}
.active .left-frills {
  -webkit-animation: move-left 0.38s ease-out, width-to-zero 0.38s ease-out;
          animation: move-left 0.38s ease-out, width-to-zero 0.38s ease-out;
}
.left-frills:before, .left-frills:after {
  left: 15px;
}
.active .left-frills:before {
  -webkit-animation: width-to-zero 0.38s ease-out, move-up 0.38s ease-out;
          animation: width-to-zero 0.38s ease-out, move-up 0.38s ease-out;
}
.active .left-frills:after {
  -webkit-animation: width-to-zero 0.38s ease-out, move-down 0.38s ease-out;
          animation: width-to-zero 0.38s ease-out, move-down 0.38s ease-out;
}

.right-frills {
  left: 94px;
  top: 36px;
}
.active .right-frills {
  -webkit-animation: move-right 0.38s ease-out, width-to-zero 0.38s ease-out;
          animation: move-right 0.38s ease-out, width-to-zero 0.38s ease-out;
}
.right-frills:before, .right-frills:after {
  right: 15px;
}
.active .right-frills:before {
  -webkit-animation: width-to-zero 0.38s ease-out, move-up 0.38s ease-out;
          animation: width-to-zero 0.38s ease-out, move-up 0.38s ease-out;
}
.active .right-frills:after {
  -webkit-animation: width-to-zero 0.38s ease-out, move-down 0.38s ease-out;
          animation: width-to-zero 0.38s ease-out, move-down 0.38s ease-out;
}

.left-frills:before, .right-frills:after {
  transform: rotate(34deg);
}

.left-frills:after, .right-frills:before {
  transform: rotate(-34deg);
}

@-webkit-keyframes move-left {
  0% {
    transform: none;
  }
  65% {
    transform: translateX(-80px);
  }
  100% {
    transform: translateX(-80px);
  }
}

@keyframes move-left {
  0% {
    transform: none;
  }
  65% {

   transform: translateX(-80px);
  }
  100% {
    transform: translateX(-80px);
  }
}
@-webkit-keyframes move-right {
  0% {
    transform: none;
  }
  65% {
    transform: translateX(80px);
  }
  100% {
    transform: translateX(80px);
  }
}
@keyframes move-right {
  0% {
    transform: none;
  }
  65% {
    transform: translateX(80px);
  }
  100% {
    transform: translateX(80px);
  }
}
@-webkit-keyframes width-to-zero {
  0% {
    width: 38px;
  }
  100% {
    width: 8px;
  }
}
@keyframes width-to-zero {
  0% {
    width: 38px;
  }
  100% {
    width: 8px;
  }
}
@-webkit-keyframes move-up {
  100% {
    bottom: 69.75px;
  }
}
@keyframes move-up {
  100% {
    bottom: 69.75px;
  }
}
@-webkit-keyframes move-down {
  100% {
    top: 69.75px;
  }
}
@keyframes move-down {
  100% {
    top: 69.75px;
  }
}
@-webkit-keyframes hvr-bob {
  0% {
    transform: translateY(-8px);
  }
  50% {
    transform: translateY(-4px);
  }
  100% {
    transform: translateY(-8px);
  }
}
@keyframes hvr-bob {
  0% {
    transform: translateY(-8px);
  }
  50% {
    transform: translateY(-4px);
  }
  100% {
    transform: translateY(-8px);
  }
}
@-webkit-keyframes hvr-bob-float {
  100% {
    transform: translateY(-8px);
  }
}
@keyframes hvr-bob-float {
  100% {
    transform: translateY(-8px);
  }
}
.hvr-bob {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-bob:hover, .hvr-bob:focus, .hvr-bob:active {
  -webkit-animation-name: hvr-bob-float, hvr-bob;
  animation-name: hvr-bob-float, hvr-bob;
  -webkit-animation-duration: 0.3s, 1.5s;
  animation-duration: 0.3s, 1.5s;
  -webkit-animation-delay: 0s, 0.3s;
  animation-delay: 0s, 0.3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}
</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 Gold Saving Scheme</h1>
                <div class="breadcrumbs">
                    <p class="mb-0 text-white"><a class="text-white" href="{{url('/')}}">Home</a> / <span class="text-white">Profile</span>/ <span class="text-success">My Gold Saving Scheme</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">
                                @php
                                    $settings = DB::table('settings')->first();
                                @endphp
                                
                                <textarea style="width:100%; border:none; height:130px; text-align:center;" disabled readonly>@php echo $settings->account_details; @endphp</textarea>
                                
                                <hr>
                                
                                @if(count($mychits)>0)
                                    @foreach($mychits as $key => $item) 
                                       <div class="row no-gutters">
                                            <div class="col-md-12" data-aos="fade-up" data-aos-delay="0">
                                            @php
                                                $chitschemedata = DB::table('chit_scheme')->where('scheme_id',$item->scheme_id)->where('id',$item->group_id)->first();

                                                //$chitdata = DB::table('chit_details')->where('scheme_id',$item->scheme_id)->where('group_id',$item->group_id)->where('user_id',$userid)->first();
                                                
                                                
                                                 $chitdata = DB::table('chit_details')->where('id',$item->id)->where('scheme_id',$item->scheme_id)->where('group_id',$item->group_id)->where('user_id',$userid)->first();

                                                $gold_weight = '0.0'; $chitdatacount = 0; $paymentdata = '';

                                                if($chitdata) {
                                                    $gold_weight = DB::table('payment_details')->where('chit_detail_id',$chitdata->id)->where('user_id',$userid)->sum('gold_weight');

                                                     $gold_savings = DB::table('payment_details')->where('chit_detail_id',$chitdata->id)->where('user_id',$userid)->sum('amount'); 

                                                    $chitdatacount = DB::table('payment_details')->where('chit_detail_id',$chitdata->id)->where('user_id',$userid)->count();
                                                   
                                                    $paymentdata = DB::table('payment_details')->where('chit_detail_id',$chitdata->id)->where('user_id',$userid)->orderBy('id','DESC')->first();
                                                }

                                                $schemedata = DB::table('scheme_name')->where('id',$item->scheme_id)->first();
                                            @endphp
                                            <div class="chit-details p-3">
                                                <div class="mb-2">
                                                    <span class="gold-saving-icon mb-3">
                                                        <i class="fa fa-piggy-bank"></i>
                                                    </span>
                                                    <h3 class="text-center">{{$schemedata->scheme_name}}</h3>
                                                    <h2 class="text-center">
                                                        
                                                        @if($schemedata->scheme_type == 'money')
                                                            {{number_format($gold_savings,2)}}
                                                        @else
                                                            @if($item->current_wt>0)
                                                                {{number_format(($chitdata->total_interest - $item->last_claimed_wt),3)}} gms
                                                            @else 
                                                                {{number_format($chitdata->total_interest,3)}} gms
                                                            @endif
                                                        @endif
                                                    </h2>
                                                    <h6 class="text-center"><small>({{ucfirst($schemedata->scheme_type)}} in Account)</small></h6>
                                                </div> 
                                                <div class="row">
                                                    @if(isset($chitschemedata->chit_name))
                                                    <div class="col-6 text-center mb-2">
                                                        <p class="start-dt"><strong>Group Code: </strong>{{isset($chitschemedata->chit_name)?$chitschemedata->chit_name:''}}</p>
                                                    </div>
                                                    @endif
                                                    <div class="col-6 text-center mb-2">
                                                        <p class="start-dt"><strong>Reg No: </strong>{{$item->regno}}</p>
                                                    </div>
                                                    <div class="col-6 text-center mb-2">
                                                        <p class="start-dt"><strong>Joining Date: </strong>@if($item->joining_date) {{date("d/m/Y",strtotime($item->joining_date))}} @else - @endif</p>
                                                    </div>
                                                    <div class="col-6 text-center mb-2">
                                                        <p class="start-dt"><strong>Last Paid Date: </strong>@if($paymentdata!='') {{date("d/m/Y",strtotime($paymentdata->payment_date))}} @else - @endif</p>
                                                    </div>
                                                    <div class="col-6 text-center mb-2">
                                                        <p class="start-dt"><strong>@if($schemedata->scheme_name=='Gold Wallet') No.of Payments: @else Installment's Paid: @endif</strong>{{$chitdatacount}}</p>
                                                    </div>
                                                    @if(isset($chitschemedata->no_of_installment))
                                                    <div class="col-6 text-center mb-2">
                                                        <p class="start-dt"><strong>No.of Installment's : </strong>{{isset($chitschemedata->no_of_installment)?$chitschemedata->no_of_installment:''}}</p>
                                                    </div>
                                                    @endif
                                                    <div class="col-12 text-center">
                                                        <a href="{{url('/')}}/mychit/payments/{{$item->id}}" class="btn btn-primary">View Payment Details</a>
                                                        
                                                    </div>
                                                    
                                                    
                                                    @php
                                                        $settings = DB::table('settings')->where('id',1)->first();
                                                    @endphp
                                                    @if($settings)
                                                        @if($settings->activate_online_payment==1 && $item->scheme_id==2)
                                                            <div class="col-12 text-center mt-2">
                                                                <div class="fancy-button hvr-bob">
                                                                  <div class="left-frills frills"></div>
                                                                  <a href="{{url('/')}}/mychit/payments/{{$item->id}}#paynowDiv" class="button" disabled>₹ <span>Pay Now</span></a>
                                                                  <div class="right-frills frills"></div>
                                                                </div>
                                                            </div>
                                                        @endif
                                                    @endif
                                                    
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <br>
                                    @endforeach
                                @else 
                                    <div class="text-center">
                                        <img src="{{url('/')}}/assets/images/nodata.png"> 
                                        <br><h3>No details found!</h3> 
                                    </div>
                                @endif
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
</section>
<script>
    $(function(){
      $(".fancy-button").mousedown(function(){
        $(this).bind('animationend webkitAnimationEnd MSAnimationEnd oAnimationEnd', function(){
            $(this).removeClass('active');
        })
         $(this).addClass("active");
      });
    });
    
    $.ajax({
      url: 'https://www.shriarthijewellery.com/update_interest',
      data: {
         format: 'json'
      },
      error: function() {
         
      },
      dataType: 'jsonp',
      success: function(data) {
         
      },
      type: 'GET'
   });
</script>
@endsection