@extends('adminlte::page')

@section('title', 'Create Plan')

@section('content_header')
    <h1>Create Subscription Plan</h1>
@stop

@section('content')

<div class="card">

    <form action="{{ route('admin.plans.store') }}"
          method="POST">

        @csrf

        <div class="card-body">

            <div class="form-group">
                <label>Plan Name</label>

                <input type="text"
                       name="name"
                       value="{{ old('name') }}"
                       class="form-control @error('name') is-invalid @enderror"
                       placeholder="Pro Plan">

                @error('name')
                    <span class="invalid-feedback">
                        {{ $message }}
                    </span>
                @enderror
            </div>

            <div class="form-group">
                <label>Description</label>

                <textarea name="description"
                          rows="4"
                          class="form-control">{{ old('description') }}</textarea>
            </div>

            <div class="row">

                <div class="col-md-4">

                    <div class="form-group">
                        <label>Price</label>

                        <input type="number"
                               step="0.01"
                               min="0"
                               name="price"
                               value="{{ old('price') }}"
                               class="form-control @error('price') is-invalid @enderror">

                        @error('price')
                            <span class="invalid-feedback">
                                {{ $message }}
                            </span>
                        @enderror
                    </div>

                </div>

                <div class="col-md-4">

                    <div class="form-group">
                        <label>Currency</label>

                        <select name="currency"
                                class="form-control">

                            <option value="usd">USD</option>
                            <option value="inr">INR</option>
                            <option value="eur">EUR</option>

                        </select>

                    </div>

                </div>

                <div class="col-md-4">

                    <div class="form-group">
                        <label>Billing Period</label>

                        <select name="billing_period"
                                class="form-control">

                            <option value="month">
                                Monthly
                            </option>

                            <option value="year">
                                Yearly
                            </option>

                        </select>

                    </div>

                </div>

            </div>

            <div class="form-group">

                <div class="custom-control custom-switch">

                    <input type="checkbox"
                           class="custom-control-input"
                           id="is_active"
                           name="is_active"
                           value="1"
                           checked>

                    <label class="custom-control-label"
                           for="is_active">
                        Active Plan
                    </label>

                </div>

            </div>

        </div>

        <div class="card-footer">

            <button type="submit"
                    class="btn btn-primary">
                <i class="fas fa-save"></i>
                Create Plan
            </button>

            <a href="{{ route('admin.plans.index') }}"
               class="btn btn-secondary">
                Cancel
            </a>

        </div>

    </form>

</div>

@stop