@extends('web.layouts.app')

@section('title', __('dashboard.'))
@section('page_heading', __('dashboard.'))



@section('content')
<div class="content">


    <div class="user-info-page">
        <div class="container">

            <div class="row">

                
                @include('web.layouts.inc.user_sidebar')
                

                <div class="col-lg-9">
                    <div class="user-info-content">

                        <div class="section-header">
                            <div class="section-header-info">
                                <h3>أضف وسيلة دفع جديدة</h3>
                                <p>قم بتغير وتعديل وسائل دفعك بسهولة</p>
                            </div>
                        </div>

                        <div class="user-info-content-inputs">
                            <form action="">

                                <div class="row">

                                    <div class="col-lg-12">
                                        <div class="form-group">
                                            <label for="">اسم حامل الكارت</label>
                                            <input class="form-control" id="form_name" type="text" name="name"
                                                placeholder="Card Holder Name" required="required">
                                        </div>
                                    </div>

                                    <div class="col-lg-12">
                                        <div class="form-group">
                                            <label for="">رقم الكارت</label>
                                            <input class="form-control" id="form_name" type="text" name="name"
                                                placeholder="Credit Card Number" required="required">
                                        </div>
                                    </div>

                                    <div class="col-lg-12">
                                        <div class="form-group">
                                            <label for="">رمز CVV</label>
                                            <input class="form-control" id="form_email" type="email" name="email"
                                                placeholder="CVV" required="required">
                                        </div>
                                    </div>

                                    <div class="col-lg-6">
                                        <div class="form-group">
                                            <label for="">شهر الأنتهاء</label>
                                            <select name="" id="" class="form-control">
                                                <option value="">Month Of Expiration Date</option>
                                                <option value="">01</option>
                                                <option value="">02</option>
                                                <option value="">03</option>
                                                <option value="">04</option>
                                                <option value="">05</option>
                                                <option value="">06</option>
                                                <option value="">07</option>
                                                <option value="">08</option>
                                                <option value="">09</option>
                                                <option value="">10</option>
                                                <option value="">11</option>
                                                <option value="">12</option>
                                            </select>
                                        </div>
                                    </div>

                                    <div class="col-lg-6">
                                        <div class="form-group">
                                            <label for="">عام الأنتهاء</label>
                                            <select name="" id="" class="form-control">
                                                <option value="">Year Of Expiration Date</option>
                                                <option value="">2021</option>
                                                <option value="">2022</option>
                                                <option value="">2023</option>
                                                <option value="">2024</option>
                                                <option value="">2025</option>
                                                <option value="">2026</option>
                                                <option value="">2027</option>
                                                <option value="">2028</option>
                                                <option value="">2029</option>
                                                <option value="">2030</option>
                                                <option value="">2031</option>
                                                <option value="">2032</option>
                                                <option value="">2033</option>
                                                <option value="">2034</option>
                                                <option value="">2035</option>
                                                <option value="">2036</option>
                                                <option value="">2037</option>
                                                <option value="">2038</option>
                                                <option value="">2039</option>
                                                <option value="">2040</option>
                                                <option value="">2041</option>
                                            </select>
                                        </div>
                                    </div>


                                </div>

                                <div class="save-btn">
                                    <button type="submit">حفط</button>
                                </div>

                            </form>
                        </div>

                    </div>
                </div>

            </div>

        </div>
    </div>

</div>
@endsection

@section('scripts')

@endsection