@extends('layouts.landing')

@section('title')
    Create Subscription Package
@endsection

@section('content')
<div class="row">
    <div class="col">
        <a href="{{url('subscription')}}" class="text-color mb-4"><i class="feather-arrow-left mr-2"></i> Back</a>
    </div>
</div>
<div class="row ">
    <div class="col">
        <h4>Create a new package</h4>
    </div>
</div>
<div class="row justify-content-center">
    <div class="col-12">
        <form class="card w-100 shadow-xss rounded-xxl border-0 ps-4 pt-4 pe-4 pb-3 mb-3 mt-3" action="{{route('sub.store-package')}}" method="POST">
            @csrf
            <div class="tab-pane fade show active" id="wizardStepOne" role="tabpanel" aria-labelledby="wizardTabOne">
                <div class="form-group">
                    <label class="form-label mb-1">
                        Name of Package
                    </label>
                    <input type="text" name="name" class="form-control">
                </div>
                <div class="form-group">
                    <label class="form-label mb-1">
                        Description
                    </label>
                    <textarea name="description" rows="5" class="form-control" placeholder="Enter description"></textarea>
                </div>
                <div class="form-group priceamount">
                    <label class="form-label mb-1">
                        Price
                    </label>
                    <input type="number" name="price" class="form-control">
                    <span class="curr">₦</span>
                </div>
                <div class="row">
                    <div class="col-12 col-lg-6 col-xl-6">
                        <div class="form-group">
                            <label class="form-label mb-1">
                                Validity
                            </label>
                            <select name="validity" class="form-select">
                                <option value="Days">Days</option>
                                <option value="Months">Months</option>
                                <option value="Years">Years</option>
                            </select>
                        </div>
                    </div>
                    <div class="col-12 col-lg-6 col-xl-6">
                        <div class="form-group">
                            <label class="form-label mb-1">
                                Recurring Date
                            </label>
                            <input type="number" name="recur_date" placeholder="30" class="form-control">
                        </div>
                    </div>
                </div>
                <hr class="my-5">
                <div class="nav row align-items-center">
                    <div class="col-auto">
                        <button class="btn btn-white" type="reset">Cancel</button>
                    </div>
                    <div class="col text-center">
                        <h6 class="text-uppercase text-muted mb-0">Step 1 of 3</h6>
                    </div>
                    <div class="col-auto">
                        <button type="submit" class="custom-btn">Create Package</button>
                    </div>
                </div>
            </div>
        </form>
    </div>
  </div>
@endsection