@extends('master.team-registration')

@push('footer.scripts')

    <script>
        $(function() {



        });

    </script>

@stop

@section('content')


    <main class="page__wrap header_height-top">

        <section class="sec_space">

            <div class="container">
                <div class="lead__wrap mb_2r">
                    <h2>Authorize Payment Integration</h2>
                </div><!--/.lead__wrap-->
            </div><!--/.container-->

            <div class="registration__tabs-wrap">

                <ul class="nav nav__tabs">


                </ul><!--/.nav-tabs-->

                <div class="container">

                    <div class="tab-content">

                        <div class="tab-pane fade show active" id="tab1" role="tabpanel">
                            <div class="registration__tab-pane">

                                @if (count($errors) > 0)
                                    <div class="alert alert-danger">
                                        <button type="button" class="close" data-dismiss="alert"></button>
                                        <h4 class="alert-heading"><strong>Validation Errors!</strong></h4>
                                        <ul>
                                            @foreach ($errors->all() as $error)
                                                <li> {{ $error }}</li>
                                            @endforeach
                                        </ul>
                                    </div>
                                @endif

                                {!! Form::open(array('url' => 'registration/checkout', 'method'=>'POST', 'class'=> 'subscription_form')) !!}
                                    <input type="hidden" name="token_csrf" id="token_csrf" value="{{ csrf_token() }}"/>

                                    <div class="row">

                                        <div class="col-md-12">

                                                <div class="row justify-content-end">

                                                    <div class="col-md-12 col-sm-12">
                                                        <label>Credit Card Information *</label>
                                                        <input type="number" id="cnumber" name="cnumber" class="form-control" placeholder="Enter Card Number*" required>
                                                    </div><!--/.col-sm-6-->

                                                    <div class="col-md-6 col-sm-6">
                                                        <label>Expiration Month *</label>
                                                        {!! Form::selectMonth(null, null, ['name' => 'card_expiry_month', 'class' => 'form-control', 'required'])  !!}
                                                    </div><!--/.col-sm-6-->

                                                    <div class="col-md-6 col-sm-6">
                                                        <label>Expiration Year *</label>
                                                        {!! Form::selectYear(null, date('Y'), date('Y') + 10, null, ['name' => 'card_expiry_year', 'class' => 'form-control', 'required'])  !!}
                                                    </div><!--/.col-sm-6-->

                                                    <div class="col-sm-6">
                                                        <label>Card Code *</label>
                                                        <input type="number" id="ccode" name="ccode" class="form-control" placeholder="Enter Card Code*" required>
                                                    </div><!--/.col-sm-6-->

                                                    <div class="col-sm-6">
                                                        <label>Amount *</label>
                                                        <input type="number" id="camount" name="camount" class="form-control" placeholder="Enter Amount*" required>
                                                    </div><!--/.col-sm-6-->

                                                    <div class="col-sm-12 text-left">
                                                        <button type="submit" class="btn btn-block btn-theme1">Submit</button>
                                                    </div><!--/.col-sm-6-->
                                            </div><!--/.row-->

                                        </div><!--/.col-md-6-->

                                    </div><!--/.row-->




                                </form>

                            </div><!--/.registration__tab-pane-->
                        </div><!--/.tab-pane-->



                    </div><!--/.tab-content-->

                </div><!--/.container-->

            </div><!--/.registration__tabs-wrap-->

        </section><!--/.end-section-->

    </main><!--/.page__wrap-->

@stop