@extends('../../master_layout/admin_master')

@section('title')
<title>{{config('constants.APP_NAME')}} Payment Settings</title>
@endsection

@section('content')
<div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1 class="m-0">{{ $payment->paymentmethod_name }}</h1>
                </div><!-- /.col -->
                
                <!-- /.col -->
            </div><!-- /.row -->
        </div><!-- /.container-fluid -->
    </section>
    <!-- /.content-header -->

    <section class="content">
        <div class="container-fluid">
            <div class="row">
                <!-- left column -->
                <div class="col-md-12">
                    @if(session('message'))
                    <div class="alert alert-{{session('message.type')}} alert-dismissible">
                        <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                        @if(session('message.type')=='danger')
                        <p class="mb-0"><strong>Sorry!</strong> {!! session('message.text') !!}</p>
                        @else
                        <p class="mb-0"><strong>Success!</strong> {!! session('message.text') !!}</p>
                        @endif
                    </div>
                    @endif
                    <!--  -->
                    <div class="card card-primary">
                        <!-- form start -->
                        <form id="addPayment" method="post" action="{{ route('admin.payment.save')}}" enctype="multipart/form-data">
                            @csrf
                            <input type="hidden" name="paymentmethod_id" id="" value="{{ ($edit)?$payment->paymentmethod_id:0 }}">
                            <div class="card-body">
                                <div class="row">

                                @if(!empty($settings))
                                    @foreach ($settings as $key => $result) 
                                        
                                        @if($result->settingkey_name == 'sandbox')
                                            <div class="col-md-6"> 
                                                <div class="form-group">
                                                    <label for="paymentmethod_status">{{ $result->settingfield_title }}</label>
                                                    <select name="paymentsetting[{{ $result->paymentmethod_setting_id }}]" id="{{ $result->settingkey_name }}" class="form-control" required>
                                                        <option value="">Select</option>                               
                                                        <option value="on" {{ (isset($result->settingkey_value) && $result->settingkey_value == 'on' )?'selected':'' }}>ON</option>
                                                        <option value="off" {{ (isset($result->settingkey_value) && $result->settingkey_value == 'off' )?'selected':'' }}>OFF</option>
                                                    </select>
                                                </div>
                                            </div>                    
                                        @else
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label for="name">{{ $result->settingfield_title }}</label>
                                                    <input type="text" class="form-control" name="paymentsetting[{{ $result->paymentmethod_setting_id }}]" id="{{ $result->settingkey_name }}" placeholder=""
                                                        value="{{ (isset($result->settingkey_value) && $result->settingkey_value !='' )?$result->settingkey_value:'' }}" required>
                                                </div>
                                            </div>
                                        @endif

                                    @endforeach    
                                @endif

                                <div class="col-md-6"> 
                                    <div class="form-group">
                                        <label for="is_blocked">Status</label>
                                        <select name="is_blocked" id="is_blocked" class="form-control" required>
                                            <option value="">Select</option>                               
                                            <option value="0" {{ (isset($payment->is_blocked) && $payment->is_blocked == '0' )?'selected':'' }}>Active</option>
                                            <option value="1" {{ (isset($payment->is_blocked) && $payment->is_blocked == '1' )?'selected':'' }}>Inactive</option>
                                        </select>
                                    </div>
                                </div>

                                </div>
                            </div>
                            <!-- /.card-body -->
                            <div class="card-footer">
                                <button type="submit" class="btn btn-primary">Submit</button>
                            </div>
                        </form>
                    </div>
                    <!-- /.card -->
                </div>
                <!--/.col (left) -->

            </div>
            <!-- /.row -->
        </div><!-- /.container-fluid -->
    </section>
</div>


@endsection

@section('custom_js')

<script>
    $(function() {

        $('#addPayment').validate({
            rules: {
                is_blocked: {
                    required: true,
                }
            },
            messages: {                
                is_blocked: {
                    required: "Please select status",
                }

            },
            errorElement: 'span',
            errorPlacement: function(error, element) {
                error.addClass('invalid-feedback');
                element.closest('.form-group').append(error);
            },
            highlight: function(element, errorClass, validClass) {
                $(element).addClass('is-invalid');
            },
            unhighlight: function(element, errorClass, validClass) {
                $(element).removeClass('is-invalid');
            }
        });
        
    });
</script>
@endsection