@extends('frontend.layouts.landing')
@section('title', 'Get Your Free Pet Badge - ' . app_name())
@php
    $url = URL::current();
@endphp
@push('head-area')
    <link rel="canonical" href="{{ $url }}" />
@endpush
@section('content')
    <!-- Cart Page Start -->
    <div class="cart_area cart-area-padding pt--35">
        <div class="container content-height">
            <div class="row">
                
                    <div class="col-md-12 bg-ash" style="-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;">

                        <div class="page-section-title text-center pt-4">
                            <h1>Get Your Free Pet Badge</h1>
                        </div>
                    

                        <div class="container pb-3">
                            
                            <ul class="step d-flex flex-nowrap">
                                <li class="step-item">
                                    <a href="#!" class="">Address Details</a>
                                </li>
                                <li class="step-item">
                                    <a href="#!" class="">Review Picture</a>
                                </li>
                                <li class="step-item active">
                                    <a href="#!" class="">Submit Details</a>
                                </li>
                                
                            </ul> 

                        </div>



                    @include('includes.partials.messages')

                    
                    {!! Form::open(array('route' => $data['route'], 'method' => 'POST', 'id' => 'frm_pet_badge3', 'files' => true)) !!}

                    <div class="row pl--5 pr--5">


                        <div class="container">
                            <div class="row">
                                <div class="col-md-7">
                                    <table class="table table-sm table-striped">
                                        
                                        <tbody>
                                            <tr>
                                                <td width="35%">Email Address</td>
                                                <td>{{ $data['ses_data']['email'] }}</td>
                                            </tr>
                                            <tr>
                                                <td>First Name</td>
                                                <td>{{ $data['ses_data']['first_name'] }}</td>
                                            </tr>
                                            <tr>
                                                <td>Last Name</td>
                                                <td>{{ $data['ses_data']['last_name'] }}</td>
                                            </tr>
                                            <tr>
                                                <td>Company/Institute</td>
                                                <td>{{ $data['ses_data']['company'] }}</td>
                                            </tr>
                                            <tr>
                                                <td>Phone</td>
                                                <td>{{ $data['ses_data']['phone'] }}</td>
                                            </tr>
                                            <tr>
                                                <td>Address</td>
                                                <td>{{ $data['ses_data']['address'] }}</td>
                                            </tr>
                                            <tr>
                                                <td>City</td>
                                                <td>{{ $data['ses_data']['city'] }}</td>
                                            </tr>
                                            <tr>
                                                <td>State</td>
                                                <td>{{ $data['ses_data']['state'] }}</td>
                                            </tr>
                                            <tr>
                                                <td>Zip Code</td>
                                                <td>{{ $data['ses_data']['zip'] }}</td>
                                            </tr>
                                            @if($data['ses_data']['hd_already_exists'] == 'Y' && $data['ses_data']['additional'] == 'Y')
                                            <tr>
                                                <td class="text-danger">Printing Charges</td>
                                                <td class="text-danger">$5.99</td>
                                            </tr>
                                            @endif
                                        </tbody>
                                    </table>
                                </div>

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

                                    <div>
                                        <img src="/up_data/pet-badges/{{ $data['ses_pet_badge_image'] }}">
                                    </div>




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

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

                            @if($data['ses_data']['hd_already_exists'] == 'Y' && $data['ses_data']['additional'] == 'Y')

                                









                                                <div class="accordion" id="accordion_payment">
                                                        <div class="card">
                                                            <div class="card-header" id="acc_billing_address">
                                                                <h2 class="mb-0">
                                                                    <a href="javascript:;" class="checkout-headers" data-toggle="collapse" data-target="#acc_body_billing_address" aria-expanded="true" aria-controls="collapseOne">
                                                                        <i class="fa fa-money-bill-alt" aria-hidden="true"></i> BILLING ADDRESS
                                                                    </a>
                                                                </h2>
                                                            </div>

                                                            <div id="acc_body_billing_address" aria-labelledby="acc_billing_address" data-parent="#accordion_payment">
                                                                <div class="card-body">


                                                                    <div class="row">


                                                                        <div class="col-md-12 col-12 mb--20 funkyradio">
                                                                            <div class="funkyradio-primary">
                                                                                {!! Form::checkbox('same_billing_info_badges', 'Y', false, ['id' => 'same_billing_info_badges']) !!}
                                                                                <label for="same_billing_info_badges"><strong>Click here if your billing and shipping details are same.</strong></label>
                                                                            </div>
                                                                        </div>

                                                                        <div class="col-md-12 col-12 mb--20">
                                                                            {!! Form::label('email', 'Email Address: *') !!}
                                                                            {!! Form::text('email', null, ['required' => 'required', 'type' => 'email', 'class' => 'form-control', 'placeholder' => 'Enter email address ...', 'id' => 'bl_email']) !!}
                                                                        </div>

                                                                        <div class="col-md-6 col-12 mb--20">
                                                                            {!! Form::label('first_name', 'First Name: *') !!}
                                                                            {!! Form::text('first_name', null,['required' => 'required', 'class'=>'form-control', 'placeholder'=>'Enter first name ...', 'id' => 'bl_first_name']) !!}
                                                                        </div>

                                                                        <div class="col-md-6 col-12 mb--20">
                                                                            {!! Form::label('last_name', 'Last Name: *') !!}
                                                                            {!! Form::text('last_name', null,['required' => 'required', 'class'=>'form-control', 'placeholder'=>'Enter last name ...', 'id' => 'bl_last_name']) !!}
                                                                        </div>
                                                                        <div class="col-12 mb--20">
                                                                            {!! Form::label('company', 'Company:') !!}
                                                                            {!! Form::text('company', null,['class'=>'form-control', 'placeholder'=>'Enter company name ...', 'id' => 'bl_company', 'maxlength' => 50]) !!}
                                                                        </div>

                                                                        <div class="col-12 mb--20">
                                                                            <label for="address1">Address: *</label>
                                                                            {!! Form::text('address', null,['required' => 'required', 'class'=>'form-control', 'placeholder'=>'Enter address ...', 'id' => 'bl_address']) !!}

                                                                        </div>

                                                                          <div class="col-md-6 col-12 mb--20">
                                                                            {!! Form::label('state', 'State: *') !!}
                                                                            <div id="div_state">

                                                                                {!! Form::select('state',
                                                                                                        $data['states']
                                                                                                        ,@$data['ses_data_1']['state']
                                                                                                        ,['class'=>'form-control', 'required' => 'required', 'placeholder'=>'Please Select ...']) !!}
                                                                             
                                                                            </div>
                                                                        </div>

                                                                        <div class="col-md-6 col-12 mb--20">
                                                                            {!! Form::label('city', 'City: *') !!}
                                                                            {!! Form::text('city', null,['required' => 'required', 'class'=>'form-control', 'placeholder'=>'Enter city ...', 'id' => 'bl_city']) !!}
                                                                        </div>

                                                                        <div class="col-md-6 col-12 mb--20">
                                                                            {!! Form::label('zip', 'Zip / Post Code: *') !!}
                                                                            {!! Form::text('zip', null,['required' => 'required', 'maxlength' => '9', 'class'=>'form-control', 'placeholder'=>'Enter zip / post code ...', 'id' => 'bl_zip']) !!}
                                                                        </div>

                                                                        <div class="col-md-6 col-12 mb--20">
                                                                            {!! Form::label('phone', 'Phone: *') !!}
                                                                            {!! Form::text('phone', null,['required' => 'required', 'class'=>'form-control', 'placeholder'=>'Enter phone ...', 'id' => 'bl_phone']) !!}
                                                                        </div>

                                                                        <div class="col-md-6 col-12 mb--20">
                                                                            <button type="button" id="btn-billing-continue-badges" class="btn btn-primary">Continue</button>
                                                                        </div>



                                                                    </div>


                                                                    </div>



                                                                </div>
                                                            </div>






                                                        <div class="card">
                                                            <div class="card-header" id="acc_card_details">
                                                                <h2 class="mb-0">
                                                                    <a href="javascript:;" class="checkout-headers" data-toggle="collapse" data-target="#acc_body_card_details" aria-expanded="true" aria-controls="collapseTwo">
                                                                        <i class="fa fa-credit-card" aria-hidden="true"></i> CARD DETAILS
                                                                    </a>
                                                                </h2>
                                                            </div>

                                                            <div id="acc_body_card_details" class="collapse" aria-labelledby="acc_card_details" data-parent="#accordion_payment">
                                                                <div class="card-body">
                                                                    <div class="row">


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


                                                                            {!! Form::label('cc_number', 'Card Number:') !!}
                                                                            <div class="input-group">
                                                                                {!! Form::text('cc_number', null, ['required' => 'required', 'class' => 'form-control', 'placeholder' => 'Card Number ...', 'id' => 'cc_number']) !!}
                                                                                <div class="input-group-append">
                                                                                    <div class="input-group-text"><i class="fas fa-credit-card" id="fa_cc"></i></div>
                                                                                </div>
                                                                            </div>
                                                                            {!! Form::hidden('cc_type', null, ['id' => 'cc_type']) !!}


                                                                        </div>


                                                                        <div class="col-md-4 col-12 mb--20">
                                                                            {!! Form::label('cc_month', 'Expiry Month:') !!}
                                                                            {!! Form::select('cc_month', $data['months'], null, ['required' => 'required', 'class'=>'form-control', 'placeholder'=>'Please Select ...']) !!}
                                                                        </div>

                                                                        <div class="col-md-4 col-12 mb--20">
                                                                            {!! Form::label('cc_year', 'Expiry Year:') !!}
                                                                            {!! Form::select('cc_year', $data['years'], null, ['required' => 'required', 'class'=>'form-control', 'placeholder'=>'Please Select ...']) !!}
                                                                        </div>

                                                                        <div class="col-md-4 col-12 mb--20">
                                                                            {!! Form::label('cc_cvv', 'CVC:') !!}
                                                                            {!! Form::text('cc_cvv', null,['required' => 'required', 'class'=>'form-control', 'placeholder'=>'Enter CVC ...', 'maxlength' => 4]) !!}
                                                                        </div>




                                                                        <div class="col-md-12 col-12 mb--20">
                                                                            <div class="term-block">
                                                                                {!! Form::checkbox('terms', true, null, ['id' => 'terms']) !!}
                                                                                <label for="terms">I've read and accept the <a class="text-red" target="_blank" href="/pages/terms-and-conditions">terms & conditions</a>.</label>
                                                                            </div>
                                                                            <button type="submit" class="btn btn-success btn-large w-100 btn-place-order" id="btn_place_order"  @if(session()->get('move_to') != 'acc_payment_form') disabled="disabled" @endif>PLACE ORDER</button>
                                                                        </div>

                                                                        <div class="col-md-12 col-12 mb--20 text-center">
                                                                            <hr>
                                                                            <img src="vsi/image/authorize_net.webp" alt="Secure Payments by Authorize.net" vspace="25" class="img-fluid">
                                                                        </div>







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





                                                    </div>











                                <input type="hidden" name="is_free" value="N">

                            @else

                                <button type="submit" class="btn-black">Submit My Badge Details</button>
                                <input type="hidden" name="is_free" value="Y">

                            @endif

                            
                        </div>

                        
                    </div>

                    {!! Form::close() !!}



                    </div>

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

    <textarea id="s_shipping_address" class="d-none">{!! json_encode($data['ses_data']) !!}</textarea>
@push('after-scripts')
<script src="vsi/js/cleave.min.js"></script>
@endpush
@endsection