@extends('newfrontend.includes.template')


@section('title')

<title> Plans </title>

@endsection


@section('css')

	<style type="text/css">

        .custom__card_wrapper{
            background-image: url('{{asset('newfront_assets/images/bg/bg-image.jpg')}}');
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            padding: 25px 15px;
        }
        .custom__card_img{
            padding: 2px 15px;
            /*        background-color: #c9a652;*/
            background-image: linear-gradient(to right, #b3924d , #f4dfac);
            display: flex;
            align-items: center;
            justify-content: space-between;
        }
        .custom__card_img p{
            font-size: 34px;
            font-weight: 700;
            color: white;
            margin-bottom: 0px;
            text-transform: uppercase;
        }
        .custom__card_detail p{
            font-size: 16px;
            color: white;
            margin-left: 5px;
        }
        .custom__card_img img{
            height: 75px;
            width: 75px;
        }
        .custom__card_value{
            border-color: #2d2c2c;
            border-top: 2px solid  #2d2c2c;
            border-bottom: 2px solid  #2d2c2c;
            padding: 10px 2px;
            margin-left: 5px;
        }
        .custom__card_value h6{
            font-size: 28px;
            color: #c9a652;
            margin-bottom: 0px;
        }
        .custom__card_value p{
            font-size: 14px;
            color: #c9a652;
        }
        .custom__card_bounes{
            display: flex;
            justify-content: space-between;
            margin: 0px 15px;
        }
        .custom__card_type{
            padding: 0px 5px;
        }
        .custom__card_type span{
            font-size: 14px;
            color: #c9a652;
        }
        .custom__card_type h3{
            font-size: 20px;
            color: white;
        }
        .custom__card_type p{
            font-size: 14px;
            color: white;
            word-wrap: break-word;
        }
        .check{
            border-color: #2d2c2c;
        }
        .check{
            text-decoration-color: #c9a652;
        }
        @media screen and  (min-width: 320px) and (max-width: 520px) {
            .custom__card_bounes{
                margin: 0px !important ;
            }
        }

   </style>

@endsection



@section('content')

	 <!-- inner hero start -->
    <section class="inner-hero bg_img" data-background="{{asset('newfront_assets/images/bg/bg-1.jpg')}}">
      <div class="container">
        <div class="row">
          <div class="col-lg-6">
            <h2 class="page-title">All Plans</h2>
            <ul class="page-breadcrumb">
              <li><a href="{{url('/')}}">Home</a></li>
              <li>Plan</li>
            </ul>
          </div>
        </div>
      </div>
    </section>
    <!-- inner hero end -->


     <section class="pt-120 pb-120">
         <div class="container">
             <div class="row justify-content-center">
                 <div class="col-lg-6 text-center">
                     <div class="section-header">
                         <h2 class="section-title"><span class="font-weight-normal">Investment</span> <b class="base--color">Plans</b></h2>
                         <p>To make a solid investment, you have to know where you are investing. Find a plan which is best for you.</p>
                     </div>
                 </div>
             </div>

             <!-- row end -->

             <div class="row justify-content-center mb-none-30">

                 @foreach($plans as $plan)
                     <div class="col-lg-4 mb-4">
                         <div class="custom__card_wrapper">
                             <div class="custom__card_content">
                                 <div class="custom__card_img">
                                     <p>{{$plan->name}}</p>
                                     <img src="{{asset($plan->img_url)}}">
                                 </div>
                                 <div class="custom__card_detail mt-4 mb-4">
                                     <p>Criteria For Join This Plan:</p>
                                     <p> Personal Investment Raised To : $ {{$plan->personel_investment_limit}}</p>
                                     <p>Or</p>
                                     <p>Structural Investment Raised: $ {{$plan->structural_investment_limit}} </p>
                                 </div>
                                 <div class="custom__card_value">
                                     <h6>${{$plan->price}}+</h6>
                                     <p>At least weekly return $ {{$plan->expected_return}}</p>
                                 </div>
                                 <div class="custom__card_bounes">
                                     <div class="custom__card_type">
                                         <span>Referral Bonuses</span>
                                         <h3>Profit Bonus</h3>
                                         <div class="d-flex justify-content-between">
                                             <p>First Line:</p>
                                             <span>{{$plan->profit_bonus[0]->first_pline}}%</span>
                                         </div>
                                         <div class="d-flex justify-content-between">
                                             <p>Second Line:</p>
                                             <span>{{$plan->profit_bonus[0]->second_pline}}%</span>
                                         </div>
                                         <div class="d-flex justify-content-between">
                                             <p>Third Line:</p>
                                             <span>{{$plan->profit_bonus[0]->third_pline}}%</span>
                                         </div>
                                         <div class="d-flex justify-content-between">
                                             <p>Fourth Line:</p>
                                             <span>{{$plan->profit_bonus[0]->fifth_pline}}%</span>
                                         </div>
                                         <div class="d-flex justify-content-between">
                                             <p>Fifth Line:</p>
                                             <span>{{$plan->profit_bonus[0]->fifth_pline}}%</span>
                                         </div>
                                     </div>
                                     <div class="custom__card_type">
                                         <p style="height:10px"></p>
                                         <h3>Investment Bonus</h3>
                                         <div class="d-flex justify-content-between">
                                             <p>First Line:</p>
                                             <span>{{$plan->investment_bonus[0]->first_line}}%</span>
                                         </div>
                                         <div class="d-flex justify-content-between">
                                             <p>Second Line:</p>
                                             <span>{{$plan->investment_bonus[0]->second_line}}%</span>
                                         </div>
                                         <div class="d-flex justify-content-between">
                                             <p>Third Line:</p>
                                             <span>{{$plan->investment_bonus[0]->third_line}}%</span>
                                         </div>
                                         <div class="d-flex justify-content-between">
                                             <p>Fourth Line:</p>
                                             <span>{{$plan->investment_bonus[0]->fourth_line}}%</span>
                                         </div>
                                         <div class="d-flex justify-content-between">
                                             <p>Fifth Line:</p>
                                             <span>{{$plan->investment_bonus[0]->fifth_line}}%</span>
                                         </div>
                                     </div>
                                 </div>
                             </div>
                         </div>
                     </div>
                 @endforeach
             </div>
		<!--
		<div class="row mt-50">
			<div class="col-lg-12 text-center">
				<a href="#0" class="cmn-btn">View All Packages</a>
			</div>
		</div>
		-->
    </div>
</section>
    <!-- package section end  -->


@endsection