@php $page = 'plans' @endphp
@extends('includes.layout')

@section('content')
    <!-- Content Wrapper. Contains page content -->
    <div class="content-wrapper">
        <!-- Content Header (Page header) -->
        <section class="content-header">
            <h1>Investment Plans</h1>
            <ol class="breadcrumb">
                <li class="breadcrumb-item">
                    <a href="{{ route('dashboard') }}"><i class="fa fa-dashboard"></i> Home</a>
                </li>
                <li class="breadcrumb-item active">Investment Plans</li>
            </ol>
        </section>

        <!-- Main content -->
        <section class="content">
            <div class="row">
                <div class="col-12">
                    <div class="alert alert-secondary alert-dismissible">
                        <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
                        <h4><i class="icon fa fa-check"></i> Note!</h4>
                        Users cannot invest in an inactive plan. Plan status is useful when you want to display to your users a plan but you do not want them to invest in it at the moment. Users already subscribed to an inactive plan would still receive ROI till the plan expires, but will not be able to purchase it.
                    </div>
                    <div class="box">
                        <div class="box-header with-border">
                            <h3 class="box-title">Plan Lists</h3>
                            <div class="float-right btn-group">
                                <a href="{{ route('create.plan') }}" class="mb-5 btn btn-rounded btn-primary btn-sm text-end"><i class="mr-5 fa fa-plus"></i>Add New Plan</a>
                            </div>
                        </div>
                        <!-- /.box-header -->
                        <div class="box-body">
                            <div class="row">
                                @forelse ($plans as $item)
                                    <div class="col-lg-4">
                                        <div class="box card-shadowed">
                                            <div class="text-center box-body">
                                                <span class="badge badge-{{ $item->status == 'active' ? 'success' : 'danger'  }}">{{ Str::ucfirst($item->status) }}</span>
                                                <h4 class="text-uppercase text-muted"><b>{{$item->name}} PLAN</b></h4>
                                                <h3 class="price">
                                                    @if($item->topup_type == 'percentage')
                                                        <sup>%</sup>{{$item->topup_value}} <sup>{{$item->payment_interval}}</sup>
                                                    @endif
                                                    @if($item->topup_type == 'fixed')
                                                        <sup>$</sup>{{$item->topup_value}} <sup>{{$item->payment_interval}}</sup>
                                                    @endif
                                                </h3>

                                                <p>Minimum Amount: <strong>${{$item->min_amount}}</strong></p>
                                                <p>Maximum Amount: <strong>${{$item->max_amount}}</strong></p>
                                                <p>Plan Duration: <strong>{{$item->duration}} Day(s)</strong></p>
                                                <p>Gift Bonus: <strong>${{$item->bonus}}</strong></p>
                                                <p>Support: <strong>24x7</strong> </p>
                                                <p>Plan Category: <strong>{{Str::ucfirst($item->category)}}</strong></p>
                                                <div class="btn-group">
                                                    <a href="{{ route('edit.plan', $item->id) }}" class="btn btn-primary"><i class="fa fa-edit"></i></a>
                                                    @if($item->status == 'active')
                                                        <form action="{{ route('update.plan.status', $item->id) }}" method="POST">@csrf @method('patch')
                                                            <input type="hidden" name="plan_status" value="inactive">
                                                            <button type="submit" class="btn btn-warning">Deactivate</button>
                                                        </form>
                                                    @else
                                                        <form action="{{ route('update.plan.status', $item->id) }}" method="POST">@csrf @method('patch')
                                                            <input type="hidden" name="plan_status" value="active">
                                                            <button type="submit" class="btn btn-success">Activate</button>
                                                        </form>
                                                    @endif
                                                    <button type="button" class="btn btn-danger" data-toggle="modal" data-target="#delete{{ $item->id }}"><i class="fa fa-trash"></i></button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="modal fade" id="delete{{ $item->id }}">
                                        <div class="modal-dialog" role="document">
                                          <div class="modal-content">
                                            <div class="modal-header">
                                              <h4 class="modal-title">Confirm Delete</h4>
                                              <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                <span aria-hidden="true">&times;</span></button>
                                            </div>
                                            <div class="modal-body">
                                                <h4>Are you sure want to delete this plan?</h4>
                                                <p>If a user have bought this plan, it will won't be deleted.&hellip;</p>
                                            </div>
                                            <div class="modal-footer">
                                              <form action="{{ route('delete.plan', $item->id) }}" method="POST">@csrf @method('delete')
                                                  <button type="submit" class="btn btn-danger">Proceed</button>
                                              </form>
                                            </div>
                                          </div>
                                          <!-- /.modal-content -->
                                        </div>
                                        <!-- /.modal-dialog -->
                                    </div>
                                @empty
                                    <div class="text-center col-lg-12">
                                        <p class="alert alert-warning">No plan found</p>
                                    </div>
                                @endforelse
                            </div>
                        </div>
                    </div>
                    <!-- /.box -->
                </div>
                <!-- /.col -->
            </div>
            <!-- /.row -->
        </section>
        <!-- /.content -->
    </div>
    <!-- /.content-wrapper -->
@endsection