@extends('layouts.vendor.app')

@section('title', translate('messages.Subscription'))
@push('css_or_js')
@endpush


@section('content')
    <div class="content container-fluid">
        <!-- Page Heading -->

        <div class="page-header">
            <div class="row align-items-center">
                <div class="col-sm mb-2 mb-sm-0">
                    <h1 class="page-header-title">
                        <span class="page-header-icon"></span>
                        {{ translate('Packages') }}
                    </h1>
                </div>
            </div>
        </div>
 @php( $package_id=$subs->package_id ?? 0 )


        <div id="generic_price_table">

            <div class="container">

                <!--BLOCK ROW START-->
                <div class="row">


                    @forelse ($packages as $package)
                        <div class="col-md-4">

                            <!--PRICE CONTENT START-->
                            <div class="generic_content {{ ($package->id == $package_id) ? 'active': '' }}  clearfix">

                                <!--HEAD PRICE DETAIL START-->
                                <div class="generic_head_price clearfix">

                                    <!--HEAD CONTENT START-->
                                    <div class="generic_head_content clearfix">

                                        <!--HEAD START-->
                                        <div class="head_bg"></div>
                                        <div class="head">
                                            <span><h2>
                                                {{ $package->package_name }}
                                            </h2></span>
                                        </div>
                                        <!--//HEAD END-->

                                    </div>
                                    <!--//HEAD CONTENT END-->

                                    <!--PRICE START-->
                                    <div class="generic_price_tag clearfix">
                                        <span class="price">
                                            <span class="sign">{{ \App\CentralLogics\Helpers::format_currency($package->price)}}</span>
                                            {{-- <span class="currency"> {{  }}  </span> --}}
                                            {{-- <span class="cent">.99</span> --}}
                                            <span class="month"> {{ $package->validity }}/Days</span>
                                        </span>
                                    </div>
                                    <!--//PRICE END-->

                                </div>
                                <!--//HEAD PRICE DETAIL END-->

                                <!--FEATURE LIST START-->
                                <div class="generic_feature_list">
                                    <ul>
                                        <li><span>
                                            @if ( $package->max_order == 'unlimited')
                                                {{ translate('Unlimited') }}
                                            @else
                                            {{$package->max_order }}
                                            @endif
                                        </span> {{ translate('messages.Order') }} {{ translate('Places') }} </li>

                                        <li><span>@if ( $package->max_product  == 'unlimited')
                                            {{ translate('Unlimited') }}
                                        @else
                                        {{$package->max_product }}
                                        @endif
                                        </span> {{ translate('messages.product') }} {{ translate('messages.Uploads') }}</li>
                                        @if ($package->pos ==1)
                                        <li><span>POS </span>{{ translate('messages.System') }} </li>
                                        @endif
                                        @if ($package->mobile_app ==1)
                                        <li><span>{{ translate('messages.Mobile App') }}</span>  </li>
                                        @endif
                                        @if ($package->self_delivery ==1)
                                        <li><span>{{ translate('messages.self_delivery') }}</span> {{ translate('messages.option') }} </li>
                                        @endif
                                        @if ($package->chat ==1)
                                        <li><span>{{ translate('messages.chat') }}</span> {{ translate('messages.option') }}  </li>
                                        @endif
                                        @if ($package->review ==1)
                                        <li><span>{{ translate('messages.Review') }}</span> {{ translate('Selection') }} </li>
                                        @endif

                                    </ul>
                                </div>
                                <!--//FEATURE LIST END-->

                                <!--BUTTON START-->
                                <div class="generic_price_btn clearfix">
                                    <a  data-toggle="modal" data-id="{{ $package->id }}" class="package_id"
                                    data-target=".bd-example-modal-sm">
                                    @if ($package->id == $package_id )
                                    {{ translate('Renew Now') }}
                                    @else
                                    {{ translate('Get Started') }}
                                    @endif
                                </a>
                                </div>
                                <!--//BUTTON END-->

                            </div>
                            <!--//PRICE CONTENT END-->

                        </div>













                            {{-- <form action="{{  }}" method="post"
                                id="package-{{ $package->id }}">


                            </form> --}}


                    @empty
                        <div class="col-lg-12">
                            <div class="card mb-3 mb-lg-5">
                                <div class="card-body">
                                    <div class="list-group list-group-flush list-group-no-gutters">
                                        <li class="list-group-item">
                                            <div class="media align-items-center">
                                                <div class="media-body">
                                                    <span class="h5">{{ translate('No Package Found') }}</span>
                                                </div>
                                            </div>
                                        </li>
                                    </div>
                                </div>
                            </div>
                        </div>
                    @endforelse









                </div>
                <!--//BLOCK ROW END-->

            </div>

        </div>








    </div>


    </div>
    <!-- Modal -->
    <div class="modal fade bd-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel"
        aria-hidden="true">
        <div class="modal-dialog modal-sm" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title h4" id="mySmallModalLabel">{{ translate('Package Subscribtion Confirmation') }}
                        </h5>
                    <button type="button" class="btn btn-xs btn-icon btn-ghost-secondary" data-dismiss="modal"
                        aria-label="Close">
                        <i class="tio-clear tio-lg"></i>
                    </button>
                </div>

                <form action="{{ route('vendor.subscription.package_renew_change_update') }}" method="post">
                    @csrf
                    <div class="modal-body">
                        <!-- Input Group -->
                        <div class="form-group">
                            <label for=""> {{ translate('messages.reference') }}
                                {{ translate('messages.code') }} {{ translate('messages.add') }}</label>
                            <input type="text" name="reference" class="form-control"
                                placeholder="{{ translate('messages.Ex :') }} Code123" >
                        </div>
                        @csrf @method('post')
                        {{-- <input type="hidden" name="package_id" value="{{ $package->id }}" > --}}
                        <input type="hidden" class="form-control" name="package_id" id="idkl" value="">
                        <input type="hidden" name="restaurant_id" value="{{ $restaurant_id}}" >
                        <input type="hidden" name="type" value="{{ $package_id  }}" >

                        <div class="form-group">
                            <label for="inputState">{{ translate('messages.Payment Method') }}</label>
                            <select id="inputState" name="payment_method" class="form-control">
                                <option  value="wallet" selected>{{ translate('Restaurant Wallet') }}</option>
                                <option value="others" >  {{ translate('Others') }}</option>
                            </select>
                        </div>

                        <!-- End Input Group -->
                        <button type="submit" class="btn btn-primary">{{ translate('messages.Confirm') }}</button>
                        <button type="button" type="reset" class="btn btn-secondary" data-dismiss="modal">{{ translate('messages.Cancel') }}</button>

                    </div>
                </form>

            </div>
        </div>
    </div>
    <!-- End Modal -->



@endsection
@push('script_2')
<script>

    $(".package_id").click(function () {
        var ids = $(this).attr('data-id');
        $("#idkl").val( ids );
        // $('#myModal').modal('show');
    });
    </script>
@endpush