@extends('layouts.app')
@section('title','Checkout')
@section('content')
    <section id="hero">{!! Form::open(['method'=>'POST','action' => 'CheckoutController@paymentNext']) !!}
        <div class="container">
            <div class="row">
                @include('partials.cartItems')
            </div>
            <div class="row">
                <div class="col-md-6 margin-top-20">
                    <div class="cart-panel panel panel-default">
                        <div class="panel-heading">
                            <h6 class="panel-title">Choose Payment Options</h6>
                        </div>
                        <div class="panel-body container">
                            <div class="checkout">
                                <div class="container">
                                    <div class="form-check">
                                        <input class="form-check-input payment_option" type="radio" id="cc_radio"
                                               name="payment_method" value="cc" checked>
                                        <label class="form-check-label" for="cc_radio">
                                            Pay via Credit Card
                                        </label>
                                    </div>
                                    @if(Session::has('destination'))
                                        @if(Session::get('destination') == 'wholesale')
                                            <div class="form-check">
                                                <input class="form-check-input payment_option" type="radio"
                                                       id="invoice_radio"
                                                       value="invoice" name="payment_method">
                                                <label class="form-check-label" for="invoice_radio">
                                                    Pay via Invoice
                                                </label>
                                            </div>
                                        @endif
                                    @endif
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-6 margin-top-20 hidden" id="invoice_option">
                    <div class="cart-panel panel panel-default">
                        <div class="panel-heading">
                            <h6 class="panel-title">Invoice</h6>
                        </div>
                        <div class="panel-body container">
                            <div class="checkout">
                                You will see your Purchase Order Number in the transaction form after placing the
                                order.
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-6 margin-top-20" id="cc_option">
                    <div class="cart-panel panel panel-default">
                        <div class="panel-heading">
                            <h6 class="panel-title">Credit Card</h6>
                        </div>
                        <div class="panel-body container">
                            <div class="checkout">
                                <div class="form-group">
                                    {!! Form::label('card_type','Card Type:') !!}
                                    {!! Form::select('card_type', $cards, null,['class'=>'form-control', 'placeholder'=>'Select Card Type']) !!}
                                    @if ($errors->has('card_type'))
                                        <span class="invalid-feedback">
                                            <strong>{{ $errors->first('card_type') }}</strong>
                                        </span>
                                    @endif
                                </div>
                                <div class="form-group">
                                    {!! Form::label('card_name','Name on Card :') !!}
                                    {!! Form::text('card_name', null, ['class'=>'form-control','placeholder'=>'Enter Name']) !!}
                                    @if ($errors->has('card_name'))
                                        <span class="invalid-feedback">
                                            <strong>{{ $errors->first('card_name') }}</strong>
                                        </span>
                                    @endif
                                </div>
                                <div class="form-group">
                                    {!! Form::label('card_number','Card Number:') !!}
                                    {!! Form::number('card_number', null, ['class'=>'form-control','placeholder'=>'Card Number']) !!}
                                    @if ($errors->has('card_number'))
                                        <span class="invalid-feedback">
                                            <strong>{{ $errors->first('card_number') }}</strong>
                                        </span>
                                    @endif
                                </div>
                                <div class="form-group">
                                    {!! Form::label('card_code','Validation Code:') !!}
                                    {!! Form::number('card_code', null, ['class'=>'form-control','placeholder'=>'Validation Code']) !!}
                                    @if ($errors->has('card_code'))
                                        <span class="invalid-feedback">
                                            <strong>{{ $errors->first('card_code') }}</strong>
                                        </span>
                                    @endif
                                </div>
                                <div class="form-group">
                                    {!! Form::label('card_month','Expiration Month:') !!}
                                    {!! Form::select('card_month', $months, null,['class'=>'form-control', 'placeholder'=>'Select Month']) !!}
                                    @if ($errors->has('card_month'))
                                        <span class="invalid-feedback">
                                            <strong>{{ $errors->first('card_month') }}</strong>
                                        </span>
                                    @endif
                                </div>
                                <div class="form-group">
                                    {!! Form::label('card_year','Expiration Year:') !!}
                                    {!! Form::select('card_year', $years, null,['class'=>'form-control', 'placeholder'=>'Select Year']) !!}
                                    @if ($errors->has('card_year'))
                                        <span class="invalid-feedback">
                                            <strong>{{ $errors->first('card_year') }}</strong>
                                        </span>
                                    @endif
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            @include('partials.checkoutButtons')
        </div>
        {!! Form::close() !!}
        <div class="gutter-bottom"></div>
    </section>
@endsection