@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-3fw-semibold">Update Subscription</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="mb-5">


                                        <form id="verticalwizard" action="{{ route('subscriptions_update') }}"
                                            method="POST">
                                            @csrf
                                            <input type="hidden" name="id" value="{{ $subscription[0]->id }}">
                                            <div class="row">






                                                {{-- <div class="col-lg-3">
                                                    <ul class="nav nav-pills nav-justified flex-column icon-wizard form-wizard-header bg-light p-1"
                                                        role="tablist">
                                                        <li class="nav-item" role="presentation">
                                                            <a href="#subscription-plan" id="subscription-plan-tab"
                                                                data-bs-toggle="tab" data-toggle="tab"
                                                                class="nav-link rounded-0 py-2 active" aria-selected="true"
                                                                role="tab"><img
                                                                    src="/new_template/admin/assets/img/1.png"
                                                                    class="tab-img">

                                                                Subscription Plan
                                                            </a>
                                                        </li>

                                                    </ul>
                                                </div> --}}










                                                <div class="tab-pane active show" id="subscription-plan" role="tabpanel">
                                                    {{-- <h4 class="fs-16 fw-semibold mb-1">Subscription Plan</h4> --}}

                                                    <div class="row py-2">
                                                        <div class="col-md-6">
                                                            <div class="col-lg-12">
                                                                <div class="mb-3">
                                                                    <label for="propertyname" class="form-label">Plan
                                                                        Name</label>
                                                                    <input id="propertyname" type="text"
                                                                        class="form-control" name="plan_name"
                                                                        value="{{ $subscription[0]->plan_name }}"
                                                                        placeholder="Enter Plan Name">
                                                                </div>
                                                            </div> <!-- end col -->

                                                            <div class="col-lg-12">
                                                                <div class="mb-3">
                                                                    <label for="Description"
                                                                        class="form-label">Description</label>
                                                                    <textarea class="form-control" id="exampleTextarea" name="description" rows="4" placeholder="Enter Description">{{ $subscription[0]->description }}</textarea>
                                                                </div>
                                                            </div> <!-- end col -->
                                                        </div>

                                                        <div class="col-md-6">
                                                            <div class="mb-3">
                                                                <label for="Duration" class="form-label ">Duration</label>

                                                                <div class="d-list">
                                                                    <div class="inp-box d-flex align-items-center">
                                                                        <label class="form-check-label "
                                                                            for="inlineCheckbox1">Monthly</label>


                                                                    </div>
                                                                    <div class="inp-box">
                                                                        <label class="form-check-label mb-1"
                                                                            for="inlineCheckbox1">Actual
                                                                            Price</label>
                                                                        <input type="text"
                                                                            value="{{ $subscription[0]->monthly_actual_price }}"
                                                                            name="monthly_actual_price"
                                                                            class="monthly_actual_price  form-control"
                                                                            placeholder="Actual Price">

                                                                    </div>
                                                                    <div class="inp-box">

                                                                        <label class="form-check-label mb-1"
                                                                            for="inlineCheckbox1">Discount
                                                                            Precentage</label>
                                                                        <input type="text"
                                                                            value="{{ $subscription[0]->monthly_discount }}"
                                                                            name="monthly_discount"
                                                                            class="monthly_discount  form-control"
                                                                            placeholder="Discount">

                                                                    </div>

                                                                    <div class="inp-box">

                                                                        <label class="form-check-label mb-1"
                                                                            for="inlineCheckbox1">Offer
                                                                            Price</label>
                                                                        <input type="text"
                                                                            value="{{ $subscription[0]->monthly_offer_price }}"
                                                                            name="monthly_offer_price"
                                                                            class="monthly_offer_price form-control"
                                                                            placeholder="Offer Price" readonly>

                                                                    </div>
                                                                </div>

                                                                <div class="d-list">
                                                                    <div class="inp-box d-flex align-items-center">
                                                                        <label class="form-check-label"
                                                                            for="inlineCheckbox1">Quarterly</label>


                                                                    </div>
                                                                    <div class="inp-box">

                                                                        <input type="text"
                                                                            value="{{ $subscription[0]->quaterly_actual_price }}"
                                                                            name="quaterly_actual_price"
                                                                            class="quaterly_actual_price form-control"
                                                                            placeholder="Actual Price" readonly>

                                                                    </div>
                                                                    <div class="inp-box">


                                                                        <input type="text"
                                                                            value="{{ $subscription[0]->quaterly_discount }}"
                                                                            name="quaterly_discount"
                                                                            class="quaterly_discount form-control"
                                                                            placeholder="Discount">

                                                                    </div>

                                                                    <div class="inp-box">


                                                                        <input type="text"
                                                                            value="{{ $subscription[0]->quaterly_offer_price }}"
                                                                            name="quaterly_offer_price"
                                                                            class="quaterly_offer_price form-control"
                                                                            placeholder="Offer Price" readonly>

                                                                    </div>
                                                                </div>

                                                                <div class="d-list">
                                                                    <div class="inp-box d-flex align-items-center">
                                                                        <label class="form-check-label"
                                                                            for="inlineCheckbox1">Half
                                                                            yearly</label>


                                                                    </div>
                                                                    <div class="inp-box">

                                                                        <input type="text"
                                                                            value="{{ $subscription[0]->halfyearly_actual_price }}"
                                                                            name="halfyearly_actual_price"
                                                                            class="halfyearly_actual_price form-control"
                                                                            placeholder="Actual Price" readonly>

                                                                    </div>
                                                                    <div class="inp-box">

                                                                        <input type="text"
                                                                            value="{{ $subscription[0]->halfyearly_discount }}"
                                                                            name="halfyearly_discount"
                                                                            class="halfyearly_discount form-control"
                                                                            placeholder="Discount">

                                                                    </div>

                                                                    <div class="inp-box">


                                                                        <input type="text"
                                                                            value="{{ $subscription[0]->halfyearly_offer_price }}"
                                                                            name="halfyearly_offer_price"
                                                                            class="halfyearly_offer_price form-control"
                                                                            placeholder="Offer Price " readonly>
                                                                    </div>
                                                                </div>

                                                                <div class="d-list">
                                                                    <div class="inp-box d-flex align-items-center">
                                                                        <label class="form-check-label"
                                                                            for="inlineCheckbox1">
                                                                            Yearly</label>


                                                                    </div>
                                                                    <div class="inp-box">

                                                                        <input type="text"
                                                                            value="{{ $subscription[0]->yearly_actual_price }}"
                                                                            name="yearly_actual_price"
                                                                            class="yearly_actual_price form-control"
                                                                            placeholder="Actual Price" readonly>

                                                                    </div>
                                                                    <div class="inp-box">


                                                                        <input type="text"
                                                                            value="{{ $subscription[0]->yearly_discount }}"
                                                                            name="yearly_discount"
                                                                            class="yearly_discount form-control"
                                                                            placeholder="Discount">

                                                                    </div>

                                                                    <div class="inp-box">

                                                                        <input type="text"
                                                                            value="{{ $subscription[0]->yearly_offer_price }}"
                                                                            name="yearly_offer_price"
                                                                            class="yearly_offer_price form-control"
                                                                            placeholder="Offer Price" readonly>

                                                                    </div>
                                                                </div>


                                                            </div>

                                                        </div>


                                                        <div class="row">
                                                            <div class="col-md-6">
                                                                <div class="row">
                                                                    <div class="col-md-6">
                                                                        <div class="mb-3">
                                                                            <label for="Description" class="form-label">No
                                                                                of
                                                                                Trial Days</label>
                                                                            <input id="Desc" type="text"
                                                                                name="trial_days"
                                                                                value="{{ $subscription[0]->trial_setting }}"
                                                                                class="form-control"
                                                                                placeholder="Enter Trial days">
                                                                        </div>
                                                                    </div>

                                                                    <div class="col-md-6">
                                                                        <div class="mb-3">
                                                                            <label for="Description" class="form-label">No
                                                                                of
                                                                                Trial Property </label>
                                                                            <input id="Desc" type="text"
                                                                                name="number_of_trial_property"
                                                                                value="{{ $subscription[0]->number_of_trial_property }}"
                                                                                class="form-control"
                                                                                placeholder="Enter No of Trial Property">
                                                                        </div>
                                                                    </div>
                                                                    <div class="col-md-4">
                                                                        <div class="mb-3">
                                                                            <label for="Description" class="form-label">No
                                                                                of Trial
                                                                                Team
                                                                                Members </label>
                                                                            <input id="Desc" type="text"
                                                                                name="number_of_trial_team_member"
                                                                                value="{{ $subscription[0]->number_of_trial_team_member }}"
                                                                                class="form-control"
                                                                                placeholder="Enter No of Team Members">
                                                                        </div>
                                                                    </div>
                                                                    <div class="col-md-4">
                                                                        <div class="mb-3">
                                                                            <label class="form-label" for="yourbuilt">No
                                                                                of
                                                                                Property</label>
                                                                            <input type="text" id="yourbuilting"
                                                                                class="form-control" name="property_count"
                                                                                value="{{ $subscription[0]->number_of_property }}"
                                                                                placeholder="Enter number needed">
                                                                        </div>
                                                                    </div><!-- end col -->
                                                                    <div class="col-md-4">
                                                                        <div class="mb-3">
                                                                            <label class="form-label" for="basicLname2">No
                                                                                of Team
                                                                                Members</label>
                                                                            <input type="text" id="basicLname2"
                                                                                class="form-control" name="team_members"
                                                                                value="{{ $subscription[0]->number_of_team_members }}"
                                                                                placeholder="Enter number needed">
                                                                        </div>
                                                                    </div>

                                                                    <div class="col-md-12">
                                                                        <div class="mb-0">
                                                                            <div class="formch d-flex align-items-center">

                                                                                <div class="form-check py-2 ">
                                                                                    <input class="form-check-input"
                                                                                        type="checkbox" value="1"
                                                                                        name="stacking_plan"
                                                                                        {{ $subscription[0]->stacking_plan == 1 ? 'checked' : '' }}
                                                                                        id="flexCheckDefault">
                                                                                    <label class="form-check-label "
                                                                                        for="flexCheckDefault">
                                                                                        Stacking Plan
                                                                                    </label>
                                                                                </div>


                                                                                <div class="form-check py-2 ">
                                                                                    <input class="form-check-input ms-2"
                                                                                        type="checkbox"
                                                                                        {{ $subscription[0]->critical_data == 1 ? 'checked' : '' }}
                                                                                        value="1"
                                                                                        name="critical_data"
                                                                                        id="flexCheckDefault">
                                                                                    <label class="form-check-label ms-2"
                                                                                        for="flexCheckDefault">
                                                                                        Critical Data
                                                                                    </label>
                                                                                </div>







                                                                            </div>


                                                                        </div>
                                                                    </div><!-- end col -->
                                                                </div>

                                                            </div>

                                                            <div class="col-md-6">
                                                                <div class="mb-3">
                                                                    <label class="form-label"
                                                                        for="basicLname2">Features</label>


                                                                    <div class="add-item mb-1">
                                                                        <select class="form-select" name="features[]"
                                                                            aria-label="Default select example">
                                                                            <option value="">Select Features
                                                                            </option>
                                                                            @foreach ($features as $ft)
                                                                                <option value="{{ $ft->id }}">
                                                                                    {{ $ft->feature_name }}</option>
                                                                            @endforeach
                                                                        </select>
                                                                        <i class="ri-add-circle-line"></i>

                                                                    </div>
                                                                    <div id="add_feature">

                                                                        @if ($subscription[0]->features != null && $subscription[0]->features != '')
                                                                            @php
                                                                                $fech = explode(
                                                                                    ',',
                                                                                    $subscription[0]->features,
                                                                                );
                                                                            @endphp


                                                                            @foreach ($fech as $val)
                                                                                @if ($val != '')
                                                                                    <div class="add-item mb-1">
                                                                                        <select class="form-select"
                                                                                            name="features[]"
                                                                                            aria-label="Default select example">
                                                                                            <option value="">
                                                                                                Select Features</option>
                                                                                            @foreach ($features as $ft)
                                                                                                <option
                                                                                                    {{ $val == $ft->id ? 'selected' : '' }}
                                                                                                    value="{{ $ft->id }}">
                                                                                                    {{ $ft->feature_name }}
                                                                                                </option>
                                                                                            @endforeach
                                                                                        </select>
                                                                                        <i class="ri-subtract-line"></i>

                                                                                    </div>
                                                                                @endif
                                                                            @endforeach
                                                                        @endif


                                                                    </div>
                                                                </div>
                                                            </div><!-- end col -->

                                                        </div>












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


                                                </div><!-- end tab-pane -->



                                                <div class="d-flex justify-content-end ">
                                                    <button type="submit" class="btn btn-success me-3">
                                                        Update <i class="ri-check-line ms-2"></i>
                                                    </button>
                                                </div>


                                        </form>
                                    </div>

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


                </div>


            </div>



        </div>










































        <!-- FOOTER -->

        <!-- <footer class="mt-auto">
            <div class="content__boxed">
                <div class="content__wrap py-3 py-md-1 d-flex flex-column flex-md-row align-items-md-center">
                    <div class="text-nowrap mb-4 mb-md-0">Copyright &copy; 2025 <a href="#"
                            class="ms-1 btn-link fw-bold">iStudio Technologies</a></div>
                    <nav class="nav flex-column gap-1 flex-md-row gap-md-3 ms-md-auto">
                       <a class="nav-link link-offset-3 link-underline-hover px-0" href="#">Policy Privacy</a>
                       <a class="nav-link link-offset-3 link-underline-hover px-0" href="#">Terms and conditions</a>
                       <a class="nav-link link-offset-3 link-underline-hover px-0" href="#">Contact Us</a>
                    </nav>
                </div>
            </div>
        </footer> -->

        <!-- END - FOOTER -->


    </section>
    <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%;
        }

        .d-list {
            display: grid;
            grid-template-columns: 2fr 4fr 4fr 4fr;
            gap: 10px;
        }

        .inp-box {
            margin-bottom: 10px
        }

        .form-check {
            margin: 0 !important;
        }

        .form-check-label {
            color: black !important;
        }
    </style>
    <script></script>
@endsection