@extends('layouts.app')

@section('styles')

<!--Select2 css -->
<link href="{{URL::asset('assets/plugins/select2/select2.min.css')}}" rel="stylesheet" />

<!-- Time picker css-->
<link href="{{URL::asset('assets/plugins/time-picker/jquery.timepicker.css')}}" rel="stylesheet" />

<!-- Date Picker css-->
<link href="{{URL::asset('assets/plugins/spectrum-date-picker/spectrum.css')}}" rel="stylesheet" />

<!-- File Uploads css-->
<link href="{{URL::asset('assets/plugins/fileuploads/css/dropify.css')}}" rel="stylesheet" type="text/css" />

<!--Mutipleselect css-->
<link rel="stylesheet" href="{{URL::asset('assets/plugins/multipleselect/multiple-select.css')}}">

@endsection

@section('content')

<!-- page-header -->
<div class="page-header">
    <!-- breadcrumb -->
	<ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="{{ route('admin.payment.online.index') }}">ชำระเงินออนไลน์</a></li>
		<li class="breadcrumb-item active" aria-current="page">ฟอร์มชำระเงินออนไลน์</li>
	</ol>
</div>
<!-- End page-header -->

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

		<div class="card">
			<div class="card-header pb-0">
				<h3 class="mb-0 card-title">ฟอร์มชำระเงินออนไลน์</h3>
			</div>
			<div class="card-body">
				<form id="online_frm" name="online_frm" method="POST" onsubmit="setSaveOnline(); return false;" enctype="multipart/form-data" >
					@csrf
					<input type="hidden" name="id" value="{{ !empty($payment->id) ? $payment->id :'0' }}">

                    <div class="card-body">
                        <div class="row">

                            <div class="col-md-12">
                                <div class="form-group ">
                                <label class="form-label">รูปแบบการชำระ</label>
                                    <select name="type" class="form-control" data-placeholder="ประเภทบัญชี" onchange="checkOnlineType(this.value);">
                                        <option value="2" {{ isset($payment->type) && $payment->type == 2 ? 'selected' : '' }}>Paypal</option>
                                        <option value="5" {{ isset($payment->type) && $payment->type == 5 ? 'selected' : '' }}>เก็บเงินปลายทาง</option>
                                        {{-- <option value="6" {{ isset($payment->type) && $payment->type == 1 ? 'selected' : '' }}>Z.com payment</option> --}}
                                        {{-- <option value="12" {{ isset($payment->type) && $payment->type == 1 ? 'selected' : '' }}>Linepay</option> --}}
                                        <option value="13" {{ isset($payment->type) && $payment->type == 13 ? 'selected' : '' }}>PromptPay</option>
                                    </select>
                                </div>
                            </div>

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

                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="form-label" for="account">ชื่อบัญชี</label>
                                            <input type="text" class="form-control" name="account" id="account" placeholder="ชื่อบัญชี" value="{{ !empty($payment->account) ? $payment->account :'' }}">
                                        </div>
                                    </div>

                                    <div id="promtpay" class="col-md-6">
                                        <div class="form-group">
                                            <label class="form-label" for="tel">เบอร์มือถือ</label>
                                            <input type="text" class="form-control" name="tel" id="tel" placeholder="เบอร์มือถือ" value="{{ !empty($payment->option) ? $payment->option :'' }}">
                                        </div>
                                    </div>
                            
                                </div>
                            </div>

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

                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="form-label" for="rate">ค่าบริการที่คิดเพิ่ม %</label>
                                            <input type="text" class="form-control" name="rate" id="rate" placeholder="ค่าบริการที่คิดเพิ่ม %" value="{{ !empty($payment->rate) ? $payment->rate :'' }}">
                                        </div>
                                    </div>
            
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="form-label" for="fee">ค่าบริการคิดเพิ่มเป็นจำนวนเงิน</label>
                                            <input type="text" class="form-control" name="fee" id="fee" placeholder="ค่าบริการคิดเพิ่มเป็นจำนวนเงิน" value="{{ !empty($payment->fee) ? $payment->fee :'' }}">
                                        </div>
                                    </div>

                                </div>
                            </div>

                            <div class="col-md-12">
                                <div class="form-group">
                                    <label class="form-label">คำอธิบาย</label>
                                    <textarea id="detail" class="form-control texteditor" name="detail" rows="4" placeholder="คำอธิบาย">{{ !empty($payment->detail) ? $payment->detail :'' }}</textarea>
                                </div>
                            </div>

                            <div class="col-md-12">
                                <div class="form-group">
                                    <label class="form-label">Status</label>
                                                                        <div class="form-check form-check-inline">
                                        <input class="form-check-input" type="radio" name="status" id="status_enable" value="1" {{ $on }}>
                                        <label class="form-check-label" for="status_enable">เปิด</label> 
                                    </div>
                                    <div class="form-check form-check-inline">
                                        <input class="form-check-input" type="radio" name="status" id="status_disable"  value="0" {{ $off }}>
                                        <label class="form-check-label" for="status_disable">ปิด</label>
                                    </div>
                                </div>
                            </div>
    
                            <div class="col-md-12 ">
                                <div class="form-group mb-1">
                                    <div class="btn-list">
                                        <button type="submit" class="btn btn-primary"><i class="fa fa-save"></i> บันทึก</button>
                                        <button onclick="mwz_redirect('{{ route('admin.payment.bank.index') }}');" type="button" class="btn btn-warning"><i class="fa fa-undo" aria-hidden="true"></i> ยกเลิก</button>
                                    </div>
                                </div>
                            </div>
                            
                        </div>
                    </div>

				</form>
			</div>
		</div>
	</div>
</div>
<!-- .row -->	

@endsection('content')

@section('scripts')

<!--Jquery Sparkline js-->
<script src="{{URL::asset('assets/plugins/vendors/jquery.sparkline.min.js')}}"></script>

<!-- File uploads js -->
<script src="{{URL::asset('assets/plugins/fileuploads/js/dropify.js')}}"></script>
<script src="{{URL::asset('assets/plugins/fileuploads/js/dropify-demo.js')}}"></script>

<!--Select2 js -->
<script src="{{URL::asset('assets/plugins/select2/select2.full.min.js')}}"></script>
<!-- <script src="{{URL::asset('assets/js/form-elements.js')}}"></script> -->

<!--MutipleSelect js-->
<script src="{{URL::asset('assets/plugins/multipleselect/multiple-select.js')}}"></script>
<script src="{{URL::asset('assets/plugins/multipleselect/multi-select.js')}}"></script>

<!--tinymce js-->
<script src="{{URL::asset('assets/plugins/tinymce/jquery.tinymce.min.js')}}"></script>
<script src="{{URL::asset('assets/plugins/tinymce/tinymce.min.js')}}"></script>

<!-- Notifications js -->
<link href="{{URL::asset('assets/plugins/notify-growl/css/jquery.growl.css')}}" rel="stylesheet" />
<link href="{{URL::asset('assets/plugins/notify-growl/css/notifIt.css')}}" rel="stylesheet" />
<script src="{{URL::asset('assets/plugins/bootbox/bootbox.js')}}"></script>
<script src="{{URL::asset('assets/plugins/notify-growl/js/rainbow.js')}}"></script>
<script src="{{URL::asset('assets/plugins/notify-growl/js/jquery.growl.js')}}"></script>

<!-- validator js -->
<script src="{{URL::asset('assets/plugins/validator/js/jquery.validate.min.js')}}"></script>

<!-- tab -->
<script src="{{URL::asset('assets/plugins/tabs/jquery.multipurpose_tabcontent.js')}}"></script>
<link href="{{URL::asset('assets/plugins/tabs/tabs-style.css')}}" rel="stylesheet" />

<!-- google map picker -->
<script src="{{URL::asset('assets/plugins/google-place-picker/PlacePicker.js')}}"></script>

<!-- multifile upload -->
{{-- <script src="{{URL::asset('assets/plugins/plupload-2.3.7/js/plupload.full.min.js')}}"></script>
<script src="{{URL::asset('assets/plugins/plupload-2.3.7/js/jquery.ui.plupload/jquery.ui.plupload.min.js')}}"></script> --}}

<!-- Datetimepicker js -->
<script src="{{URL::asset('assets/plugins/datetime-picker/moment.min.js')}}"></script>
<script src="{{URL::asset('assets/plugins/datetime-picker/bootstrap-datetimepicker.min.js')}}"></script>

<!-- mwz master js css -->
<link rel="stylesheet" href="{{ mix('css/mwz.css') }}">
<script src="{{ mix('js/mwz.js')  }}"></script>

<!-- module js css -->
<link rel="stylesheet" href="{{ mix('css/payment.css') }}">
<script src="{{ mix('js/payment.js')  }}"></script>

@endsection