@extends('template.coin.layouts.base')

@section('title', __('My Investment Plans'))

@section('css')
<style>
    .dashboard-cards > div {
    background: #14013e !important;
    margin-bottom: 30px;
}

.card-full-height {
    height: calc(100% - 30px);
}
.bg-success {
    background-color: #00d285!important;
}
</style>
@endsection

@section('content')

 <!-- [ breadcrumb ] start -->
                          <div class="page-header card">
                              <div class="row align-items-end">
                                  <div class="col-lg-8">
                                      <div class="page-header-title">
                                          <i class="feather icon-credit-card bg-c-blue"></i>
                                          <div class="d-inline">
                                              <h5>My Investments</h5>
                                             
                                          </div>
                                      </div>
                                  </div>
                                  <div class="col-lg-4">
                                      <div class="page-header-breadcrumb">
                                          <ul class=" breadcrumb breadcrumb-title">
                                              <li class="breadcrumb-item">
                                                  <a href="/accounts/dashboard"><i class="feather icon-home"></i></a>
                                              </li>
                                             
                                              <li class="breadcrumb-item">
                                                  <a href="#">Investment</a>
                                              </li>
                                          </ul>
                                      </div>
                                  </div>
                              </div>
                          </div>
                          <!-- [ breadcrumb ] end -->
                      <div class="pcoded-inner-content">
                        <!-- Main-body start -->
                        <div class="main-body">
                            <div class="page-wrapper">
                                <!-- Page-body start -->
                                <div class="page-body">
                                
            	@if(Session::has('message'))
            	<div class="card">
		        <div class="row">
                    <div class="col-lg-12">
                        <div class="alert alert-success alert-dismissable">
                            <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
                            <i class="fa fa-check-circle"></i> {{ Session::get('message') }}
                        </div>
                    </div>
                </div> 
                </div>
                @endif
                	@if(Session::has('errmessage'))
		        <div class="row">
                    <div class="col-lg-12">
                        <div class="alert alert-danger alert-dismissable">
                            <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
                            <i class="fa fa-times-circle"></i> {{ Session::get('errmessage') }}
                        </div>
                    </div>
                </div>
                @endif
      
                                    <!-- Inverse table card start -->
  
                                    <!-- Inverse table card end -->
                                 <div class="row">
 
          @if(!empty($myplans))
        @foreach($myplans as $myplan)
                
                  <div class="col-lg-4 dashboard-cards">
                      <div class="account-info card card-full-height">
                    <div class="position-relative p-3 bg-gray" >
                      <div class="ribbon-wrapper ribbon-lg">
                        <div class="ribbon bg-success text-lg" style="padding: 10px;font-size: 20px;font-weight: 600;">
                         {{$myplan->dplan()->name}}
                        </div>
                      </div>
                      <h5 style="color:#fff; padding:10px 5px"> <b>Amount:</b> {{number_format($myplan->amount,2,'.',',')}} {{system_settings('currency')}}</h5>
                      <h5 style="color:#fff; padding:10px 5px"> <b>Duration: </b>{{$myplan->dplan()->duration}}</h5>
                      <span class="info-box-text" style="color:white;font-size: 13px;"> <b style="color: white;">Activated on: </b>{{\Carbon\Carbon::parse($myplan->created_at)->toDayDateTimeString()}}</span><br/>
									<span class="info-box-text" style="color:white;font-size: 13px;"> <b style="color: white;">Total Roi:</b> {{number_format($myplan->roi,2,'.',',')}} {{system_settings('currency')}}</span>	<br/>
									<span class="info-box-text" style="color:white;font-size: 13px;"> <b style="color: white;">ROI %: </b>{{$myplan->dplan()->percs}}% {{$myplan->dplan()->intervals}}</span><br/>
																
                    </div>
                  </div>
                   </div>
				        @endforeach
				        @endif
             
                            </div>   

                                 
                                </div>
                                <!-- Page-body end -->
                            </div>
                        </div>
                        <!-- Main-body end -->

                        
                    </div>
@endsection