@extends('layouts.app')

@section('contents')
    <div class="col-12">
        <div class="card">
            <div class="card-body border-bottom">
                <h4 class="card-title">รายละเอียดโปรโมชั่น</h4>
                <img src="{{ asset('assets/images/' . $promotion->image) }}" alt="" class="img-fluid mx-auto d-block">
            </div>
            {{ MyNotify::get() }}
            <div class="card-datatable table-responsive pt-0">
                <form class="form form-horizontal" autocomplete="off" method="post" enctype="multipart/form-data"
                    action="{{ route('setting.promotion.normal.store') }}">
                    <div class="modal-body">
                        @csrf
                        <div class="row">
                            <div class="col-md-6 col-12">
                                <div class="mb-1 row">
                                    <div class="col-sm-3">
                                        <label class="col-form-label">
                                            ประเภทโปร
                                        </label>
                                    </div>
                                    <div class="col-sm-9">
                                        <div class="input-group input-group-merge">
                                            <input class="form-control" type="text"
                                                value="{{ $promotion->type_id }}"disabled>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6 col-12">
                                <div class="mb-1 row">
                                    <div class="col-sm-3">
                                        <label class="col-form-label">
                                            ประเภทเงื่อนไข
                                        </label>
                                    </div>
                                    <div class="col-sm-9">
                                        <div class="input-group input-group-merge">
                                            <input class="form-control" type="text"
                                                value="{{ $promotion->type_condition }}"disabled>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6 col-12">
                                <div class="mb-1 row">
                                    <div class="col-sm-3">
                                        <label class="col-form-label">
                                            เงื่อนไขการถอน
                                        </label>
                                    </div>
                                    <div class="col-sm-9">
                                        <div class="input-group input-group-merge">
                                            <input class="form-control" type="text"
                                                value="{{ $promotion->withdraw_condition }}"disabled>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6 col-12">
                                <div class="mb-1 row">
                                    <div class="col-sm-3">
                                        <label class="col-form-label">
                                            ชื่อโปรโมชั่น
                                        </label>
                                    </div>
                                    <div class="col-sm-9">
                                        <div class="input-group input-group-merge">
                                            <input class="form-control" type="text"
                                                value="{{ $promotion->name }}"disabled>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6 col-12">
                                <div class="mb-1 row">
                                    <div class="col-sm-3">
                                        <label class="col-form-label">
                                            ยอดที่ต้องฝาก
                                        </label>
                                    </div>
                                    <div class="col-sm-9">
                                        <div class="input-group input-group-merge">
                                            <input class="form-control" type="text"
                                                value="{{ $promotion->deposit_type . ' ' . number_format($promotion->amount) }}"disabled>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6 col-12">
                                <div class="mb-1 row">
                                    <div class="col-sm-3">
                                        <label class="col-form-label">
                                            โบนัสที่ได้รับ
                                        </label>
                                    </div>
                                    <div class="col-sm-9">
                                        <div class="input-group input-group-merge">
                                            <input class="form-control" type="text"
                                                value="{{ $promotion->bonus . ' ' . $promotion->bonus_type }}"disabled>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6 col-12">
                                <div class="mb-1 row">
                                    <div class="col-sm-3">
                                        <label class="col-form-label">
                                            โบนัสสูงสุด
                                        </label>
                                    </div>
                                    <div class="col-sm-9">
                                        <div class="input-group input-group-merge">
                                            <input class="form-control" type="text"
                                                value="{{ number_format($promotion->max_bonus) . ' ' . $promotion->max_bonus_type }}"disabled>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6 col-12">
                                <div class="mb-1 row">
                                    <div class="col-sm-3">
                                        <label class="col-form-label">
                                            ยอดเทิร์นที่ต้องทำ
                                        </label>
                                    </div>
                                    <div class="col-sm-9">
                                        <div class="input-group input-group-merge">
                                            <input class="form-control" type="text"
                                                value="{{ $promotion->turnover . ' ' . $promotion->turnover_type }}"disabled>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-12 mt-3">
                                <a href="{{ route('setting.promotion.normal.index') }}"
                                    class="btn btn-primary waves-effect" style="width: 100%">กลับหน้าแรก</a>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection

@section('page.js')
    <script>
        new Vue({
            el: '#app',
            data: {
                name: '',
                url_update: ''

            },
            methods: {
                editKnow(id, name) {
                    this.url_update = '{{ url('setting/knowus') }}' + '/' + id;
                    this.name = name;
                }
            },
        });
    </script>
@endsection