@include('Partials.sidebar')

<section class="main_content dashboard_part large_header_bg">
    @include('Partials.header')

    <div class="main_content_iner default_main_contaner_iner">
        <div class="page-body">

            <div class="container-fluid">
                <div class="page-title">
                    <div class="row">
                        <div class="col-sm-6 ps-0"><h3>Edit Payment Plan</h3></div>
                        <div class="col-sm-6 pe-0">
                            <ol class="bc">
                                <li><a href="/admin/dashboard" class="bc-home"><i class="fas fa-home"></i></a></li>
                                <li class="bc-sep">›</li>
                                <li><a href="{{ route('payment-plans.index') }}" class="bc-link">Payment Plans</a></li>
                                <li class="bc-sep">›</li>
                                <li class="bc-active">Edit</li>
                            </ol>
                        </div>
                    </div>
                </div>
            </div>

            @if(session('success'))
                <div class="container-fluid">
                    <div class="alert alert-success alert-dismissible fade show">
                        <i class="fas fa-check-circle mr-2"></i>{{ session('success') }}
                        <button type="button" class="close" data-dismiss="alert"><span>&times;</span></button>
                    </div>
                </div>
            @endif

            <div class="container-fluid">
                {{-- Main update form --}}
                <form action="{{ route('payment-plans.update', $plan->id) }}" method="POST" id="plan-form">
                    @csrf
                    @method('PUT')
                    @include('PaymentPlans._milestone_form')
                </form>

                {{-- Action bar — outside plan-form to avoid nested form issue --}}
                <div class="d-flex justify-content-between mt-3 mb-4">

                    {{-- Delete form — separate, never nested --}}
                    <form action="{{ route('payment-plans.destroy', $plan->id) }}"
                          method="POST"
                          id="delete-plan-form"
                          onsubmit="return confirm('Delete this plan permanently? This cannot be undone.')">
                        @csrf
                        @method('DELETE')
                        <button type="submit" class="btn btn-outline-danger btn-sm">
                            <i class="fas fa-trash-alt mr-1"></i> Delete Plan
                        </button>
                    </form>

                    <div style="display:flex;gap:10px;">
                        <a href="{{ route('payment-plans.index') }}" class="btn btn-secondary">Cancel</a>
                        {{-- form="plan-form" submits the update form above --}}
                        <button type="submit" form="plan-form" class="btn btn-primary">
                            <i class="fas fa-save mr-1"></i> Update Plan
                        </button>
                    </div>
                </div>
            </div>

        </div>
    </div>
</section>

@include('PaymentPlans._milestone_js')
@include('Partials.footer')