@extends('client.layout.master')
@section('content')
<style>
    span.select2.select2-container.select2-container--default {
        width: 100% !important;
        height: 31px;
    }
    span.select2-selection.select2-selection--multiple {
        height: 7vh;
    }

</style>

<div class="container " >
    <div class="card memb">
        <div class="card-body ">
            <div class="card-header">
                <h3>  Payment Form</h3>
                {{-- <p>Check your membership type.</p> --}}
            </div>
            <nav>

            </nav>
            <br>
            <div class="tab-content" id="nav-tabContent">
                <div  class="tab-pane fade show active" id="nav-home" role="tabpanel" aria-labelledby="nav-home-tab">
                    <form >
<fieldset>
                        @csrf


                        <div class="row">
                            <div class=" form-group col-md-6">
                                <label for="Firstname">First Name</label>
                                <input type="text" size="35" name="Firstname" id="Firstname" value="" class="form-control">

                            </div>

                            <div class=" form-group col-md-6">
                                <label for="Lastname">Last Name</label>
                                <input type="text" size="35" name="Lastname" id="Lastname" class="form-control" value="">

                            </div>
                        </div>

                        <div class="row">
                            <div class="form-group col-md-6">
                                <label for="Company">Company Name</label>
                                <input type="text" size="35" name="Company" id="Company" value="" class="form-control">
                              </div>
                              <div class="form-group col-md-6">
                                <label for="E-Mail">E-Mail</label>
                                <input type="text" size="35" name="E-Mail" id="E-Mail" value="" class="form-control">
                              </div>
                        </div>

                        <div class="row">
                            <div class="col-md-6 form-group">
                                <label for="Crd">Credit Card Number</label>
                                <input type="text" size="20" data-stripe="number" id="Crd" class="form-control" placeholder="4242424242424242" value="" />

                            </div>
                            <div class="form-group col-md-6">
                                <label for="cvc">CVC Code:</label>
                                <input type="text" size="4" data-stripe="cvc" id="cvc" class="form-control" />

                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-6">
                                <label for="date">Expiry (MM/YY)</label>
                                <input type="text" size="2" data-stripe="exp-month" id="date" class="form-control" />

                            </div>


                        </div>
                        <br>



                        <div class="row">
                            <div class="col-md-6">
                                <a type="submit" href="" class="btn btn-success">Submit</a>
                            </div>
                        </div>
</fieldset>
                    </form>
                    <br>

                </div>

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

@endsection

@push('script')
<script>

</script>

@endpush