@extends('layouts.frontend')
@section('content')
<div class="grid-container d-none">
    <header class="wrapper">
        <div class="logo">
            <a href="../index.html">
                <img src="../assets/images/eb-logo.svg" alt="Easebuzz">
            </a>
        </div>

        <div class="hedding">
            <h2><a class="highlight" href="../index.html">Back</a></h2>
        </div>
    </header>

    <div class="form-container">
        <h2>INITIATE PAYMENT API</h2>
        <hr>
        <form method="POST" action="{{route('frontend.easebuzz-initiate')}}">
            @csrf
            <input type="hidden" name="api_name" value="initiate_payment">
            <input type="hidden" value="{{ url()->previous() }}" name="pre_url">
            <div class="main-form">
                <h3>Mandatory Parameters</h3>
                <hr>

                <div class="mandatory-data">
                    <div class="form-field">
                        <label for="txnid">Transaction ID<sup>*</sup></label>
                        <input id="txnid" class="txnid" name="txnid" value="{{$txnId}}" placeholder="T31Q6JT8HB">
                    </div>

                    <div class="form-field">
                        <label for="amount">Amount<sup>(should be float)*</sup></label>
                        <input id="amount" class="amount" name="amount" value="{{$totalFare}}" placeholder="125.25">
                    </div>

                    <div class="form-field">
                        <label for="firstname">First Name<sup>*</sup></label>
                        <input id="firstname" class="firstname" name="firstname" value="TravPlans" placeholder="Easebuzz Pvt. Ltd.">
                    </div>

                    <div class="form-field">
                        <label for="email">Email ID<sup>*</sup></label>
                        <input id="email" class="email" name="email" value="{{auth()->user()->email ?? 'travplans@gmail.com'}}"
                        placeholder="initiate.payment@easebuzz.in">
                    </div>

                    <div class="form-field">
                        <label for="phone">Phone<sup>*</sup></label>
                        <input id="phone" class="phone" name="phone" value="{{auth()->user()->phone ?? '1234567890'}}"
                        placeholder="0123456789">
                    </div>

                    <div class="form-field">
                        <label for="productinfo">Product Information<sup>*</sup></label>
                        <input id="productinfo" class="productinfo" name="productinfo" value="hotel booking" placeholder="Apple Laptop">
                    </div>

                    <div class="form-field">
                        <label for="surl">Success URL<sup>*</sup></label>
                        <input id="surl" class="surl" name="surl" value="{{route('payment-success')}}" placeholder="http://localhost:3000/response.php">
                    </div>

                    <div class="form-field">
                        <label for="furl">Failure URL<sup>*</sup></label>
                        <input id="furl" class="furl" name="furl" value="{{route('payment-error')}}"
                        placeholder="http://localhost:3000/response.php">
                    </div>

                </div>

                <h3>Optional Parameters</h3>
                <hr>
                <div class="optional-data">

                    @if(isset($paymentType))
                    <input type="hidden" name="udf1" value="{{$paymentType}}">
                    @endif


                    <div class="form-field">
                        <label for="udf2">UDF2</label>
                        <input id="udf2" class="udf2" name="udf2" value="{{auth()->user()->id}}" placeholder="User description2">
                    </div>

                    <div class="form-field">
                        <label for="udf3">UDF3</label>
                        <input id="udf3" class="udf3" name="udf3" value="{{auth()->user()->name}}" placeholder="User description3">
                    </div>

                    <div class="form-field">
                        <label for="udf4">UDF4</label>
                        <input id="udf4" class="udf4" name="udf4" value="" placeholder="User description4">
                    </div>

                    <div class="form-field">
                        <label for="udf5">UDF5</label>
                        <input id="udf5" class="udf5" name="udf5" value="" placeholder="User description5">
                    </div>

                    <div class="form-field">
                        <label for="address1">Address 1</label>
                        <input id="address1" class="address1" name="address1" value=""
                        placeholder="#250, Main 5th cross,">
                    </div>

                    <div class="form-field">
                        <label for="address2">Address 2</label>
                        <input id="address2" class="address2" name="address2" value=""
                        placeholder="Saket nagar, Pune">
                    </div>

                    <div class="form-field">
                        <label for="city">City</label>
                        <input id="city" class="city" name="city" value="" placeholder="Pune">
                    </div>

                    <div class="form-field">
                        <label for="state">State</label>
                        <input id="state" class="state" name="state" value="" placeholder="Maharashtra">
                    </div>

                    <div class="form-field">
                        <label for="country">Country</label>
                        <input id="country" class="country" name="country" value="" placeholder="India">
                    </div>

                    <div class="form-field">
                        <label for="zipcode">Zip-Code</label>
                        <input id="zipcode" class="zipcode" name="zipcode" value="" placeholder="123456">
                    </div>

                       <!-- <div class="form-field">
                        <label for="sub_merchant_id">Sub-Merchant ID</label>
                        <input id="sub_merchant_id" class="sub_merchant_id" name="sub_merchant_id" value="" placeholder="123456">
                    </div>

                     <div class="form-field">
                        <label for="unique_id">Unique Id</label>
                        <input id="unique_id" class="unique_id" name="unique_id" value="" placeholder="Customer unique Id">
                    </div>

                     <div class="form-field">
                        <label for="split_payments">Split payment</label>
                        <input id="split_payments" class="split_payments" name="split_payments" value="" placeholder='{ "axisaccount" : 100, "hdfcaccount" : 100}'>
                    </div>

                      <div class="form-field">
                        <label for="show_payment_mode">Show Payment Mode</label>
                        <input id="show_payment_mode" class="show_payment_mode" name="show_payment_mode" value="" placeholder='NB,DC,CC,Debit+ATM Pin,MW,UPI,OM,EMI'>
                    </div> -->


                </div>

                <div class="btn-submit">
                    <button type="submit" id="submit">SUBMIT</button>
                </div>
            </div>
        </form>
    </div>

</div>
@section('scripts')
    <script>
        $(document).ready(function(){
            $('#submit').click();
        })
    </script>
@endsection
@endsection