@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>New 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">New</li>
                            </ol>
                        </div>
                    </div>
                </div>
            </div>

            <div class="container-fluid">
                <form action="{{ route('payment-plans.store') }}" method="POST" id="plan-form">
                    @csrf

                    @include('PaymentPlans._milestone_form')

                    <div class="d-flex justify-content-end mt-3 mb-4" style="gap:10px;">
                        <a href="{{ route('payment-plans.index') }}" class="btn btn-secondary">Cancel</a>
                        <button type="submit" class="btn btn-primary">
                            <i class="fas fa-save mr-1"></i> Save Plan
                        </button>
                    </div>
                </form>
            </div>

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

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