@extends('layouts.admin')

@section('content')
<script src="{{ asset('assets/ckeditor/ckeditor.js') }}"></script>
<link rel="stylesheet" href="{{ asset('assets/css/select2.min.css') }}">
<section class="pc-container">
    <div class="pc-content">
        <div class="page-header">
            <div class="page-block">
                <div class="row align-items-center">
                    <div class="col-md-12">
                        <ul class="breadcrumb">
                            <li class="breadcrumb-item" aria-current="page">Payment Management</li>
                            <li class="breadcrumb-item">
                                <a href="{{ route('payments') }}">Payments</a>
                            </li>
                            <li class="breadcrumb-item" aria-current="page">New Payment</li>
                        </ul>
                    </div>
                    <div class="col-md-12">
                        <div class="page-header-title">
                            <h3 class="mb-0">New Payment</h3>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="row pt-0">
            <div class="col-md-6">
                <div class="card">
                    <div class="card-body pt-2">
                        @include('include.errors')
                        @if(isset($payment))
                        @php $id=$payment->id @endphp
                        @else
                        @php $id=0 @endphp
                        @endif
                        @if($id>0 && $action=='edit')
                        <form action="{{ route('update-payment',$id) }}" method="post" enctype="multipart/form-data">
                            @else
                            <form action="{{ route('store-payment') }}" method="post" enctype="multipart/form-data">
                                @endif
                                @csrf
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="form-group">
                                            <label class="form-label">User <span class="text-danger">*</span></label>
                                            <select class="form-control" name="user_id" id="user_id" {!! ($id>0 && $action=='edit') ? 'readonly' : '' !!}>
                                                <!-- <option value="">Select</option> -->
                                                @foreach($users as $user)
                                                <option value="{{$user->id}}" selected>{{$user->accountId . ' (' . $user->firstName . ' ' . $user->lastName . ')'}}</option>
                                                @endforeach
                                            </select>
                                        </div>

                                    </div>
                                    <div class="col-md-12">
                                        <div class="form-group">
                                            <label class="form-label">Order <span class="text-danger">*</span></label>
                                            <select class="form-control" name="order_id" id="order_id" {!! ($id>0 && $action=='edit') ? 'readonly' : '' !!}>
                                                <!-- <option value="">Select</option> -->
                                                @foreach($orders as $order)
                                                <option value="{{ $order->id}}" selected>{{ $order->orderNumber . ' (' . $order->package->title . ')' }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                    <div id="paymentDetail">
                                        @if(isset($payment) && $payment->price)
                                        @php $price=$payment->price @endphp
                                        @else
                                        @php $price='' @endphp
                                        @endif
                                        <div class="col-md-12">
                                            <div class="form-group">
                                                <label class="form-label">Amount <span class="text-danger">*</span></label>
                                                <input type="number" class="form-control" id="amount" name="amount" value="{{$price}}" />
                                            </div>
                                        </div>
                                        <div class="col-md-12">
                                            @if(isset($payment) && $payment->status!="")
                                            @php $status=$payment->status @endphp
                                            @else
                                            @php $status='P' @endphp
                                            @endif
                                            <div class="form-group ">
                                                <label class="form-label" for="transaction-id">Payment Status</label><br />
                                                <div class="form-check form-check-inline">
                                                    <input class="form-check-input payment_status" name="payment_status" type="radio" name="inlineRadioOptions" id="inlineRadio1" value="P" {!! ($status=='P' ) ? 'checked' : '' !!}>
                                                    <label class="form-check-label" for="inlineRadio1">Pending</label>
                                                </div>
                                                <div class="form-check form-check-inline">
                                                    <input class="form-check-input payment_status" name="payment_status" type="radio" name="inlineRadioOptions" id="inlineRadio2" value="C" {!! ($status=='C' ) ? 'checked' : '' !!}>
                                                    <label class="form-check-label" for="inlineRadio2">Canceled</label>
                                                </div>
                                                <div class="form-check form-check-inline">
                                                    <input class="form-check-input payment_status" name="payment_status" type="radio" name="inlineRadioOptions" id="inlineRadio2" value="S" {!! ($status=='S' ) ? 'checked' : '' !!}>
                                                    <label class="form-check-label" for="inlineRadio2">Completed</label>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-12">
                                            <div class="form-group">
                                                @if(isset($payment) && $payment->payment_method)
                                                @php $payment_method=$payment->payment_method @endphp
                                                @else
                                                @php $payment_method='' @endphp
                                                @endif
                                                <label class="form-label">Payment Types <span class="text-danger">*</span></label>
                                                <select class="form-control" name="payment_method" id="payment_method">
                                                    <option value="">Select</option>
                                                    @foreach($paymentMethods as $method)
                                                    <option value="{{$method->code}}" {!! ($payment_method==$method->code) ? 'selected' : '' !!}>{{$method->name}}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>

                                        <div class="col-md-12">
                                            @if(isset($payment) && $payment->transaction_id)
                                            @php $transaction_id=$payment->transaction_id @endphp
                                            @else
                                            @php $transaction_id='' @endphp
                                            @endif
                                            <div class="form-group">
                                                <label class="form-label">Transaction Id <span class="text-danger">*</span></label>
                                                <input type="text" class="form-control" name="transaction_id" id="transaction_id" value="{{$transaction_id}}">
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-md-12">

                                        <input type="submit" value="Save" class="btn btn-primary m-t-20 m-b-20" data-bs-toggle="tooltip" data-bs-original-title="Save changes">
                                    </div>
                                </div>
                            </form>
                    </div>
                </div>
            </div>
        </div>
</section>
@endsection
@push('scripts')
<script src="{{ asset('assets/js/select2.min.js' ) }}"></script>
<script>
    $(document).ready(function() {

        action="{{$action}}";
        console.log($('#order_id').val());
        if ($('#order_id').val() && action=='edit') {
            $("#user_id").select2("readonly", true);
            $("#order_id").select2("readonly", true);
        }else{
            $('#paymentDetail').hide();
        }
        // select user
        $("#user_id").select2({
            ajax: {
                url: "{{ route('payments.getUsers') }}",
                type: "get",
                dataType: 'json',
                delay: 250,
                data: function(params) {
                    return {
                        searchTerm: params.term // search term

                    };
                },
                processResults: function(response) {
                    return {
                        results: response

                    };
                },
                cache: true
            }
        });

        // select order
        $("#order_id").select2({
            ajax: {
                url: "{{ route('payments.getOrders') }}",
                type: "get",
                dataType: 'json',
                delay: 250,
                data: function(params) {
                    user_id = $("#user_id").val();
                    return {
                        searchTerm: params.term, // search term
                        user_id: user_id
                    };
                },
                processResults: function(response) {
                    return {
                        results: response

                    };
                },
                cache: true
            }
        });
    });

    $(document).on('change', '#user_id', function() {
        $('#order_id').val('').change();
        $('#paymentDetail').hide();
    });

    $(document).on('change', '#order_id', function() {
        id = $(this).val();
        if (id) {
            $.ajax({
                url: "{{ route('payments.getOrderDetail') }}",
                type: 'GET',
                data: {
                    "id": id
                },
                success: function(res) {
                    if (res.status == true) {
                        $('#paymentDetail').show();
                        $('#amount').val(res.amount);
                        $('#transaction_id').val(res.transaction_id);
                        $(".payment_status:radio[value='" + res.payment_status + "']").prop('checked', true);
                        $('#payment_method option[value="' + res.payment_method + '"]').attr("selected", "selected");
                    }
                }
            });
        }
    })
</script>
@endpush