@extends('layouts.app')

@section('styles')
    <!---Tabs css-->
    <link href="{{ URL::asset('assets/plugins/tabs/tabs-style.css') }}" rel="stylesheet" />

    <!-- Date Picker css-->
    <link rel="stylesheet" type="text/css" href="{{ asset('assets/plugins/datetimepicker/jquery.datetimepicker.css') }}" />
@endsection

@section('content')
    <!-- page-header -->
    <div class="page-header">
        <ol class="breadcrumb">
            <!-- breadcrumb -->
            <li class="breadcrumb-item"><a href="{{ route('admin.dashboard.dashboard.index') }}">{{ __('admin.homepage') }}</a></li>
            <li class="breadcrumb-item"><a href="{{ route('admin.coupon.coupon.index') }}">คูปองส่วนลด</a></li>
            <li class="breadcrumb-item active" aria-current="page">{{ !empty($coupon->id) ? 'แก้ไขคูปองส่วนลด' : 'เพิ่มคูปองส่วนลด' }}</li>
        </ol>
    </div>
    <!-- End page-header -->

    <!-- row -->
    <div class="row">
        <div class="col-md-12">
            <form id="coupon_frm" name="coupon_frm" method="POST" onsubmit="setSaveCoupon(); return false;" enctype="multipart/form-data">
                @csrf
                <input type="hidden" name="id" value="{{ $coupon->id ?? '' }}">
                <div class="card">
                    <div class="card-header pb-0">
                        <h3 class="card-title">{{ !empty($coupon->id) ? 'แก้ไขคูปองส่วนลด' : 'เพิ่มคูปองส่วนลด' }}</h3>
                    </div>
                    <div class="card-body">
                        <div class="row">
                            {{-- Start Tap --}}
                            <div class="tab_wrapper first_tab col-12">
                                <ul class="tab_list">
                                    <li class="icons-list-item" style="height: 36px;">ภาษาไทย</li>
                                    <li class="icons-list-item" style="height: 36px;">ภาษาอังกฤษ</li>
                                </ul>
                                <div class="content_wrapper">
                                    {{-- Tap 1 --}}
                                    <div class="tab_content active">
                                        {{-- Start Input --}}
                                        <div class="alert alert-default" role="alert">
                                            <span class="alert-inner--icon"><i class="fe fe-bell"></i></i></span>
                                            <span class="alert-inner--text">{{ __('about_admin.form_alert') }}
                                                <strong>{{ __('about_admin.thai_lang') }}</strong></span>
                                        </div>
                                        <div class="form-group">
                                            <label class="form-label" for="name_th">ชื่อคูปองส่วนลด (TH)<span class="text-danger">*</span></label>
                                            <input id="name_th" type="text" class="form-control" name="name_th" placeholder="ระบุชื่อคูปองส่วนลด" value="{{ $coupon->name_th ?? '' }}">
                                        </div>
                                        <div class="form-group">
                                            <label class="form-label" for="detail_th">คำอธิบายการใช้งาน (TH)<span class="text-danger">*</span></label>
                                            <textarea id="detail_th" class="form-control" name="detail_th" rows="4" placeholder="ระบุคำอธิบายการใช้งาน">{{ $coupon->detail_th ?? '' }}</textarea>
                                        </div>
                                        {{-- End Input --}}
                                    </div>
                                    {{-- End Tap 1 --}}
                                    {{-- Tap 2 --}}
                                    <div class="tab_content">
                                        {{-- Start Input --}}
                                        <div class="alert alert-default" role="alert">
                                            <span class="alert-inner--icon"><i class="fe fe-bell"></i></i></span>
                                            <span class="alert-inner--text">{{ __('about_admin.form_alert') }}
                                                <strong>{{ __('about_admin.eng_lang') }}</strong></span>
                                        </div>
                                        <div class="form-group">
                                            <label class="form-label" for="name_en">ชื่อคูปองส่วนลด (EN)<span class="text-danger">*</span></label>
                                            <input id="name_en" type="text" class="form-control" name="name_en" placeholder="ระบุชื่อคูปองส่วนลด" value="{{ $coupon->name_en ?? '' }}">
                                        </div>
                                        <div class="form-group">
                                            <label class="form-label" for="detail_en">คำอธิบายการใช้งาน (EN)<span class="text-danger">*</span></label>
                                            <textarea id="detail_en" class="form-control" name="detail_en" rows="4" placeholder="ระบุคำอธิบายการใช้งาน">{{ $coupon->detail_en ?? '' }}</textarea>
                                        </div>
                                        {{-- End Input --}}
                                    </div>
                                    {{-- End Tap 2 --}}
                                </div>
                            </div>
                        </div>

                        <div class="card mt-3">
                            <div class="card-body">
                                <div class="form-group">
                                    <div class="alert alert-default" role="alert">
                                        <span class="alert-inner--icon"><i class="fe fe-bell"></i></i></span>
                                        <span class="alert-inner--text">*หมายเหตุ: การตั้งค่าการ “Random ชุดคูปอง” หรือ “กำหนดรหัสส่วนลดด้วยตนเอง”
                                            จะไม่สามารถเปลี่ยนแปลงภายหลังได้ !! หากต้องการเปลี่ยนแปลง โปรดดำเนินการ <strong><u>ลบ</u></strong> และสร้างคูปองใหม่</strong></span>
                                    </div>
                                </div>
                                <div class="row mb-3">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="form-label" for="start_date">วันเริ่มต้น</label>
                                            <input id="start_date" autocomplete="off" type="text" class="form-control datetimepicker" name="start_date" placeholder="ระบุวันเริ่มต้น" value="{{ $coupon->start_date ?? '' }}">
                                            <span class="text-danger text-sm">*หมายเหตุ: หากต้องการให้ปรากฏแบบไม่มีวันหมดอายุโปรดเว้นว่างไว้</span>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="form-label" for="end_date">วันที่สิ้นสุด</label>
                                            <input id="end_date" autocomplete="off" type="text" class="form-control datetimepicker" name="end_date" placeholder="ระบุวันที่สิ้นสุด" value="{{ $coupon->end_date ?? '' }}">
                                        </div>
                                    </div>
                                </div>
                                <hr class="separator-dashed">
                                @if (empty($coupon->id))
                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="card fix-hcard">
                                                <label for="coupon_format1" class="cur-pt">
                                                    <div class="card-body">
                                                        <label class="custom-control custom-radio">
                                                            <input type="radio" id="coupon_format1" class="custom-control-input" onchange="change_format(1)" name="coupon_format" value="1" checked>
                                                            <span class="custom-control-label">Random</span>
                                                        </label>
                                                        <span class="dt-radios">ระบบจะดำเนินการสุ่มชุดคูปองตามเงื่อนไขที่ได้กำหนดตามด้านล่างนี้ กรุณาระบุข้อมูลให้ครบถ้วน</span>
                                                    </div>
                                                </label>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="card fix-hcard">
                                                <label for="coupon_format2" class="cur-pt">
                                                    <div class="card-body">
                                                        <label class="custom-control custom-radio">
                                                            <input type="radio" id="coupon_format2" class="custom-control-input" onchange="change_format(2)" name="coupon_format" value="2">
                                                            <span class="custom-control-label">กำหนดรหัสด้วยตนเอง</span>
                                                        </label>
                                                        <span class="dt-radios">ดำเนินการกำหนดรหัสส่วนลดด้วยตนเอง กรุณาระบุข้อมูลให้ครบถ้วน</span>
                                                    </div>
                                                </label>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="tap-random mt-3">
                                        <div class="form-group">
                                            <label class="form-label" for="coupon_random">จำนวนในการสุ่มชุดคูปอง <span class="text-danger">*</span></label>
                                            <input id="coupon_random" type="text" class="form-control" name="coupon_random" placeholder="ระบุจำนวนในการสุ่มชุดคูปอง" onkeypress="InputValidateString()" maxlength="4" value="{{ $coupon->coupon_random ?? '' }}">
                                            <span class="text-danger text-sm">*หมายเหตุ: คูปอง 1 ใบ สามารถใช้ได้ 1 ครั้ง</span>
                                        </div>
                                    </div>
                                    <div class="tap-custom mt-3 hide-rccoupon">
                                        <div class="form-group">
                                            <label class="form-label" for="coupon_code">รหัสส่วนลด <span class="text-danger">*</span></label>
                                            <input id="coupon_code" type="text" class="form-control" name="coupon_code" placeholder="ระบุรหัสส่วนลด" value="{{ $coupon->coupon_code ?? '' }}">
                                            <span class="text-danger text-sm">*ข้อห้าม: การตั้งรหัสส่วนลดต้องไม่มีช่องวางและตัวอักษรพิเศษ</span>
                                        </div>
                                        <div class="form-group">
                                            <label class="form-label" for="coupon_count">จำนวนครั้งในการใช้งานคูปอง <span class="text-danger">*</span></label>
                                            <input id="coupon_count" type="text" class="form-control" name="coupon_count" placeholder="ระบุจำนวนครั้งในการใช้งานคูปอง" onkeypress="InputValidateString()" maxlength="4" value="{{ $coupon->coupon_count ?? '' }}">
                                            <span class="text-danger text-sm">*หมายเหตุ: คูปอง 1 ใบ สามารถใช้ได้ตามจำนวนครั้งที่กำหนด</span>
                                        </div>
                                    </div>
                                    <hr class="separator-dashed">
                                @endif
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="card fix-hcard">
                                            <label for="coupon_type1" class="cur-pt">
                                                <div class="card-body">
                                                    <label class="custom-control custom-radio">
                                                        <input type="radio" id="coupon_type1" class="custom-control-input" onchange="change_type(1)" name="coupon_type" value="1" {{ !empty($coupon->coupon_type) ? ($coupon->coupon_type == 1 ? 'checked' : '') : 'checked' }}>
                                                        <span class="custom-control-label">ลดเป็นจำนวนเงิน</span>
                                                    </label>
                                                    <span class="dt-radios">กรุณาระบุจำนวนเงินที่ต้องการลด</span>
                                                </div>
                                            </label>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="card fix-hcard">
                                            <label for="coupon_type2" class="cur-pt">
                                                <div class="card-body">
                                                    <label class="custom-control custom-radio">
                                                        <input type="radio" id="coupon_type2" class="custom-control-input" onchange="change_type(2)" name="coupon_type" value="2" {{ !empty($coupon->coupon_type) ? ($coupon->coupon_type == 2 ? 'checked' : '') : '' }}>
                                                        <span class="custom-control-label">ลดเป็น %</span>
                                                    </label>
                                                    <span class="dt-radios">กรุณาระบุ % ส่วนลด</span>
                                                </div>
                                            </label>
                                        </div>
                                    </div>
                                </div>
                                <div class="tap-money mt-3 {{ !empty($coupon->coupon_type) ? ($coupon->coupon_type == 1 ? '' : 'hide-rccoupon') : '' }}">
                                    <div class="form-group">
                                        <label class="form-label" for="coupon_money">จำนวนเงิน <span class="text-danger">*</span></label>
                                        <input id="coupon_money" type="text" class="form-control" name="coupon_money" placeholder="ระบุจำนวนเงิน" onkeypress="InputValidateString2()" maxlength="10" value="{{ $coupon->coupon_money ?? '' }}">
                                    </div>
                                </div>
                                <div class="tap-percent mt-3 {{ !empty($coupon->coupon_type) ? ($coupon->coupon_type == 2 ? '' : 'hide-rccoupon') : 'hide-rccoupon' }}">
                                    <div class="form-group">
                                        <label class="form-label" for="coupon_percent">ระบุ % ส่วนลด <span class="text-danger">*</span></label>
                                        <input id="coupon_percent" type="text" class="form-control" name="coupon_percent" placeholder="ระบุ % ส่วนลด" onkeypress="InputValidateString2()" maxlength="10" value="{{ $coupon->coupon_percent ?? '' }}">
                                    </div>
                                </div>
                                <hr class="separator-dashed">
                                <div class="form-group">
                                    <label class="form-label" for="coupon_minimum">ขั้นต่ำการซื้อสินค้า</label>
                                    <input id="coupon_minimum" type="text" class="form-control" name="coupon_minimum" placeholder="ระบุขั้นต่ำการซื้อสินค้า" onkeypress="InputValidateString2()" maxlength="10" value="{{ $coupon->coupon_minimum ?? '' }}">
                                    <span class="text-danger text-sm">*หมายเหตุ: คูปอง 1 ใบ สามารถใช้ได้ตามจำนวนครั้งที่กำหนด</span>
                                </div>
                                <hr class="separator-dashed">
                                <div class="form-group">
                                    <label class="form-label" for="sequence">ลำดับการแสดงผล</label>
                                    <input id="sequence" type="text" class="form-control" name="sequence" placeholder="ระบุลำดับการแสดงผล" onkeypress="InputValidateString()" maxlength="5" value="{{ $coupon->sequence ?? '' }}">
                                </div>
                                <div class="form-group">
                                    <label class="form-label">การแสดงผล</label>
                                    <div class="form-check form-check-inline">
                                        <input class="form-check-input" type="radio" name="status" id="status_enable" value="1" {{ !empty($coupon->status) ? ($coupon->status == 1 ? 'checked' : '') : 'checked' }}>
                                        <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" {{ !empty($coupon->status) ? ($coupon->status == 2 ? 'checked' : '') : '' }}>
                                        <label class="form-check-label" for="status_disable">ปิด</label>
                                    </div>
                                    </label>
                                </div>
                            </div>
                        </div>
                    </div>
                    {{-- End Tap --}}
                    <div class="form-group ml-5">
                        <div class="btn-list">
                            <button type="submit" class="btn btn-primary"><i class="fa fa-save"></i>{{ __('about_admin.save') }}</button>
                            <button onclick="mwz_redirect('{{ route('admin.coupon.coupon.index') }}');" type="button" class="btn btn-warning"><i class="fa fa-undo" aria-hidden="true"></i>ย้อนกลับ</button>
                        </div>
                    </div>
                </div>
                <!-- </div> -->
            </form>
        </div>
    </div>
    <!-- .row -->
@endsection('content')

@section('scripts')
    <!-- Datepicker js -->
    <script type="text/javascript" src="{{ asset('assets/plugins/datetimepicker/jquery.datetimepicker.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>

    <!-- Tabs js -->
    <script src="{{ URL::asset('assets/plugins/tabs/jquery.multipurpose_tabcontent.js') }}"></script>
    <!-- <script src="{{ URL::asset('assets/plugins/tabs/tabs.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/coupon.css') }}">
    <script src="{{ mix('js/coupon.js') }}"></script>

    <script>
        $(document).ready(function() {
            $('.datetimepicker').datetimepicker({
                timepicker: true,
                inline: false,
                format: 'Y-m-d H:i',
            });
        })
    </script>
@endsection