@extends('admin.layouts.master')
@section('content')
    <div class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1 class="m-0 text-dark">Plans List</h1>
                </div><!-- /.col -->
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item"><a href="{{asset('/')}}">Home</a></li>
                        <li class="breadcrumb-item active"><a href="{{asset(route('plans'))}}">Plans</li><a></li>
                    </ol>
                </div><!-- /.col -->
            </div><!-- /.row -->
        </div><!-- /.container-fluid -->
    </div>
    @if(session()->has('success'))
        <div class="alert alert-success">
            {{ session()->get('success') }}
        </div>
    @endif
    @if(session()->has('error'))
        <div class="alert alert-success">
            {{ session()->get('error') }}
        </div>
    @endif
    <section class="content">
        <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="card-header">
                        <a href="{{ route('plan.add') }}"><button class="btn btn-primary">Add New Plan</button></a>
                    </div>
                    <div class="card-body">
                        <table id="example1" class="table table-bordered table-striped">
                            <thead>
                                <tr>
                                    <th>Plan Id</th>
                                    <th>Package</th>
                                    <th>Name</th>
                                    <th>Price</th>
                                    <th>Type</th>
                                    <th>Period</th>
                                    <th>Action</th>
                                </tr>
                            </thead>
                            <tbody>
                                @php
                                    function yearfm($months, $interval){
                                      if($months == '1' && $interval == 'week'){
                                        return '1 Week';
                                      }
                                      $str = '';
                                      if(($y = round(bcdiv($months, 12)))){
                                        $str .= "$y Year".($y-1 ? 's' : null);
                                      }if(($m = round($months % 12))){
                                        $str .= ($y ? ' ' : null)."$m Month".($m-1 ? 's' : null);
                                      }
                                      return empty($str) ? false : $str;
                                    }
                                @endphp
                                @foreach($plans as $key=>$row)
                                    <tr>
                                        <td>{{$row->id}}</td>
                                        <td>{{($row->package)?$row->package->title:"N/A"}}</td>
                                        <td>{{$row->plan_name}}</td>
                                        <td>{{$row->price}}</td>
                                        <td>{{(($row->plan_type == 0) ? 'Regular' : (($row->plan_type == 1) ? 'Company' : 'Partner') )}}</td>
                                        <td>{{ yearfm( $row->plan_period, $row->interval ) }}</td>
                                        <td>
                                            <a href="{{ route('plan.edit', $row->id) }}" data-toggle="tooltip" title="Edit Plan"><button class="btn-sm btn-info"><i class="fa fa-edit"></i></button></a>
                                            <a class="label label-danger" href="javascript:" data-toggle="tooltip" title="Delete Plan" onclick="delete_row(this)"><button class="btn-sm btn-danger"><i class="fa fa-trash"></i></button></a>
                                            <form action="{{ route('plan.destroy',$row->id) }}" method="POST">
                                                {{ method_field('DELETE') }}
                                                {{ csrf_field() }}
                                            </form>
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>

                        </table>
                    </div>
                    <!-- /.card-body -->
                </div>
                <!-- /.card -->
            </div>
            <!-- /.col -->
        </div>
        <!-- /.row -->
    </section>
    <!-- /.content -->
    <div class="hide" id="checkout-container">
        <input value='' id="session_token"/>
        <button id="checkout-button">checkout-button</button>
    </div>
    <script src="https://js.stripe.com/v3/"></script>
    <script>
        var stripe = Stripe('pk_test_51HHulUDCbB43z0gbYp2XbK7Wj26l9csucdHmNixAxBX0m2ThCZ5Mp0UeLlZMX0FsxwfnbUdmIoIPtPVVdRQRpHUC00gKDeDOsS');
        var checkoutButton = document.getElementById('checkout-button');
        checkoutButton.addEventListener('click', function() {
            var session_token = document.getElementById('session_token').value;
            stripe.redirectToCheckout({
                // Make the id field from the Checkout Session creation API response
                // available to this file, so you can provide it as argument here
                // instead of the CHECKOUT_SESSION_ID placeholder.
                sessionId: session_token
            }).then(function (result) {
                // If `redirectToCheckout` fails due to a browser or network
                // error, display the localized error message to your customer
                // using `result.error.message`.
            });
        });
    </script>
@endsection