@extends('user.layout.master')

@section('content')
    <style>
        section {
            background-image: url(user/assets/img/backgrond.jpg);
            overflow: hidden;
        }

        .new-logwrap {
            padding: 21px;
            overflow: hidden;
        }

        @media (max-width: 600px) {
            section {
                overflow: hidden;
            }
        }

        .tal {
            color: white !important;
            padding-top: 5px;
            font-weight: bold;
        }

    </style>
    <!-- Tab Section Start -->
    <section class="tab-sec gray" style="height: 92vh">
        <div class="container">
            <div class="col-lg-6 col-md-6 col-sm-12 col-lg-offset-3 col-md-offset-3">

                <div class="new-logwrap">
                    <h1 class="text-center" >Paypal</h1>
                    <ul style="display:none" class="nav modern-tabs nav-tabs theme-bg" id="simple-design-tab">
                        <li class="active" ><a href="#dj">DJ</a></li>
                    </ul>
                    {{-- <span class="text-danger">{{$errors->first('error')}}</span> --}}


                    <div class="tab-content">


                       <form method="POST" action="{{route('eventManagement.paypal')}}">
                            {{ csrf_field() }}
                            <div id="dj" class="tab-pane fade in show">

                                <div class="form-group">
                                    <h5>Papal Form</h5>
                                </div>
                                <div class="form-group">
                                    <label style="color: black">Amount</label>
                                    <div class="input-with-icon">
                                        {{-- <input type="number" class="form-control" name="email"
                                            placeholder="Enter Your Amount"> --}}
                                        {{-- <i class="theme-cl ti-number"></i> --}}
                                        <input  id="order_id" type="hidden" value="{{$order->id}}" name="order_id" readonly>
                                        <input class="form-control" id="amount" type="text" value="{{$order->total_amount}}" name="amount"  readonly></p>
                                    </div>
                                </div>
                                <div class="form-groups">
                                    <button type="submit" class="btn btn-primary theme-bg full-width">Pay With Paypal</button>
                                </div>
                            </div>
                        </form>
                    </div>

                </div>
            </div>
        </div>
    </section>
    <!-- Tab section End -->
@endsection