@extends('OfflinePayment.payment')
@section('tab-content')
    <div class="tab-content">
        <div class="tab-pane fade show active" id="beneficiary" role="tabpanel" aria-labelledby="beneficiary-tab">
            <div class="tab-form-contents">
                <form id="first-step-payment" action="{{ url('/admin/payment/offline-payment-step-two') }}" method="POST">
                    {{ csrf_field() }}
                    <div class="row ">
                        <div class="col-12 col-md-4">
                            <div class="form-group">
                                <label>First name</label>
                                <input
                                    value="{{ old('first_name')? old('first_name'): @request()->session()->get('transaction_details_tab1')[0]['first_name'] }}"
                                    type="text" name="first_name" class="form-control"
                                    @error('first_name') is-invalid @enderror placeholder="First name">
                                @error('first_name')
                                    <span class="text-danger">{{ $message }}</span>
                                @enderror
                            </div>
                        </div>
                        <div class="col-12 col-md-4">
                            <div class="form-group">
                                <label>Last name</label>
                                <input
                                    value="{{ old('last_name')? old('last_name'): @request()->session()->get('transaction_details_tab1')[0]['last_name'] }}"
                                    type="text" name="last_name" class="form-control"
                                    @error('last_name') is-invalid @enderror placeholder="Last name">
                                @error('last_name')
                                    <span class="text-danger">{{ $message }}</span>
                                @enderror
                            </div>
                        </div>
                        @if (@request()->session()->get('transaction_details_tab1')[0])
                            <div class="col-12 col-md-4">
                                <div class="form-action-group">
                                    {{-- <a href="javascript:;" class="theme-border-btn cancel-btn">Cancel</a> --}}
                                    <button type="button" id="reset-value-step-one"
                                        class="theme-solid-btn submit-btn"><i class="fa fa-refresh" aria-hidden="true"></i></button>
                                </div>
                            </div>
                        @endif
                        <div class="col-12 col-md-6">
                            <div class="form-group">
                                <label>Email</label>
                                <input
                                    value="{{ old('email')? old('email'): @request()->session()->get('transaction_details_tab1')[0]['email'] }}"
                                    type="email" name="email" class="form-control" @error('email') is-invalid @enderror
                                    placeholder="Email">
                                @error('email')
                                    <span class="text-danger">{{ $message }}</span>
                                @enderror
                            </div>
                        </div>
                        <div class="col-12 col-md-6">
                            <div class="form-group">
                                <label>Phone</label>
                                <input
                                    value="{{ old('phone')? old('phone'): @request()->session()->get('transaction_details_tab1')[0]['phone'] }}"
                                    type="text" name="phone" class="form-control" @error('phone') is-invalid @enderror
                                    placeholder="Phone">
                                @error('phone')
                                    <span class="text-danger">{{ $message }}</span>
                                @enderror
                            </div>
                        </div>
                        <div class="col-12 col-md-6">
                            <div class="form-group">
                                <label>Address1</label>
                                <textarea class="form-control" @error('address1') is-invalid @enderror name="address1"> {{ old('address1')? old('address1'): @request()->session()->get('transaction_details_tab1')[0]['address1'] }} </textarea>
                                @error('address1')
                                    <span class="text-danger">{{ $message }}</span>
                                @enderror
                            </div>
                        </div>
                        <div class="col-12 col-md-6">
                            <div class="form-group">
                                <label>Address2</label>
                                <textarea class="form-control" name="address2"> {{ old('address2')? old('address2'): @request()->session()->get('transaction_details_tab1')[0]['address2'] }}</textarea>
                            </div>
                        </div>
                        <div class="col-12 col-md-4">
                            <div class="form-group">
                                <label>State</label>
                                <input
                                    value="{{ old('state')? old('state'): @request()->session()->get('transaction_details_tab1')[0]['state'] }}"
                                    type="text" class="form-control" name="state" @error('state') is-invalid @enderror
                                    placeholder="State">
                                @error('state')
                                    <span class="text-danger">{{ $message }}</span>
                                @enderror
                            </div>
                        </div>
                        <div class="col-12 col-md-4">
                            <div class="form-group">
                                <label>City</label>
                                <input
                                    value="{{ old('city')? old('city'): @request()->session()->get('transaction_details_tab1')[0]['city'] }}"
                                    type="text" name="city" class="form-control" @error('city') is-invalid @enderror
                                    placeholder="City">
                                @error('city')
                                    <span class="text-danger">{{ $message }}</span>
                                @enderror
                            </div>
                        </div>
                        <div class="col-12 col-md-4">
                            <div class="form-group">
                                <label>Zip code</label>
                                <input
                                    value="{{ old('zip_code')? old('zip_code'): @request()->session()->get('transaction_details_tab1')[0]['zip_code'] }}"
                                    type="text" name="zip_code" class="form-control"
                                    @error('zip_code') is-invalid @enderror placeholder="Zip code">
                                @error('zip_code')
                                    <span class="text-danger">{{ $message }}</span>
                                @enderror
                            </div>
                        </div>
                        <div class="col-12 col-md-12">
                            <div class="form-action-group">
                                {{-- <a href="javascript:;" class="theme-border-btn cancel-btn">Cancel</a> --}}
                                <button type="submit" class="theme-solid-btn submit-btn">Next</button>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
    @push('scripts')
        <script>
            $(document).on("click", "#reset-value-step-one", function() {
                $.ajaxSetup({
                    headers: {
                        'X-CSRF-TOKEN': $('input[name="_token"]').val()
                    }
                });
                $.ajax({
                    type: "POST",
                    url: "{{ url('admin/payment/offline-payment-step-one/reset') }}",
                    data: {
                        "_token": '{{ csrf_token() }}',
                    },
                    contentType: false,
                    processData: false,
                    success: function(response) {
                        if (response.status) {
                            window.location.reload();
                        } else {
                            alert("Somtething went wrong");
                        }
                    }
                });
            })
        </script>
    @endpush
@endsection