@extends('web.layouts.layout')
@section('content')


    <main>


        <!-- ---------- Start breadcrumb ----------- -->
        @include('web.pages.components.header.header')



        <section class="profile-pg pb-4">
            <div class="container">
                <div class="row">
                    <div class="col-lg-3">
                        @include('web.pages.profile.layout.sidebar')
                    </div>
                    <div class="col-lg-9">
                        <div class="adress-tab">
                            <div class="line-title mb-4"> <h5 class="bg-white pe-3"> <i class="far fa-map-marker small me-2"></i> {{__('web.add_card')}} </h5> </div>
                            <div class="adress-steps">
                                <form method="post" id="form" action="{{$action}}" onsubmit="formAction(this)">
                                    @CSRF
                                    <div class="step step2">
                                        <div class="adress-form">
                                            <div class="row gx-0">
                                                <div class="col-lg-12">
                                                    <div class="form">
                                                        <div class="form-group">
                                                            <h6> {{__('web.card_number')}} </h6>
                                                            <input type="text" name="card_number" class="form-control" placeholder="{{__('web.card_number')}}">
                                                        </div>
                                                        <div class="form-group">
                                                            <h6> {{__('web.month')}} </h6>
                                                            <input type="text" name="month" class="form-control" placeholder="{{__('web.month')}}">
                                                        </div>
                                                        <div class="form-group">
                                                            <h6> {{__('web.year')}} </h6>
                                                            <div class="form-inputs d-flex">
                                                                <input type="text" name="year"  class="form-control" placeholder="{{__('web.year')}}">
                                                            </div>
                                                        </div>
                                                        <button type="submit" class="butn col-lg-6 mx-auto d-block mt-4" >
                                                            <span> <i class="far fa-plus me-2"></i> {{__('web.save')}} </span>
                                                        </button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>


                                </form>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </section>




    </main>

@endsection