@extends('layouts.master')

@section('page-title'){{ __('In & Out') }}@endsection

@section('menu'){{ __('Payment') }}@endsection

@section('sub-menu'){{ __('In & Out') }}@endsection

@section('additional')
    <x-set-conversion-rate-model />
@endsection

@section('content')
    <div id="voucher-container">
        @include('partial.payment.vouchers')
    </div>
@endsection

@section('script')
    <script src="/assets/js/pages/vouchers.js?{{ rand(1, 10000) }}"></script>
    <script>
        $(document).ready(function () {
            var sort_column = 9;
            @php
                $routes = [
                    'searchRoute' => route('payments.vouchers'),
                    'cancelVoucherRoute' => route('payments.cancell-voucher'),
                    'activateVoucherRoute' => route('payments.activate-voucher'),
                    'refundVoucherRoute' => route('payments.refund'),
                    'cancelAmount' => route('payments.cancel.amount'),
                    'creditCardTransfer' => route('payments.credit-card-transfer')
                ];
            @endphp
            Vouchers.initialize(
                {!! json_encode($routes) !!},
                '{{ csrf_token() }}',
                sort_column,
            );

            // Set Conversion Rate
            $(document).on('click', '#set-conversion-rate', function () {
                $.ajax({
                    url: "{{ route('conversion-rate.save') }}",
                    type: 'POST',
                    data: $('#set-conversion-rate-form').serialize(),
                    beforeSend: function () {
                        $("#loading").show()
                    },
                }).then(function (response) {
                    $("#loading").hide()
                    $('.modal-backdrop').remove()
                    $('body').removeClass('modal-open')
                    toastr.success(response.message.success)

                    $('#conversionRate').html(response.conversionRate)
                }).catch(function (error) {
                    $("#loading").hide()
                    $.each(error.responseJSON.errors,function(input, message){
                        toastr.error(message)
                    })
                });
            });
        });

    </script>


@endsection