@extends('reachassuree_admin/layouts.main')
@section('title', $data['title'])
@section('content')

<div class="page-content">
    <div class="container-fluid">
        <!-- end page title -->
        <div class="row">
            <div class="col-12">
                <div class="page-title-box d-sm-flex align-items-center justify-content-between">
                    <h4 class="mb-sm-0 font-size-18">{{$data['title']}}</h4>
                </div>
            </div>
        </div>
        <!-- start row -->
        <div class="row ">

            <div class="card">

                <form action="{{route('reachassuree.subscription.plan.save')}}" method="POST" id="plan_feauture" class="needs-validation" novalidate enctype="multipart/form-data">
                    @csrf
                    <div class="row">

                        <div class="row">
                            <div class="col-lg-6 col-sm-6">
                                <div class="form-group">

                                    <label for="date" class="form-label"> Tr.Date</label>
                                    <input type="date" name="tr_date" id="tr_date" value="" required data-error="Please enter your Traction Date" class="form-control">
                                    <div class="help-block with-errors"></div>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-6">
                                <div class="mb-3">

                                    <label for="title" class="form-label">Product Name*</label>
                                    <input type="text" class="form-control" id="title" name="title" placeholder="Product Name" value="" required>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-md-6">
                                    <div class="mb-3">
                                        <label for="product_description" class="form-label">Product Description*</label>
                                        <textarea name="product_description" class="form-control" id="product_description" cols="30" rows="6" value="" maxlength="240" required placeholder="Product Description"></textarea>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row">

                            <div class="col-md-2">
                                <div class="mb-3">
                                    <label class="form-label">&nbsp;&nbsp;&nbsp;&nbsp;</label>
                                    <button type="submit" class="form-control btn btn-primary" id="btnplanfeautureSave">Insert</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>

            </div>
        </div>
        <!-- end row -->
    </div>
</div>


@endsection('content')
@section('custom-scripts')

<script src="{{ asset('assets/libs/parsleyjs/parsley.min.js') }}"></script>
<script src="{{ asset('assets/js/pages/form-validation.init.js') }}"></script>
<script src="{{ asset('assets/js/pages/jquery.form.js') }}"></script>
<script type="text/javascript">
    resetInputForm();

    function resetInputForm() {
        $('#plan_feauture').trigger("reset");
        $("#plan_feauture").removeClass('was-validated');

    }
    $(document).ready(function() {


        var options = {
            beforeSubmit: showRequest, // pre-submit callback
            success: showResponse // post-submit callback
        };
        
         $('#plan_feauture').submit(function() {
            $(this).ajaxSubmit(options);
            return false;
        });
    });

    function showRequest(formData, jqForm, options) {

        var queryString = $.param(formData);
        return true;
    }

    // post-submit callback
    function showResponse(responseText, statusText, xhr, $form) {


        if (responseText['status'] == 1) {
            toastr["success"](responseText['msg']);
            resetInputForm();
            $("#btnplanfeautureSave").html('Insert');


        } else if (responseText['status'] == 0) {
            if (typeof responseText['data'] !== "undefined") {
                var size = Object.keys(responseText['data']).length;
                if (size > 0) {
                    for (var [key, value] of Object.entries(responseText['data'])) {
                        toastr["error"](value);
                    }
                }
            } else {
                toastr["error"](responseText['msg']);
            }
        }
    }
</script>

@endsection