@extends('layouts.front-layout')
@section('title') Payment Form
@endsection
@section('content')
    <section class="inner-banner">
        <div class="container">
            <h2>Payment</h2>
        </div>
    </section>

    <div class="check-out-section">
        <div class="container">
            <div class="check-out-form check-out-3">
                <h2 class="primary-heading">Payment Methods </h2>

                <form action="{{route('payment.order')}}" method="post">
                    @csrf
                <div class="col-12 offset-lg-1 col-lg-10">
                    <div class="row tabs-row fields-row">
                        <div class="col-12 text-center mb-4">
                            <img src="{{asset('upload/images/card-img.png')}}" alt="">
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label>CARD NUMBER</label>
                                <input type="number"name="card_number" class="form-control" placeholder="Enter card number"
                                       oninput="this.value = this.value.replace(/[^0-9]/g, '')"
                                       value="{{ old('card_number') }}">
                                <small class="text-danger">
                                    @error('card_number')
                                    {{ $message }}
                                    @enderror
                                </small>

                            </div>
                        </div>

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


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

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

                        <div class="col-md-4">
                            <div class="form-group">
                                <label>CVC</label>
                                <input type="number" class="form-control" placeholder="CVC" name="cvv"
                                       oninput="this.value = this.value.replace(/[^0-9]/g, '')"
                                       value="{{ old('cvv') }}">
                                <small class="text-danger">
                                    @error('cvv')
                                    {{ $message }}
                                    @enderror
                                </small>
                            </div>
                        </div>
                        <div class="col-12 mt-20">
                            <button  type="submit" class="themeBtn border-0  w-100">Place Order</button>
                        </div>
                    </div>
                </div>
                </form>
            </div>

        </div>
    </div>

@endsection