@extends('backend.master')

@section('content')

<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.css">

<div class="min-h-screen bg-slate-50 p-4 md:p-6">
    <div class="max-w-3xl mx-auto">

        <div class="flex items-center justify-between mb-5">
            <div>
                <h1 class="text-2xl font-black text-gray-900">Create Loan Plan</h1>
                <p class="text-gray-500 mt-1">Add new Erin loan plan</p>
            </div>

            <a href="{{ route('admin.erin-loan-plans.index') }}"
               class="px-5 py-3 rounded-xl border bg-white font-bold text-gray-700">
                <i class="bi bi-arrow-left"></i>
                Back
            </a>
        </div>

        @include('admin.erin_loan_plans.partials.form', [
            'plan' => $plan,
            'action' => route('admin.erin-loan-plans.store'),
            'method' => 'POST',
            'buttonText' => 'Create Plan'
        ])

    </div>
</div>

@endsection