@extends('layouts.admin')

@section('content')
<div class="card">
    <div class="card-header">
        <h4>{{trans('cruds.payment_gateway_settings.title')}}</h4>
    </div>
    <div class="card-body">
        @if (session('success'))
            <div class="alert alert-success">
                {{ session('success') }}
            </div>
        @endif
        <form action="{{ route('admin.payment_gateway.update') }}" method="POST">
            @csrf
            <div class="form-group">
                <label for="type" class="form-label required">{{trans('cruds.payment_gateway_settings.fields.type')}}</label>
                <select class="form-control" name="type" id="type" required>
                    <option value="" {{ old('type',$payment_gateway_config->type ?? '') == '' ? 'selected' : '' }} disabled selected>Select type</option>
                    <option value="test" {{ old('type',$payment_gateway_config->type ?? '') == 'test' ? 'selected' : '' }}>Test</option>
                    <option value="live" {{ old('type', $payment_gateway_config->type ?? '') == 'live' ? 'selected' : '' }}>Live</option>
                </select>
                @error('type')
                    <div class="text-danger mt-2">{{ $message }}</div>
                @enderror
            </div>
            <div class="form-group">
                <label for="tap_payment_key_live" class="form-label required">{{trans('cruds.payment_gateway_settings.fields.tap_payment_key_live')}}</label>
                <input class="form-control" type="text" name="tap_payment_key_live" id="tap_payment_key_live" value="{{ old('tap_payment_key_live', $payment_gateway_config->tap_payment_key_live ?? '') }}">
                @if ($errors->has('tap_payment_key_live'))
                    <div class="text-danger">{{ $errors->first('tap_payment_key_live') }}</div>
                @endif
            </div>
            <div class="form-group">
                <label for="tap_payment_key_test" class="form-label required">{{trans('cruds.payment_gateway_settings.fields.tap_payment_key_test')}}</label>
                <input class="form-control" type="text" name="tap_payment_key_test" id="tap_payment_key_test" value="{{ old('tap_payment_key_test', $payment_gateway_config->tap_payment_key_test ?? '') }}">
                @if ($errors->has('tap_payment_key_test'))
                    <div class="text-danger">{{ $errors->first('tap_payment_key_test') }}</div>
                @endif
            </div>
            <div class="row">
                <div class="col-12 text-end">
                    <button class="btn btn-primary" type="submit">{{ trans('global.save') }}</button>
                </div>
            </div>
        </form>
    </div>
</div>
@endsection

@section('scripts')
    @parent
    
    <script>
        $(function () {
            var type =  "{{ $payment_gateway_config->type ?? ''}}";
            if (type === 'live') {
                $('#tap_payment_key_live').prop('required', true);
                $('#tap_payment_key_test').prop('required', false);

                $('#tap_payment_key_live').closest('.form-group').show();
                $('#tap_payment_key_test').closest('.form-group').hide();
            } else if (type === 'test') {
                $('#tap_payment_key_live').prop('required', false);
                $('#tap_payment_key_test').prop('required', true);

                $('#tap_payment_key_live').closest('.form-group').hide();
                $('#tap_payment_key_test').closest('.form-group').show();
            } 
            
            $('#type').change(function () {
                var selectedType = $(this).val();
                if (selectedType === 'live') {
                    $('#tap_payment_key_live').prop('required', true);
                    $('#tap_payment_key_test').prop('required', false);

                    $('#tap_payment_key_live').closest('.form-group').show();
                    $('#tap_payment_key_test').closest('.form-group').hide();
                } else if (selectedType === 'test') {
                    $('#tap_payment_key_live').prop('required', false);
                    $('#tap_payment_key_test').prop('required', true);

                    $('#tap_payment_key_live').closest('.form-group').hide();
                    $('#tap_payment_key_test').closest('.form-group').show();
                }
            });
        });
    </script>
@endsection