@extends('master_layout.app')

@section('content')
    <section id="content" class="content">
        <div class="content__header content__boxed overlapping">
            <div class="content__wrap">

                <h4 class="mb-3 fw-semibold">Subscription Grace Period</h4>


                <div class="container-fluid">


                    <div class="row">
                        <div class="col-12">
                            @if (session('success'))
                                <div class="alert alert-success mt-3">{{ session('success') }}</div>
                            @endif
                            @if (session('error'))
                                <div class="alert alert-danger mt-3">{{ session('error') }}</div>
                            @endif
                            <div class="card" class="propertywizard">

                                <div class="card-body">
                                    <div class="mt-5">

                                        <form id="verticalwizard" action="{{ route('grace-period-update') }}"
                                            method="POST">
                                            @csrf
                                            <div class="row">
                                                <div class="col-md-6">
                                                    <div id="div_id_company" class="form-group required row">
                                                        <label for="id_company" class="form-label col-md-6  requiredField">
                                                            Trial Grace Period<span class="asteriskField">*</span> </label>
                                                        <div class="controls col-md-6">
                                                            <input class="input-md textinput textInput form-control"
                                                                id="id_company" name="trial_package_days"
                                                                placeholder="Trial Grace Day"
                                                                value="{{ $grace_time_setting->trial_package_days }}"
                                                                style="margin-bottom: 10px" type="text" />
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-6">
                                                    <div id="div_id_catagory" class="form-group required row">
                                                        <label for="id_catagory" class="form-label col-md-6  requiredField">
                                                            Paid Subscription Grace Period<span
                                                                class="asteriskField">*</span> </label>
                                                        <div class="controls col-md-6 ">
                                                            <input class="input-md textinput textInput form-control"
                                                                id="id_catagory" name="paid_package_days"
                                                                placeholder="Plan Grace Day"
                                                                value="{{ $grace_time_setting->paid_package_days }}"
                                                                style="margin-bottom: 10px" type="text" />
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>


                                            <div class="form-group row mt-5 text-end">
                                                <div class="aab controls col-md-8 "></div>
                                                <div class="controls col-md-4 ">
                                                    <input type="submit" name="update" value="Update"
                                                        class="btn btn-primary btn btn-info" />

                                                </div>
                                            </div>
                                        </form>


                                    </div>

                                </div> <!-- end card body -->
                            </div> <!-- end card -->
                        </div><!-- end col -->
                    </div> <!-- end row -->


                </div>


            </div>



        </div>




        <style>
            .ri-add-circle-line {
                font-size: 20px;
                padding-left: 5px;
            }

            .ri-subtract-line {
                font-size: 20px;
                padding-left: 5px;
            }

            .tab-img {
                width: 30px;
            }

            button#submitBtn {
                position: relative;
                right: 280px;
            }

            .form-check {
                display: block;
                min-height: 1.3125rem;
                padding-left: 1.612em;
                margin-bottom: 0;
                margin: 0 0%;
            }
        </style>
    </section>
@endsection