



<?php $__env->startSection('breadcrumb'); ?>
<div class="row page-title">
    <div class="col-md-12">
        <nav aria-label="breadcrumb" class="float-right mt-1">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="<?php echo e(route('dashboard')); ?>">Home</a></li>
                <li class="breadcrumb-item active" aria-current="page">Tasks list</li>
            </ol>
        </nav>
        <h4 class="mb-1 mt-0">Tasks List</h4>
    </div>
</div>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('content'); ?>

<div class="card">
    <div class="card-header bg-dark">
        <h3 class="font-weight-bold text-white">Create plan</h3>
    </div>
    <div class="card-body">
        <div class="row">
            <div class="col-lg-3"></div>
            <div class="col-lg-6">
                <form action="">

                    <div class="row">
                        <div class="col-12 text-center ">
                            <h4 class="font-weight-bold ">Tell us about the subscription plan you want to offer </h4>
                            <p class=" ">Your customer will see your plan name, but not the plan description. You
                                can use it to help you remember what's in this plan.</p>
                        </div>
                        <div class="form-group col-12">
                            <label for="plan_name" class=" ">Plan Name</label>
                            <input type="text" class="form-control" id="plan_name" placeholder="Enter plan name">
                        </div>
                        <div class="form-group col-12">
                            <label for="plan_description" class=" ">Plan Description</label>
                            <textarea name="" id="" cols="30" rows="3"  placeholder="Enter plan description" class="form-control"></textarea>
                            
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-12 text-center ">
                            <h4 class="font-weight-bold ">Define pricing for this description plan </h4>
                            <p class=" ">You'll able to review all of this info before you turn this plan on.</p>
                        </div>
                        <div class="form-group col-12">
                            <input type="checkbox" class="" id="offer-trail">
                            <label for="" class=""> Offer a trail period</label>
                            <div class="form-group col-12" id="offer-trail-div" style="display:none;">
                                <div class="row">
                                    <div class="col-3">
                                        <input type="text" class="form-control" id="plan_description"
                                            placeholder="Enter price">
                                    </div>
                                    <div class="col-6">
                                        <div class="input-group row mb-3">
                                            <label for="" class="text-center p-2">every</label>

                                            <input type="text" class="form-control col-3"
                                                aria-label="Text input with dropdown button" value="1">
                                            <select class="custom-select col-9" required>
                                                <option value="0">Days</option>
                                                <option value="2">Weeks</option>
                                                <option value="1">Months</option>
                                                <option value="1">Years</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-3">
                                        <input type="text" class="form-control" placeholder="cycles">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="form-group col-12">
                        <label for="plan_description" class=" ">Subscription period</label>
                        <div class="form-group d-flex">
                            <div class="">
                                <div class="custom-checkbox custom-control px-0   mb-0 tx-13">
                                    <label class=" p-0">
                                        <input name="radio" type="radio" id="unlimited-cycle">
                                        <span class=" ">Unlimited billing cycles</span></label>

                                </div>
                            </div>
                            <div class="">
                                <div class="custom-checkbox custom-control   mb-0 tx-13">
                                    <label class=" p-0"><input name="radio" type="radio" id="limited-cycle">
                                        <span class=" ">Limited billing cycles</span></label>
                                </div>
                            </div>
                        </div>
                        </p>
                        <div class="form-group col-12">
                            <div class="row">
                                <div class="col-3">
                                    <input type="text" class="form-control" id="plan_description"
                                        placeholder="Enter price">
                                </div>
                                <div class="col-6">
                                    <div class="input-group row mb-3">
                                        <label for="" class="text-center p-2">every</label>

                                        <input type="text" class="form-control col-3"
                                            aria-label="Text input with dropdown button" value="1">
                                        <select class="custom-select col-9" required>
                                            <option value="0">Days</option>
                                            <option value="2">Weeks</option>
                                            <option value="1">Months</option>
                                            <option value="1">Years</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="col-3" id="unlimited-billing-cycle">
                                    <label for="" class="text-center p-2">Unlimited cycle</label>
                                </div>
                                <div class="col-3" id="limited-billing-cycle" style="display:none;">
                                    <input type="text" class="form-control" placeholder="cycles">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="form-group col-12">
                        <label for="plan_description" class=" ">Calculate the tax for this subscription
                            plan</label>
                        <div class="row">
                            <div class="col-8">
                                <select class="custom-select" required>
                                    <option value="0" id="include-tax">Include tax in price</option>
                                    <option value="2" id="add-tax">Add tax to price</option>
                                    <option value="1" id="dont-tax">Don't calculate tax</option>
                                </select>
                            </div>
                            <div class="col-4">
                                <div class="input-group mb-3">
                                    <input type="text" class="form-control" id="tax-div" value="1"
                                        style="display:none;">
                                </div>
                                <div class="input-group flex-nowrap">
                                </div>
                            </div>
                        </div>

                    </div>

                    <div class="form-group col-12">
                        <label for="plan_description" class=" ">Manage your billing preferences</label>
                        <div class="form-group row">
                            <label class="col-lg-5 col-form-label" for="">How many missed billing cyles before a
                                subscription is paused ?</label>
                            <div class="col-lg-7">
                                <input type="text" class="form-control" id="" value="1">
                            </div>
                        </div>
                    </div>
                    <hr />
                    <div class="form-group col-12">
                        <input type="checkbox" class="">
                        <label for="" class=""> Turn on auto billing of outstanding payments</label>
                    </div>
                    <div class="form-group col-12 text-right">
                        <button id="" class="btn btn-dark btn-rounded  p-2 px-4"> Submit</button>
                    </div>
                </form>
            </div>
        </div>
        <div class="col-lg-3"></div>
    </div>
</div>

<?php $__env->stopSection(); ?>

<?php $__env->startSection('script-bottom'); ?>
<script>
    $(document).ready(function (e) {

        $("#limited-cycle").on('click', function (e) {
            $("#limited-billing-cycle").css('display', 'block');
            $("#unlimited-billing-cycle").hide();
        });
        $("#unlimited-cycle").on('click', function (e) {
            $("#limited-billing-cycle").hide();
            $("#unlimited-billing-cycle").show();
        });

        $("#dont-tax").on('click', function (e) {
            $("#tax-div").hide();

        });
        $("#include-tax").on('click', function (e) {
            $("#tax-div").css('display', 'inline-block');

        });
        $("#add-tax").on('click', function (e) {
            $("#tax-div").css('display', 'inline-block');

        });

        $('#offer-trail').change(function () {
            $('#offer-trail-div').toggle();
        });
    });

</script>
<?php $__env->stopSection(); ?>

<?php echo $__env->make('layouts.master', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH G:\php\www\laravel\baramdat\hvg\hvg\resources\views/general/card.blade.php ENDPATH**/ ?>