@extends('layouts.admin-layout')
@section('title') Packages Detail
@endsection
@section('content')
    <div class="content-wrapper">
        <!-- Main content -->
        <section class="content">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-12">

                        <div class="card card-box-shadow mt-3">

                            <div class="card-header">

                                <h3 class="card-title">Package Details</h3>
                                <a href="{{route('vendor.subscription.list')}}">

                                    <button id="submit_btn" class="btn btn-primary custom_btn_sm_back custom_btn btn-sm float-right">
                                        <i class="fas fa-arrow-circle-left"></i>
                                        Back
                                    </button>
                                </a>
                            </div>
                            <div class="p-5">
                                <span>Title : {{$find_subscription->title ? : ''}}</span>
                                <br>
                                <span>Price : {{$find_subscription->price ? : ''}}</span>
                                <br>
                                <span>Days : {{$find_subscription->days ? : ''}}</span>
                                <br>
                                <span>Description : {!! $find_subscription->details ? : ''!!}</span>
                            </div>

                            <!-- /.card-header -->
                            <div class="card-body">
                                <form action="{{route('vendor.subscription.assign',['id'=>$find_subscription->id])}}"
                                      method="POST">
                                    @csrf
                                    <div class="col-md-12">
                                        <div><p class="stripe-error py-3 text-danger"></p></div>
                                    </div>

                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="Name">Name On Card:</label>
                                            <input type="text" class="form-control form__field" name="card_name"
                                                   placeholder="Enter Name On Card">
                                        </div>
                                        <small class="text-danger">@error ('card_name') {{$message}} @enderror</small>

                                    </div>


                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="Name">Card Number:</label>
                                            <input type="number" class="form-control form__field" name="card_number"
                                                   placeholder="Enter card number"
                                                   oninput="this.value = this.value.replace(/[^0-9]/g, '')">
                                        </div>
                                        <small class="text-danger">@error ('card_number') {{$message}} @enderror</small>
                                    </div>


                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="Name">CVV:</label>
                                            <input type="number" class="form-control form__field" name="cvv"
                                                   placeholder="Enter CVV"
                                                   oninput="this.value = this.value.replace(/[^0-9]/g, '')">
                                        </div>
                                        <small class="text-danger">@error ('cvv') {{$message}} @enderror</small>
                                    </div>


                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="Name">Expiration Month:</label>
                                            <input type="number" class="form-control form__field" name="exp_month"
                                                   placeholder="Enter Expiration Month"
                                                   oninput="this.value = this.value.replace(/[^0-9]/g, '')">
                                        </div>
                                        <small class="text-danger">@error ('exp_month') {{$message}} @enderror</small>

                                    </div>


                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="Name">Expiration Year:</label>
                                            <input type="number" class="form-control form__field" name="exp_year"
                                                   placeholder="Enter Expiration Year"
                                                   oninput="this.value = this.value.replace(/[^0-9]/g, '')">
                                        </div>
                                        <small class="text-danger">@error ('exp_year') {{$message}} @enderror</small>
                                    </div>


                                    <input type="submit" value="Pay" class="btn btn-primary w-50">
                                </form>
                            </div>
                            <!-- /.card-body -->
                        </div>

                    </div>
                    <!-- /.col -->
                </div>
                <!-- /.row -->
            </div>
            <!-- /.container-fluid -->
        </section>
        <!-- /.content -->
    </div>

@endsection