@extends('layouts.backend')

@section('extraCss')  
 <link href="https://cdn.datatables.net/buttons/1.7.0/css/buttons.dataTables.min.css" rel="stylesheet">

<style type="text/css">
    .card-header{
        border-bottom-style:hidden !important;
    }
</style>
@endsection

@section('mainContentArea')
<div class="card card-default">
        <div class="card-header">
            <h4>Sps Plan</h4>  

             <a href="{{ route('spsplan.add') }}" class="btn btn-info float-right btn-sm"><i class="fa fas fa-plus"></i> Add new Plan</a>           
        </div>
 

        <div class="card-body table-responsive" >

                <table class="table table-bordered data-table "  >
                <thead>
                   
                    <tr>
                        <th>#</th>                       
                        <th>Name</th>
                        <th>Price</th>                     
                        <th>Duration</th> 
                        <th>Sort Order</th>
                                                
                        <td colspan="2">Action</td>                    
                       
                    </tr>
                </thead>
                @if(count($plans) > 0)
                <tbody>
                @foreach($plans as $key => $row)
          
                <tr>
                    <td> {{$key + $plans->firstItem()}}</td>
                    <td>{{ $row->plan_name }}</td>
                    <td>{{ $row->planInfo->price }}</td>
                    <td>{{ $row->planInfo->duration }}{{ $row->planInfo->duration_type }}</td>
                    <td>{{ $row->planInfo->sort_order }}</td>
                    
                    <td>
                        <a href="{{ route('spsplan.edit',$row->plan_id)}}" class="btn btn-sm btn-block btn-primary"><i class="fa fas fa-pencil"></i>Edit</a>

                        <!-- @if($row->planInfo->status == 0)
                        <a href="" class="btn btn-sm btn-block btn-success"><i class="fa fas fa-check"></i> Activate</a>
                        @else
                        <a href="" class="btn btn-sm btn-block btn-danger"><i class="fa fas fa-times"></i> Deactivate</a>
                        @endif -->

                    </td>
                </tr>
                @endforeach
                @else
                <tr>
                    <td colspan="8"><div class="alert alert-danger">No product found!</div></td>
                </tr>
                @endif

                </tbody>
                
            
            </table>
              
        </div>
       @php if(count($plans) > 0) { @endphp {!! $plans->appends(request()->input())->links() !!} @php } @endphp
</div>

@endsection

@section('extraJs')


@endsection