@extends('admin.admin')
@section('content')
    <main id="main" class="main">

        <div class="pagetitle">
            <h1>Add New Plan</h1>
            <nav>
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="index.html">Home</a></li>
                    <li class="breadcrumb-item active">Add Plan</li>
                </ol>
            </nav>
        </div><!-- End Page Title -->
        <section>
            <div class="card">
                <div class="card-body">
                    <!-- <h5 class="card-title">Add New Blog</h5> -->

                    <!-- Multi Columns Form -->
                    <form action="{{ route('plans.store') }}" class="row g-3 pt-3" method="post">
                        @csrf
                        <div class="col-md-6 mb-2">
                            <label class="form-label"><small>Name</small></label>
                            <input type="text" name="name" class="p-2 form-control" required>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label"><small>Label</small></label>
                            <input type="text" name="label" class="p-2 form-control" required>
                        </div>
                        <div class="col-md-6 mb-2">
                            <label class="form-label"><small>Description</small></label>
                            <input type="text" name="description" class="p-2 form-control" required>
                        </div>
                        <div class="col-md-6">
                            <label for="inputEmail5" class="form-label"><small>Type</small></label>
                            <select id="inputState" class="p-2 form-select" name="type">
                                <option selected value="weekly">Weekly</option>
                                <option value="monthly">Monthly</option>
                                <option value="yearly">Yearly</option>
                            </select>
                        </div>
                        <div class="col-md-6">
                            <label for="inputEmail5" class="form-label"><small>Duration</small></label>
                            <select id="inputState" class="p-2 form-select" name="duration">
                                <option selected value="7">7</option>
                                <option value="30">30</option>
                                <option value="365">365</option>
                            </select>
                        </div>
                        <div class="col-md-6"></div>
                        <div class="col-md-6 mb-2">
                            <label class="form-label"><small>Price</small></label>
                            <input type="text" name="price" class="p-2 form-control" required>
                        </div>
                        <div class="col-md-6 mb-2">
                            <label class="form-label"><small>Sale Price</small></label>
                            <input type="text" name="sale_price" class="p-2 form-control" required>
                        </div>
                        <div class="col-md-6 mb-2">
                            <label class="form-label"><small>Discount (in %)</small></label>
                            <input type="text" name="discount" class="p-2 form-control" required>
                        </div>
                        <div class="col-md-6 mb-2">
                            <label class="form-label"><small>Coupon</small></label>
                            <input type="text" name="coupon" class="p-2 form-control" required>
                        </div>
                        <div class="col-md-6 mb-2">
                            <label class="form-label"><small>Paypro ID</small></label>
                            <input type="text" name="paypro_id" class="p-2 form-control" required>
                        </div>
                        <div class="col-md-6 mb-2">
                            <label class="form-label"><small>Unique Key | Group Key</small></label>
                            <input type="text" name="key" class="p-2 form-control" required>
                        </div>

                        <div class="">
                            <button type="submit" class="btn btn-primary">Submit</button>
                        </div>
                    </form><!-- End Multi Columns Form -->
                </div>
            </div>
        </section>
    </main><!-- End #main -->
@endsection