@extends('user.layouts')

@section('title', 'Subscription Master')

@section('header')

<link rel="stylesheet" type="text/css"
    href="{{ asset('/assets') }}/css/datatable/dataTables.bootstrap5.min.css">

<link rel="stylesheet" type="text/css"
    href="{{ asset('/assets') }}/css/datatable/responsive.bootstrap.min.css">

@endsection

@section('content')

<div class="container-fluid page-wrapper">

    <div class="container mt-5">

        <div class="row justify-content-center">

            <div class="col-lg-6 col-md-8 col-12">

                <div class="card shadow-lg border-0">

                    <div class="card-body p-4">

                        <div class="row">
                            <div>
                                <h3 class="page-top-heading">
                                   Edit Subscription Master
                                </h3>
                            </div>
                        </div>

                        <form id="subscriptionForm" action="{{ route('subscriptionmaster_update', $subscription->id) }}"
                            method="POST"
                            enctype="multipart/form-data">

                            @csrf

                          

                            <div class="row mt-4">

                                <!-- Subscription Amount -->
                                <div class="mb-3">

                                    <label class="mb-2 filter-by-p">
                                        Subscription Amount
                                    </label>

                                    <input type="number"
                                        class="form-control filter-input"
                                        name="subscription_amount"
                                        placeholder="Enter Amount"
                                        value="{{ old('subscription_amount', $subscription->subscription_amount ?? '') }}">

                                    @error('subscription_amount')
                                        <span class="text-danger">
                                            {{ $message }}
                                        </span>
                                    @enderror

                                </div>

                                  <!-- Subscription Amount -->
                                <div class="mb-3">

                                    <label class="mb-2 filter-by-p">
                                        Referral Amount
                                    </label>

                                    <input type="number"
                                        class="form-control filter-input"
                                        name="referral_amount"
                                        placeholder="Enter Amount"
                                        value="{{ old('referral_amount', $subscription->referral_amount ?? '') }}">

                                    @error('subscription_amount')
                                        <span class="text-danger">
                                            {{ $message }}
                                        </span>
                                    @enderror

                                </div>

                                <!-- Commission Percentage -->
                                <div class="mb-3">

                                    <label class="mb-2 filter-by-p">
                                        Agent Commission %
                                    </label>

                                    <input type="number"
                                        class="form-control filter-input"
                                        name="agent_commission_percentage"
                                        placeholder="Enter Commission Percentage"
                                        value="{{ old('agent_commission_percentage', $subscription->agent_commission_percentage ?? '') }}">

                                    @error('agent_commission_percentage')
                                        <span class="text-danger">
                                            {{ $message }}
                                        </span>
                                    @enderror

                                </div>


                                  <!-- Tax Percentage -->

                                <div class="mb-3">

                                    <label class="mb-2 filter-by-p">
                                        Tax Percentage %
                                    </label>

                                    <input type="number"
                                        class="form-control filter-input"
                                        name="tax_percentage"
                                        placeholder="Enter tax Percentage"
                                         value="{{ old('tax_percentage', $subscription->tax_percentage ?? '') }}"
                                        >

                                    @error('tax_percentage')

                                    <span class="text-danger">
                                        {{ $message }}
                                    </span>

                                    @enderror

                                </div>
                                <!-- Validity Type -->
                                <div class="mb-3">

                                    <label class="mb-2 filter-by-p">
                                        Validity Type
                                    </label>

                                    <select name="validity_type"
                                        class="form-control filter-input">

                                        <option value="">
                                            Select Type
                                        </option>

                                        <option value="month"
                                            {{ old('validity_type', $subscription->validity_type ?? '') == 'month' ? 'selected' : '' }}>
                                            Month
                                        </option>

                                        <option value="year"
                                            {{ old('validity_type', $subscription->validity_type ?? '') == 'year' ? 'selected' : '' }}>
                                            Year
                                        </option>

                                    </select>

                                    @error('validity_type')
                                        <span class="text-danger">
                                            {{ $message }}
                                        </span>
                                    @enderror

                                </div>

                                <!-- Validity Period -->
                                <div class="mb-3">

                                    <label class="mb-2 filter-by-p">
                                        Validity Period
                                    </label>

                                    <input type="number"
                                        class="form-control filter-input"
                                        name="validity_period"
                                        placeholder="Enter Validity Period"
                                        value="{{ old('validity_period', $subscription->validity_period ?? '') }}">

                                    @error('validity_period')
                                        <span class="text-danger">
                                            {{ $message }}
                                        </span>
                                    @enderror

                                </div>

                                <!-- Submit Button -->
                               <div class="text-center mt-3">
        <button type="submit"
            id="submitBtn"
            class="btn btn-primary feature-btn">
            <i class="fa-solid fa-plus me-2"></i>
            {{ isset($subscription) ? 'Update Subscription' : 'Add Subscription' }}
        </button>
    </div>
                            </div>

                        </form>

                    </div>

                </div>

            </div>

        </div>

    </div>

</div>

@endsection

@section('footer')

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

<script type="text/javascript"
    src="{{ asset('/assets') }}/js/datatable/dataTables.bootstrap5.min.js"></script>

<script type="text/javascript"
    src="{{ asset('/assets') }}/js/datatable/datatables.init.js"></script>

<script type="text/javascript"
    src="{{ asset('/assets') }}/js/datatable/dataTables.responsive.min.js"></script>

<script type="text/javascript"
    src="{{ asset('/assets') }}/js/datatable/jquery.dataTables.min.js"></script>
<script>
document.getElementById('subscriptionForm').addEventListener('submit', function() {

    let btn = document.getElementById('submitBtn');

    btn.disabled = true;

    btn.innerHTML =
        '<i class="fa fa-spinner fa-spin me-2"></i> Processing...';

});
</script>
@endsection