@extends('layouts.app')
@section('content')
<body class="">
   <div class="wrapper ">
      <!-- sidebar content -->
      <div id="sidebar" class="sidebar">
         @include('layouts.includes.sidebar')
      </div>
      <!-- main content -->
      <div class="main-panel">
         @include('layouts.includes.header')
         @if($cp)
         <!--<p style="-->
         <!--   width: 100%;-->
         <!--   margin-top: 30px;-->
         <!--   text-align: center;-->
         <!--   background: #6673fc;-->
         <!--   color: #fff;-->
         <!--   font-size: 18px;-->
         <!--   padding: 12px;-->
         <!--   ">Activated Plan {{$cp->features}}   @if($cp->expiry_date){{$cp->plan_billing_cycle}} and the expiry date is {{$cp->expiry_date}}@endif</p>-->
         @endif
         <div class="content">
            <div class="business-details-tabs">
               <div class="row">
                  <div class="col-12">
                     <div class="page-title">
                        <h1>Plans</h1>
                     </div>
                  </div>
               </div>
               <div class="row">
                  <div class="col-md-12">
                     <div class=" bg-white px-4 py-5 table-responsive">
                        <div class="ship_plan">
                           @foreach($plans as $value)
                           <div class="plan @if($value->id ==  Auth::User()->plan_id) featured @endif">
                              <header>
                                 <h4 class="plan-title">{{$value->features}}</h4>
                                 <div class="plan-cost"><span class="plan-price">&#8377; {{$value->price}}</span><span class="plan-type">/month</span></div>
                              </header>
                              <ul class="plan-fe0">
                                 <li><b>Number of Orders</b> - @if($value->orders == -1)
                                    All
                                    @else
                                    {{$value->orders}}
                                    @endif
                                 </li>
                                 <li><b>Number of users - </b>{{$value->users}}</li>
                                 <li><b>Number of Courier Partners - </b>{{ replace_memberhsip_no($value->courier_partners) }}</li>
                                 <li><b>Pricing - </b>{{$value->pricing}}</li>
                                 <li><b>Sales channel - </b>
                                    @if($value->sales_channel == -1)
                                    All
                                    @else
                                    {{$value->sales_channel}}
                                    @endif
                                 </li>
                                 <li><b>Autosync - </b>{{ replace_memberhsip_no($value->autosync) }}</li>
                                 <li><b>Pickup Address - </b>plans
                                    @if($value->pickup_address == -1)
                                    Unlimited
                                    @else
                                    {{$value->pickup_address}}
                                    @endif
                                 </li>
                                 <li><b>Email templates - </b>{{ replace_memberhsip_no($value->email_templates) }}</li>
                                 <li><b>Packing slips - </b>{{ replace_memberhsip_no($value->packing_slips) }}</li>
                                 <li><b>International shipping - </b>{{ replace_memberhsip_no($value->international_shipping) }}</li>
                                 <li><b>Inventory management - </b>{{$value->inventory_management}}</li>
                                 <li><b>Training and support - </b>{{ replace_memberhsip_no($value->training_and_support) }}</li>
                              </ul>
                              <div class="plan_sel0 @if($value->id ==  Auth::User()->plan_id) active_plan @endif">
                                 <!-- <button class="membership_plan_update" data-id="{{$value->id}}" data-index="{{$value->id}}" data-plan="{{$value->features}}" 
                                    @if($value->id ==  Auth::User()->plan_id) disabled @endif 
                                    @if($value->id ==  1) disabled @endif> 
                                    @if($value->id ==  Auth::User()->plan_id) 
                                      <i class="fa fa-fw fa-check mr-sm"></i> 
                                      Active Plan 
                                    @else 
                                      Activate 
                                    @endif </button> -->
                                 @if($value->id != 1)
                                 <div class="generic_price_btn clearfix">
                                    <a href="{{ url('/planupdate/')}}/{{$value->id}}" class="membership_plan_update upgrade plan_anchor_btn" data-id="{{$value->id}}" data-index="{{$value->id}}" data-plan="{{$value->features}}" 
                                    @if($value->id ==  Auth::User()->plan_id) disabled @endif 
                                    > 
                                    @if($value->id ==  Auth::User()->plan_id) 
                                    <i class="fa fa-fw fa-check mr-sm"></i> 
                                    Activated Plan 
                                    @else 
                                    Activate 
                                    @endif </a>
                                 </div>
                                 <div class="more_info_btn clearfix">
                                @if($value->id==1)
                                    <a class="" href="{{ url('/inventory/freeplan')}}">More info</a>
                                @elseif($value->id==2)
                                    <a class="" href="{{ url('/inventory/standardplan')}}">More info</a>
                                @else
                                    <a class="" href="{{ url('/inventory/advanceplan')}}">More info</a>
                                @endif
                                 </div>
                                 @else
                                 <a href="{{ url('/planupdate/')}}/{{$value->id}}" class="plan_anchor_btn membership_plan_update upgrade" data-target="#free_plan"							 
                                 @if($value->id ==  Auth::User()->plan_id) disabled @endif 
                                 > 
                                 @if($value->id ==  Auth::User()->plan_id) 
                                 <i class="fa fa-fw fa-check mr-sm"></i> 
                                 Activated Plan
                                 
                                 @else 
                                 Activate 
                                 @endif 
                                 </a>
                                 <div class="more_info_btn clearfix">
                                    <!--<a class="" href="{{ url('/inventory/standardplan')}}">More info</a>-->
                                @if($value->id==1)
                                    <a class="" href="{{ url('/inventory/freeplan')}}">More info</a>
                                @elseif($value->id==2)
                                    <a class="" href="{{ url('/inventory/standardplan')}}">More info</a>
                                @else
                                    <a class="" href="{{ url('/inventory/advanceplan')}}">More info</a>
                                @endif
                                 </div>
                                 @endif
                              </div>
                           </div>
                           @endforeach
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
         <footer>
            @include('layouts.includes.footer')
         </footer>
         <div class="modal fade" id="myModal" role="dialog">
            <div class="modal-dialog selct_mdl">
               <!-- Modal content-->
               <div class="modal-content">
                  <div class="modal-header" style="display: block;">
                     <button type="button" class="close" data-dismiss="modal">&times;</button>
                     <h4 class="modal-title"><strong>Selected Plan</strong></h4>
                  </div>
                  <div class="modal-body">
                     <div class="model_centers">
                        <select class="form-control" id="plans_info">
                           @foreach($plans as $value)
                           <option data-index= "{{$value->id}}" value="{{$value->id}}">{{$value->features}}</option>
                           @endforeach
                        </select>
                        <select class="form-control" id="plans_pricing">
                        </select>
                        <span class="col-md pull-left discount_details" style="margin-bottom: 10px;"></span>
                        <!-- <div class="center_aligns_membership">
                           <input type="text" class="form-control coupon_code" placeholder="Have A Coupon Code ? Enter It Here" >
                           <a href="javascript:void(0);" ng-click="applyCouponCode()"><u>Apply</u></a>
                           </div> -->
                        <button class="m-0 btn btn-success btn-round btn-business pay_now" style="margin: 0px auto !important; display: block;">Pay Now</button>
                     </div>
                  </div>
                  <!--   <div class="modal-footer">
                     <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                     </div> -->
               </div>
            </div>
         </div>
         <!--Free plan confirmaton-->
         <!--<div class="modal fade" id="free_plan" role="dialog">-->
         <!--   <div class="modal-dialog">-->
               <!-- Modal content-->
         <!--      <div class="modal-content">-->
         <!--         <div class="modal-header">-->
         <!--            <h4 class="modal-title text-center">Plan Downgrade</h4>-->
         <!--            <button type="button" class="close" data-dismiss="modal">&times;</button>-->
         <!--         </div>-->
         <!--         <div class="modal-body">-->
         <!--            <h4>Are you sure want to Change Paid plan to Free plan?</h4>-->
         <!--         </div>-->
         <!--         <div class="modal-footer justify-content-start">-->
         <!--            <button type="button" class="btn btn-default waves-effect remove-data-from-delete-form" data-dismiss="modal">NO</button>-->
         <!--            <a class=" btn btn-danger waves-effect waves-light" href="{{url('plans/free_plan')}}"> YES</a>-->
         <!--         </div>-->
         <!--      </div>-->
         <!--   </div>-->
         <!--</div>-->
      </div>
   </div>
</body>
@endsection