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

@section('title', __('Dashboard'))

@section('css')
<style>
    <style>
                                        body {
    min-height: 100vh;
    background: url("https://images.unsplash.com/photo-1598125443421-779f98323fe4?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1050&q=80");
    background-repeat: no-repeat;
    background-size: cover;
    color: white;
    font-family: Roboto;
    font-size: 16px;
}


.grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 4%;
    padding: 12% 0;
}

.cardx {
    padding: 50px;
    background: rgba(255, 255, 255, 0.1) !important;
    border: 2px solid #000;
    backdrop-filter: blur(10px) !important;
    border-radius: 25px !important;
    color: #fff;
}

.card_title {
    font-weight: normal;
    font-size: 24px;
    margin-bottom: 20px;
}

.pricing {
    font-weight: normal;
    font-size: 24px;
    height: auto;
}

.pricing .small {
    font-size: 16px;
}

hr {
    margin-top: 30px;
}

.features {
    margin: 40px 0;
    list-style-position: inside;
}

.features li {
    padding-bottom: 10px;
}

a.cta_btn {
    width: 100%;
    display: inline-block;
    text-align: center;
    background: rgba(21, 23, 24, 0.7);
    border-radius: 29px;
    padding: 20px 0;
    color: white;
    text-decoration: none;
    letter-spacing: 2px;
    transition: background .3s ease;
}

a.cta_btn:hover {
    background: #000;
}
.link {
    position: fixed;
    background-color: #D12322;
    padding: 23px 40px;
    right: -99px;
    border-radius: 5px;
    top: 50%;
    transform: translateY(-50%);
    transform: rotate(-90deg);
    font-size: 18px;
    font-weight: 500;
    color: #FFF;
    text-decoration: none;
    text-transform: capitalize;
    transition: all .1s ease-in-out;
}

.link i {
    padding-left: 7px;
}

.link:hover {
    text-decoration: underline;
    background-color: black;
}
@media only screen and (max-width: 1024px) {
    .grid {
        grid-template-columns: 1fr 1fr;
        gap: 2%;

    }
}

@media only screen and (max-width: 425px) {
    .grid {
        grid-template-columns: 1fr;
        gap: 2%;
        padding-bottom: 25%;
    }

    .container {
        padding: 0 1rem;
    }

    body {
        font-size: 14px;
    }

    .card {
        padding: 30px;
    }

    .card_title {
        font-size: 22px;
        margin-bottom: 12px;
    }

    .pricing {
        font-size: 18px;
    }

    hr {
        margin-top: 50px;
    }

    a.cta_btn {
        font-size: 11px;
    }
}
                                    </style>
</style>
@endsection
@section('content')
<div class="nk-content nk-content-fluid">
    <div class="container-xl wide-lg">
        <div class="nk-content-body">
            <div class="nk-block-head">
                <div class="nk-block-head-sub"><span>Investment Plans</span></div>
                <div class="nk-block-between-md g-4">
                    <div class="nk-block-head-content">
                        <h2 class="nk-block-title fw-normal">Plans</h2>
                        <div class="nk-block-des"><p>Here is the list of our investment plans</p></div>
                    </div>
                    <div class="nk-block-head-content">
                        <ul class="nk-block-tools gx-3">
                          
                            <li>
                                <a href="{{secure_url('deposits')}}" class="btn btn-primary"><span>Deposit</span> <em class="icon ni ni-arrow-long-right"></em></a>
                            </li>
                            <li>
                                <a href="{{secure_url('withdrawals')}}" class="btn btn-dim btn-outline-light"><span>Withdraw</span> <em class="icon ni ni-arrow-long-right"></em></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="nk-block">
                @if(Session::has('message'))
            	<div class="card">
		        <div class="row">
                    <div class="col-lg-12">
                        <div class="alert alert-info alert-thick alert-plain">
                        <div class="alert-cta flex-wrap flex-md-nowrap g-2">
                            <div class="alert-text has-icon">
                                <em class="icon ni ni-info-fill text-info"></em>
                                <p>{{Session::get('message')}}</p>
                            </div>
                            <button type="button" class="close" data-bs-dismiss="alert" aria-label="Close">
    <span aria-hidden="true" style="color:#000">&times;</span>
  </button> 
                        </div>
                    </div>
                    </div>
                </div> 
                </div>
                @endif
                	@if(Session::has('errmessage'))
		        <div class="row">
                    <div class="col-lg-12">
                        <div class="alert alert-danger alert-thick alert-plain">
                        <div class="alert-cta flex-wrap flex-md-nowrap g-2">
                            <div class="alert-text has-icon">
                                <em class="icon ni ni-info-fill text-danger"></em>
                                <p>{{Session::get('errmessage')}}</p>
                            </div>
                            <button type="button" class="close" data-bs-dismiss="alert" aria-label="Close">
    <span aria-hidden="true" style="color:#000">&times;</span>
  </button> 
                        </div>
                    </div>
                    </div>
                </div>
                @endif
                @if(Session::has('sucmessage'))
		        <div class="row">
                    <div class="col-lg-12">
                        <div class="alert alert-success alert-thick alert-plain">
                        <div class="alert-cta flex-wrap flex-md-nowrap g-2">
                            <div class="alert-text has-icon">
                                <em class="icon ni ni-info-fill text-success"></em>
                                <p>{{Session::get('sucmessage')}}</p>
                            </div>
                            <button type="button" class="close" data-bs-dismiss="alert" aria-label="Close">
    <span aria-hidden="true" style="color:#000">&times;</span>
  </button> 
                        </div>
                    </div>
                    </div>
                </div>
                @endif
                <div class="row g-gs">
                   <div class="container">
        <div class="grid">
              @if(!empty($mainplans))
            	@foreach($mainplans as $plan)
            <div class="cardx">
                <h2 class="card_title">	{{$plan->name}}</h2>
                <p class="pricing">{{$user->user_curr()}} {{$plan->c_price($exchange_rate)}}+</p>
                
                <hr>
                <ul class="features">
                    <li><strong>Minimum ROI: {{$plan->percs}}% {{__plan_interval($plan->intervals)}}</strong> </li>
                    <li>Minimum: {{$user->user_curr()}} {{__format_number($plan->c_price($exchange_rate))}}</li>
                    <li>Maximum: {{$user->user_curr()}} {{__format_number($plan->c_max($exchange_rate))}}</li>
                <li>Wallet: @if(!empty($plan->getwallets()))
                   @foreach($plan->getwallets() as $key=>$planwallet)
                   {{$planwallet->wallet_name}} , 
                   
                   @endforeach
                   @endif
                   </li>
                    <li>Duration: @if($plan->duration == '0') 
                    Unlimited
                    
                    @else 
                  {{$plan->duration}}   {{__plan_duration($plan->duration , $plan->duration_time)}}
                    @endif
                    </li>
                   
                   
                </ul>
                <a data-toggle="modal" href="#planModal{{$plan->id}}" data-target="#planModal{{$plan->id}}" data-bs-toggle="modal" class="cta_btn">JOIN</a>
            </div>
            <div class="modal fade" id="planModal{{$plan->id}}" style="display: none;" aria-hidden="true">
        <div class="modal-dialog modal-lg">
          <div class="modal-content">
            <div class="modal-header">
              <h4 class="modal-title">Buy a Plan - ({{$plan->name}})<br/>
              Minimum : {{$user->user_curr()}}{{__format_number($plan->c_price($exchange_rate))}}
              </h4>
              <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">×</span>
              </button>
            </div>
            <form role="form" method="post" action="{{ route('joinplan')}}">
                @csrf
                 <input type="hidden" name="inv_id" value="{{$plan->id}}" />
            <div class="modal-body">
                 <div class="form-group row">
                
                  </div>
                  <div class="form-group row">
                    
                    <div class="col-sm-10">
                      <label style="color:#fff">Select Payment Wallet </label>  
                       <select name="wid" class="form-control" required>
                                          @if(!empty($plan->getwalletios()))
                                         @foreach($plan->getwalletios() as $key=>$wallet)
                                            <option value="{{$wallet->id}}">
                                                
                                                {{$wallet->dwallet()->wallet_name}} Account <small>({{$wallet->sym}})</small>  / {{number_format($wallet->balance,2,'.',',')}} {{$user->user_curr()}}
                                            </option>
                                            @endforeach
                                            @endif
                                        </select>
                    </div>
                  </div>
             
               <div class="form-group row">
                    
                    <div class="col-sm-10">
                      <label style="color:#fff"> Enter the amount you want to use </label>  
                      <input type="number" name="pid" required class="form-control" style="color:#000" value="{{__format_number($plan->c_price($exchange_rate))}}" min="{{__format_number($plan->c_price($exchange_rate))}}" id="inputEmail3" placeholder="Enter Amount Here">
                    </div>
                  </div>
             
         
            
            </div>
            <div class="modal-footer justify-content-between">
              
              <button type="submit"  class="btn btn-primary">Submit</button>
            </div>
            </form>
          </div>
          <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
      </div>
                @endforeach
                @endif
        </div>
    </div>
                </div>
                
                @if($promoplans->isNotEmpty())
                <div class="row g-gs">
                   <div class="container">
                       <h3>Promo Plans</h3>
        <div class="grid">
            
            	@foreach($promoplans as $plan)
            <div class="cardx">
                <h2 class="card_title">	{{$plan->name}}</h2>
                <p class="pricing">{{$user->user_curr()}} {{$plan->c_price($exchange_rate)}}+</p>
                
                <hr>
                <ul class="features">
                    <li><strong>Minimum ROI: {{$plan->percs}}% {{__plan_interval($plan->intervals)}}</strong> </li>
                    <li>Minimum: {{$user->user_curr()}} {{__format_number($plan->c_price($exchange_rate))}}</li>
                    <li>Maximum: {{$user->user_curr()}} {{__format_number($plan->c_max($exchange_rate))}}</li>
                <li>Wallet: @if(!empty($plan->getwallets()))
                   @foreach($plan->getwallets() as $key=>$planwallet)
                   {{$planwallet->wallet_name}} , 
                   
                   @endforeach
                   @endif
                   </li>
                    <li>Duration: @if($plan->duration == '0') 
                    Unlimited
                    
                    @else 
                  {{$plan->duration}}   {{__plan_duration($plan->duration , $plan->duration_time)}}
                    @endif</li>
                   
                   
                </ul>
                <a data-toggle="modal" href="#planModal{{$plan->id}}" data-target="#planModal{{$plan->id}}" data-bs-toggle="modal" class="cta_btn">JOIN</a>
            </div>
            <div class="modal fade" id="planModal{{$plan->id}}" style="display: none;" aria-hidden="true">
        <div class="modal-dialog modal-lg">
          <div class="modal-content">
            <div class="modal-header">
              <h4 class="modal-title">Buy a Plan - ({{$plan->name}})<br/>
              Minimum : {{$user->user_curr()}} {{__format_number($plan->c_price($exchange_rate))}}
              </h4>
              <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">×</span>
              </button>
            </div>
            <form role="form" method="post" action="{{ route('joinplan')}}">
                @csrf
                 <input type="hidden" name="inv_id" value="{{$plan->id}}" />
            <div class="modal-body">
                 <div class="form-group row">
                
                  </div>
                  <div class="form-group row">
                    
                    <div class="col-sm-10">
                      <label style="color:#fff">Select Payment Wallet </label>  
                       <select name="wid" class="form-control" required>
                                          @if(!empty($plan->getwalletios()))
                                         @foreach($plan->getwalletios() as $key=>$wallet)
                                            <option value="{{$wallet->id}}">
                                                
                                                {{$wallet->dwallet()->wallet_name}} Account <small>({{$wallet->sym}})</small>  / {{number_format($wallet->balance,2,'.',',')}} {{$user->user_curr()}}
                                            </option>
                                            @endforeach
                                            @endif
                                        </select>
                    </div>
                  </div>
             
               <div class="form-group row">
                    
                    <div class="col-sm-10">
                      <label style="color:#fff"> Enter the amount you want to use </label>  
                      <input type="number" name="pid" required class="form-control" style="color:#000" value="{{$plan->c_price($exchange_rate)}}" min="{{$plan->c_price($exchange_rate)}}" id="inputEmail3" placeholder="Enter Amount Here">
                    </div>
                  </div>
             
         
            
            </div>
            <div class="modal-footer justify-content-between">
              
              <button type="submit"  class="btn btn-primary">Submit</button>
            </div>
            </form>
          </div>
          <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
      </div>
                @endforeach
             
        </div>
    </div>
                </div>
                @endif
            </div>
           
        </div>
    </div>
</div>


@endsection