@extends('admin.main')
@section('content')
    @if (auth()->guard('admins')->user()->can('manager setting'))
        <div class="card card-outline">
            <div class="card-header bg-primary">
                <div class="card-title">Chỉnh sửa cài đặt</div>
            </div>
            <form action="{{ route('setting.store') }}" method="post">
                @csrf
                @method('put')
                <div class="card-body">
                    <div class="row">
                        <div class="col">
                            {{-- Title --}}
                            <div class="form-group row">
                                <label class="col-md-4" for="title">Title</label>
                                <div class="col-md-8">
                                    <input type="text" id="title" name="setting[title]" placeholder="Title"
                                        value="{{ setting('setting.title') }}" class="form-control">
                                </div>
                            </div>
                            {{-- Company name --}}
                            <div class="form-group row">
                                <label class="col-md-4" for="company">Company Name</label>
                                <div class="col-md-8">
                                    <input type="text" id="company" name="setting[company]" placeholder="Company Name"
                                        value="{{ setting('setting.company') }}" class="form-control">
                                </div>
                            </div>

                            {{-- Tax --}}
                            <div class="form-group row">
                                <label class="col-md-4" for="tax">Tax Code</label>
                                <div class="col-md-8">
                                    <input type="text" id="tax" name="setting[tax]" placeholder="39123123..."
                                        value="{{ setting('setting.tax') }}" class="form-control">
                                </div>
                            </div>

                            {{-- Email --}}
                            <div class="form-group row">
                                <label class="col-md-4" for="email">Email</label>
                                <div class="col-md-8">
                                    <input type="text" id="email" name="setting[email]" placeholder="email"
                                        value="{{ setting('setting.email') }}" class="form-control">
                                </div>
                            </div>
                            {{-- Address --}}
                            <div class="form-group row">
                                <label class="col-md-4" for="address">Address</label>
                                <div class="col-md-8">
                                    <input type="text" id="address" name="setting[address]" placeholder="Address"
                                        value="{{ setting('setting.address') }}" class="form-control">
                                </div>
                            </div>
                            {{-- Status --}}
                            <div class="form-group row">
                                <label class="col-md-4" for="address">Status</label>
                                <div class="col-md-8">
                                    <select class="form-control custom-select" name="setting[status]">
                                        <option value="1" @selected(setting('status') == 1)>Run</option>
                                        <option value="0" @selected(setting('status') == 0)>Maintenance</option>
                                    </select>
                                </div>
                            </div>
                            {{-- Script --}}
                            <div class="form-group row">
                                <label class="col-md-4" for="address">Scripts</label>
                                <div class="col-md-8">
                                    <textarea name="setting[script]" class="form-control">{!! setting('setting.script') !!}</textarea>
                                </div>
                            </div>

                            {{-- Discord Webhook ID --}}
                            <div class="form-group row">
                                <label class="col-md-4" for="discord_webhook_id">Discord Webhook ID</label>
                                <div class="col-md-8">
                                    <input type="text" id="discord_webhook_id" name="setting[discord_webhook_id]"
                                        placeholder="Discord Webhook ID" value="{{ setting('setting.discord_webhook_id') }}"
                                        class="form-control">
                                </div>
                            </div>
                            {{-- Discord Webhook Token --}}
                            <div class="form-group row">
                                <label class="col-md-4" for="discord_webhook_token">Discord Webhook Token</label>
                                <div class="col-md-8">
                                    <input type="text" id="discord_webhook_token" name="setting[discord_webhook_token]"
                                        placeholder="Discord Webhook Token"
                                        value="{{ setting('setting.discord_webhook_token') }}" class="form-control">
                                </div>
                            </div>
                        </div>
                        <div class="col">
                            {{-- Logo Url --}}
                            <div class="form-group row">
                                <label class="col-md-4" for="logo">Logo Url</label>
                                <div class="col-md-8">
                                    <div class="row">
                                        <div class="col-md-8">
                                            <input type="text" id="logo" name="setting[logo]" placeholder="logo"
                                                value="{{ setting('setting.logo') }}" class="form-control">
                                        </div>
                                        <div class="col-md-4">
                                            <button type="button" class="btn btn-outline-secondary btn-open-thumb">
                                                <i class="fas fa-folder-open"></i> Select
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            {{-- Icon falling login/register --}}
                            <div class="form-group row">
                                <label class="col-md-4" for="icon_falling">Icon falling</label>
                                <div class="col-md-8">
                                    <div class="row">
                                        <div class="col-md-8">
                                            <input type="text" id="logo" name="setting[icon_falling]"
                                                placeholder="Icon falling" value="{{ setting('setting.icon_falling') }}"
                                                class="form-control">
                                        </div>
                                        <div class="col-md-4">
                                            <button type="button" class="btn btn-outline-secondary btn-open-falling">
                                                <i class="fas fa-folder-open"></i> Select
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            {{-- Ảnh ở login/register customer --}}
                            <div class="form-group row">
                                <label class="col-md-4" for="banner">Banner</label>
                                <div class="col-md-8">
                                    <div class="row">
                                        <div class="col-md-8">
                                            <input type="text" id="banner" name="setting[banner]"
                                                placeholder="banner" value="{{ setting('setting.banner') }}"
                                                class="form-control">
                                        </div>
                                        <div class="col-md-4">
                                            <button type="button" class="btn btn-outline-secondary btn-open-banner">
                                                <i class="fas fa-folder-open"></i> Select
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            {{-- Ma Mau --}}
                            <div class="form-group row">
                                <label class="col-md-4" for="brand_color">Brand Color</label>
                                <div class="col-md-8">
                                    <input type="text" id="brand_color" name="setting[brand_color]"
                                        placeholder="lobrand_colorgo" value="{{ setting('setting.brand_color') }}"
                                        class="form-control">
                                </div>
                            </div>
                            {{-- Tel --}}
                            <div class="form-group row">
                                <label class="col-md-4" for="tel">Tel (Hotline)</label>
                                <div class="col-md-8">
                                    <input type="text" id="tel" name="setting[tel]" placeholder="(028) 123 456"
                                        value="{{ setting('setting.tel') }}" class="form-control">
                                </div>
                            </div>
                            {{-- Support Email --}}
                            <div class="form-group row">
                                <label class="col-md-4" for="support">Support Email</label>
                                <div class="col-md-8">
                                    <input type="email" id="support" name="setting[support]"
                                        placeholder="abc@gmail.com" value="{{ setting('setting.support') }}"
                                        class="form-control">
                                </div>
                            </div>
                            {{-- Telegram Bot ID --}}
                            <div class="form-group row">
                                <label class="col-md-4" for="bot_id">Telegram Bot ID</label>
                                <div class="col-md-8">
                                    <input type="text" id="bot_id" name="setting[bot_id]"
                                        placeholder="Telegram Bot ID" value="{{ setting('setting.bot_id') }}"
                                        class="form-control">
                                </div>
                            </div>
                            {{-- Telegram Bot Token --}}
                            <div class="form-group row">
                                <label class="col-md-4" for="bot_token">Telegram Bot Token</label>
                                <div class="col-md-8">
                                    <input type="text" id="bot_token" name="setting[bot_token]"
                                        placeholder="Telegram Bot Token" value="{{ setting('setting.bot_token') }}"
                                        class="form-control">
                                </div>
                            </div>

                            {{-- VNPAY_TMN_CODE --}}
                            <div class="form-group row">
                                <label class="col-md-4 d-flex align-items-center" for="VNPAY_TMN_CODE">
                                    Terminal ID / Mã Website (vnp_TmnCode)
                                </label>
                                <div class="col-md-8">
                                    <input type="text" id="VNPAY_TMN_CODE" name="setting[vnpay_tmn_code]"
                                        placeholder=" Terminal ID / Mã Website (vnp_TmnCode)"
                                        value="{{ setting('setting.vnpay_tmn_code') }}" class="form-control">
                                </div>
                            </div>

                            {{-- VNPAY_HASH_SECRET --}}
                            <div class="form-group row">
                                <label class="col-md-4 d-flex align-items-center" for="VNPAY_HASH_SECRET">
                                    Secret Key / Chuỗi bí mật tạo checksum (vnp_HashSecret)
                                </label>
                                <div class="col-md-8">
                                    <input type="text" id="VNPAY_HASH_SECRET" name="setting[vnpay_hash_secret]"
                                        placeholder="Secret Key / Chuỗi bí mật tạo checksum (vnp_HashSecret)"
                                        value="{{ setting('setting.vnpay_hash_secret') }}" class="form-control">
                                </div>
                            </div>


                        </div>
                    </div>
                </div>
                <div class="card-footer">
                    <button type="submit" class="btn btn-outline-primary">Lưu dữ liệu</button>
                </div>
            </form>

        </div>
    @else
        <div class="alert alert-danger alert-dismissible">
            <h5 class="mb-0"><i class="icon fas fa-ban"></i> Access Denied - You are not assigned to setting management
                department</h5>
        </div>
    @endif
@endsection
@push('scripts')
    <!-- bootstrap color picker -->
    <script src="{{ asset('lib/colorpicker/bootstrap-colorpicker.js') }}"></script>
    <script type="text/javascript">
        /* Color Picker */
        $('#brand_color').colorpicker()
        $('.btn-open-thumb').click(function() {
            CKFinder.popup({
                chooseFiles: true,
                onInit: function(finder) {
                    finder.on('files:choose', function(evt) {
                        let img = $('input[name="setting[logo]"]');
                        if (img.length) {
                            img.val(evt.data.files.first().getUrl())
                            img.trigger('input')
                        }
                    });
                }
            });
        })

        $('.btn-open-banner').click(function() {
            CKFinder.popup({
                chooseFiles: true,
                onInit: function(finder) {
                    finder.on('files:choose', function(evt) {
                        let img = $('input[name="setting[banner]"]');
                        if (img.length) {
                            img.val(evt.data.files.first().getUrl())
                            img.trigger('input')
                        }
                    });
                }
            });
        })

        $('.btn-open-falling').click(function() {
            CKFinder.popup({
                chooseFiles: true,
                onInit: function(finder) {
                    finder.on('files:choose', function(evt) {
                        let img = $('input[name="setting[icon_falling]"]');
                        if (img.length) {
                            img.val(evt.data.files.first().getUrl())
                            img.trigger('input')
                        }
                    });
                }
            });
        })
    </script>
@endpush