@include('temp2/common/header')
<!--main start-->
<section class="page-title parallax3 parallax-fix page-title-large"
    style="background: url({{url($title->menuimage)}}) 50% 0px;">
    <div class="opacity-medium bg-black"></div>

    <div class="container">
        <div class="row">
            <div class="col-md-12 col-sm-12 text-center animated fadeInUp">
                <div class="separator-line bg-yellow no-margin-top margin-four"></div>
                <!-- page title -->
                <h1 class="white-text">{{$title->menutitle}}</h1>
                <!-- end page title -->
                <!-- page title tagline -->
                <span class="white-text">Home</span>
                <!-- end title tagline -->
            </div>
        </div>
    </div>
</section>
<section>
            <div class="container clearfix">
                <!-- <div class="row margin-seven no-margin-top">
                    <div class="col-md-5 col-xs-12 alert-style4 pull-left">
                        <div class="alert alert-warning border text-uppercase black-text letter-spacing-1 text-small">Returning customer? <a href="#" class="font-weight-600 text-decoration-underline">Click here to login</a></div>
                    </div>
                    <div class="col-md-5 col-xs-12 alert-style4 pull-right">
                        <div class="alert alert-warning border text-uppercase black-text letter-spacing-1 text-small" role="alert">Have a coupon? <a href="#" class="font-weight-600 text-decoration-underline">Click here to enter your code</a></div>
                    </div>
                </div> -->
                <form method="post" action="{{url('/addsercontribute')}}">@csrf
                <div class="row margin-five no-margin-top">
                    <div class="col-md-12 col-sm-12 pull-left sm-margin-bottom-seven">
                        <p class="black-text font-weight-600 text-uppercase text-large">Billing Address</p>
                        
                            <div class="col-md-6 no-padding-left sm-no-padding">
                                <label>* First Name:</label><input type="text" name="firstname" required>
                            </div>
                            <div class="col-md-6 no-padding-right sm-no-padding">
                                <label>* Last Name:</label><input type="text" name="lastname" required>
                            </div>
                            
                            <div class="col-md-12 no-padding">
                                <label>* Address:</label><input type="text" name="address" required>                                
                            </div>
                            <div class="col-md-6 no-padding-left sm-no-padding">
                                <label>* City / Town:</label><input type="text" name="city">
                            </div>
                            <div class="col-md-6 no-padding-right sm-no-padding">
                                <label>* Postcode:</label><input type="text" name="zip">
                            </div>
                            <div class="col-md-6 no-padding-left sm-no-padding">
                                <label>* Country:</label><input type="text" name="country">                                
                            </div>
                            <div class="col-md-6 no-padding-right sm-no-padding">
                                <label>* Email Address:</label>
                                <input type="text" name="email" required>
                            </div>
                            <div class="col-md-6 no-padding-left sm-no-padding">
                                <label>* Phone:</label>
                                <input type="text" name="mobile" required>
                            </div> 
                            <div class="col-md-6 no-padding-right sm-no-padding">
                                <label>* Gotra:</label>
                                <input type="text" name="gotra" required>
                            </div>
                            <div class="col-md-6 no-padding-left sm-no-padding">
                                <label>* Date of Birth:</label>
                                <input type="date" name="dob" required>
                            </div> 
                            <div class="col-md-6 no-padding-right sm-no-padding">
                                <label>* Family Members Name:</label>
                                <input type="text" name="family">
                            </div>
                            <!-- <div class="col-md-12 no-padding">
                                <label>* Contribution Amount:</label>
                                <input list="amount" name="amount" >
                                        <datalist id="amount">
                                            <option value="21">
                                            <option value="51">
                                            <option value="111">
                                        </datalist>
                            </div>-->
                            <input type="hidden" name="productid" value="{{$singleevent->id}}"> 
                            <input type="hidden" name="productsale" value="{{$singleevent->pricesale}}">                              
                            @if(empty($attvalueid))
                            <input type="hidden" name="productsale" value="{{$singleevent->pricesale}}"> 
                            @endif
                            @if(!empty($attvalueid))
                            <input type="hidden" name="attvalueprc" value="{{$attvalueid->vprice}}">
                            <input type="hidden" name="attvalueid" value="{{$attvalueid->id}}">
                            @endif

                    </div>
                </div>
                <div class="row margin-five sm-margin-bottom-seven">
                    <div class="col-sm-12 shop-cart-table">
                        <table class="table shop-cart text-center">
                            <thead>
                                <tr>
                                    <th class="first"></th>
                                    <th class="text-left text-uppercase font-weight-600 letter-spacing-2 text-small black-text">Service</th>
                                    <th class="text-left text-uppercase font-weight-600 letter-spacing-2 text-small black-text">Price</th> 
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td class="product-thumbnail text-left"  style="width:40%;">
                                    @if(!empty($singleevent->image1))<img src="{{url($singleevent->image1)}}" alt="image" style="width:40%;" >@endif
                                    </td>
                                    <td class="text-left">
                                        <a href="#">{{$singleevent->productname}}</a>                                        
                                    </td>
                                    @if(empty($attvalueid))
                                    <td class="text-left">
                                        ${{$singleevent->pricesale}}
                                    </td> 
                                    @endif
                                    @if(!empty($attvalueid))
                                    <td class="text-left">
                                        ${{$attvalueid->vprice}}
                                    </td> 
                                    @endif
                                                                       
                                </tr>                                
                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="row">
                    <div id="accordion-one" class="col-md-6 col-sm-12 panel-group accordion-style1 sm-margin-bottom-seven">                        
                        <!-- accordion item -->
                        <div class="panel panel-default">
                            <div class="panel-heading active-accordion">
                                <a href="#accordion-one-link3" data-parent="#accordion-one" data-toggle="collapse" class=""><h4 class="panel-title">Paypal<span class="pull-right"><i class="fa fa-minus"></i></span></h4></a>
                            </div>
                            <div class="panel-collapse collapse in" id="accordion-one-link3" style="">
                                <div class="panel-body">
                                    Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Duis mollis, est non commodo luctus. Aenean lacinia bibendum nulla sed consectetur. Cras mattis consectetur purus sit amet fermentum.
                                </div>
                            </div>
                        </div>
                        <!-- end accordion item -->
                    </div>
                    <div class="col-md-6 col-sm-12">
                        <table class="table cart-total">
                            <tbody>
                                <tr>
                                    <th class="padding-two text-right no-padding-right text-uppercase font-weight-600 letter-spacing-2 text-small xs-no-padding">Cart Subtotal</th>                                    
                                    @if(empty($attvalueid))
                                    <td class="padding-two text-uppercase text-right no-padding-right font-weight-600 black-text xs-no-padding">${{$singleevent->pricesale}}</td> 
                                    @endif
                                    @if(!empty($attvalueid))
                                    <td class="padding-two text-uppercase text-right no-padding-right font-weight-600 black-text xs-no-padding">${{$attvalueid->vprice}}</td> 
                                    @endif
                                </tr>
                                <!-- <tr>
                                    <th class="padding-two text-right no-padding-right text-uppercase font-weight-600 letter-spacing-2 text-small xs-no-padding">Shipping and Handling</th>
                                    <td class="padding-two text-uppercase text-right no-padding-right font-weight-600 black-text text-small xs-no-padding">Free</td>
                                </tr> -->
                                <tr>
                                    <td colspan="2" class="padding-one no-padding-right xs-no-padding">
                                        <hr>
                                    </td>
                                </tr>
                                <tr class="total">
                                    <th class="padding-two text-uppercase text-right no-padding-right font-weight-600 text-large xs-no-padding">Order Total</th>
                                    @if(empty($attvalueid))
                                    <td class="padding-two text-uppercase text-right no-padding-right font-weight-600 black-text text-large no-letter-spacing xs-no-padding">${{$singleevent->pricesale}}</td> 
                                    @endif
                                    @if(!empty($attvalueid))
                                    <td class="padding-two text-uppercase text-right no-padding-right font-weight-600 black-text text-large no-letter-spacing xs-no-padding">${{$attvalueid->vprice}}</td> 
                                    @endif
                                    
                                </tr>
                                <tr>
                                    <td colspan="2" class="padding-one no-padding-right xs-no-padding">
                                        <hr class="no-margin-bottom">
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                        <input type="submit" class="highlight-button-black-background btn no-margin pull-right checkout-btn xs-width-100 xs-text-center" value="Contribution">
                    </div>
                </div>
                </form>
            </div>
        </section>

@include('temp2/common/footer')