@extends('backend.master')

@section('content')
<script src="{{ asset('backend/ckeditor/ckeditor.js') }}"></script>
<section class="content-header">
    <h1 class="text-center font-weight-600">Tuỳ chọn giao diện</h1>
</section>
<section class="content setting-ganenal">
    <div class="row">
        <!-- <div class="col-sm-3">
            <ul class="nav nav-tabs tab-in-left">
                <li class="nav-item active">
                    <a href="#tab-home" class="nav-link" data-toggle="tab"><i class="fa fa-home"></i>  Chung</a>
                </li>
                <li class="nav-item">
                    <a href="#tab-seo" class="nav-link " data-toggle="tab"><i class="fa fa-star"></i> SEO</a>
                </li>
            </ul>
        </div> -->
        <!-- class="col-sm-9">
            <div class="tab-content tab-content-in-right">
                <div class="tab-pane active" id="tab-home">
                    <div class="form-group">
                        <label class="font-weight-bold">Logo</label>
                        <div class="text-center">
                            <img id="filemanager-image" src="{{ asset('filemanager/data-images/'.$data['logo']) }}">
                            <p class="alert-logo alert-errors"></p>
                            <button type="button" class="btn btn-xs btn-primary text-center" data-toggle="modal" href="javascript:;" data-target="#myModalFilemanager">Chọn ảnh</button>
                            <script>
                                function responsive_filemanager_callback(field_id){
                                    var url=jQuery('#'+field_id).val();
                                    $('#filemanager-image').attr('src', url);
                                }
                            </script>
                            <div class="modal fade" id="myModalFilemanager">
                                <div class="modal-dialog modal-lg">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                                            <h4 class="modal-title">Thư viện media</h4>
                                        </div>
                                        <div class="modal-body">
                                            <iframe width="100%" height="450px" src="{{asset('filemanager/dialog.php')}}?type=22&field_id=filemanager-image" frameborder="0" style="overflow: scroll; overflow-x: hidden; overflow-y: scroll; "></iframe>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div> -->
                    <!-- <div class="form-group">
                        <label class="font-weight-bold">Slogan</label>
                        <input name="slogan" type="text" class="form-control" value="{{ isset($data['slogan']) ? $data['slogan'] : '' }}">
                        <p class="alert-slogan alert-errors"></p>
                    </div> -->
                    <!-- <div class="form-group">
                        <label class="font-weight-bold">Hotline 1</label>
                        <input name="phone_1" type="text" class="form-control" value="{{ isset($data['phone_1']) ? $data['phone_1'] : '' }}" maxlength="20" onkeyup="this.value=this.value.replace(/[^0-9\.]/g,'')">
                        <p class="alert-phone_1 alert-errors"></p>
                    </div>
                    <div class="form-group">
                        <label class="font-weight-bold">Hotline 2</label>
                        <input name="phone_2" type="text" class="form-control" value="{{ isset($data['phone_2']) ? $data['phone_2'] : '' }}" maxlength="20" onkeyup="this.value=this.value.replace(/[^0-9\.]/g,'')">
                        <p class="alert-phone_2 alert-errors"></p>
                    </div> -->
                    <div class="col-lg-1"></div>
                    <div class="form-group col-lg-10 offset-lg-1">
                        <label class="font-weight-bold">Facebook link</label>
                        <input rows="4" cols="50" type="text" class="form-control" name="facebook" value="{{ isset($data['facebook']) ? $data['facebook'] : '' }}"></input>
                        <p class="alert-facebook alert-errors"></p>
                    </div>
                </div>
				<!-- <div class="form-group">
					<label class="font-weight-bold">Youtube link</label>
					<input type="text" class="form-control" name="youtube" value="{{ isset($data['youtube']) ? $data['youtube'] : '' }}">
					<p class="alert-youtube alert-errors"></p>
				</!-->
                <div class="row">
                    <div class="col-lg-1"></div>
                    <div class="form-group col-lg-10 offset-lg-1">
                        <label class="font-weight-bold">Instagram link</label>
                        <input type="text" class="form-control" name="instagram" value="{{ isset($data['instagram']) ? $data['instagram'] : '' }}">
                        <p class="alert-instagram alert-errors"></p>
                    </div>
                    <!-- <div class="form-group">
                        <label class="font-weight-bold">Mã web master tools</label>
                        <input type="text" class="form-control" name="code_web_master_tools" value="{{ isset($data['code_web_master_tools']) ? $data['code_web_master_tools'] : '' }}">
                        <p class="alert-code_web_master_tools alert-errors"></p>
                    </div> -->
                    <!-- <div class="form-group">
                        <label class="font-weight-bold">Mã google anaylytics</label>
                        <textarea rows="4" cols="50" class="form-control" name="code_google_anaylytics">{{ isset($data['code_google_anaylytics']) ? $data['code_google_anaylytics'] : '' }}</textarea>
                        <p class="alert-code_google_anaylytics alert-errors"></p>
                    </div> -->
                </div>
                <div class="row">
                    <div class="col-lg-1"></div>
                    <div class="form-group col-lg-10 offset-lg-1">
                        <label class="font-weight-bold">Twitter link</label>
                        <input type="text" class="form-control" name="twitter" value="{{ isset($data['twitter']) ? $data['twitter'] : '' }}">
                        <p class="alert-instagram alert-errors"></p>
                    </div>
                </div>
				<div class="row">
                    <div class="col-lg-1"></div>
                    <div class="form-group col-lg-10 offset-lg-1">
                        <label class="font-weight-bold">Youtube link</label>
                        <input type="text" class="form-control" name="youtube" value="{{ isset($data['youtube']) ? $data['youtube'] : '' }}">
                        <p class="alert-youtube alert-errors"></p>
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-1"></div>
                    <div class="form-group col-lg-10 offset-lg-1">
                        <label class="font-weight-bold">Email Comment ( Thêm nhiều email cách nhau bởi dấu phẩy )</label>
                        <input name="email_comment" type="text" class="form-control" value="{{ isset($data['email_comment']) ? $data['email_comment'] : '' }}">
                        <p class="alert-email alert-errors"></p>
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-1"></div>
                    <div class="form-group col-lg-10 offset-lg-1">
                        <label class="font-weight-bold">Từ Tục tĩu ( Thêm nhiều Từ Tục tĩu cách nhau bởi dấu phẩy )</label>
                        <textarea name="keywords_not_good" class="form-control" rows="3" cols="40" placeholder="Từ Tục tĩu">{{ isset($data['keywords_not_good']) ? $data['keywords_not_good'] : '' }}</textarea>
                        <p class="alert-keywords_not_good alert-errors"></p>
                    </div>
                </div>

				<div class="row">
                    <div class="col-lg-1"></div>
                    <div class="form-group col-lg-10 offset-lg-1">
                        <label class="font-weight-bold">Phone</label>
                        <input type="text" class="form-control" name="phone" value="{{ isset($data['phone']) ? $data['phone'] : '' }}">
                        <p class="alert-phone alert-errors"></p>
                    </div>
                </div>
				<div class="row">
                    <div class="col-lg-1"></div>
                    <div class="form-group col-lg-10 offset-lg-1">
                        <label class="font-weight-bold">Address</label>
                        <input type="text" class="form-control" name="address" value="{{ isset($data['address']) ? $data['address'] : '' }}">
                        <p class="alert-address alert-errors"></p>
                    </div>
                </div>
				<div class="row">
                    <div class="col-lg-1"></div>
                    <div class="form-group col-lg-10 offset-lg-1">
                        <label class="font-weight-bold">Email</label>
                        <input type="text" class="form-control" name="email" value="{{ isset($data['email']) ? $data['email'] : '' }}">
                        <p class="alert-email alert-errors"></p>
                    </div>
                </div>
				<div class="row">
                    <div class="col-lg-1"></div>
                    <div class="form-group col-lg-10 offset-lg-1">
                        <label class="font-weight-bold">Copyright Text</label>
                        <input type="text" class="form-control" name="copyright_text" value="{{ isset($data['copyright_text']) ? $data['copyright_text'] : '' }}">
                        <p class="alert-youtube alert-errors"></p>
                    </div>
                </div>
				<div class="row">
                    <div class="col-lg-1"></div>
                    <div class="form-group col-lg-10 offset-lg-1">
                        <label class="font-weight-bold">Apple store link</label>
                        <input type="text" class="form-control" name="apple_store_link" value="{{ isset($data['apple_store_link']) ? $data['apple_store_link'] : '' }}">
                        <p class="alert-apple_store_link alert-errors"></p>
                    </div>
                </div>
				<div class="row">
                    <div class="col-lg-1"></div>
                    <div class="form-group col-lg-10 offset-lg-1">
                        <label class="font-weight-bold">Google play link</label>
                        <input type="text" class="form-control" name="google_play_link" value="{{ isset($data['google_play_link']) ? $data['google_play_link'] : '' }}">
                        <p class="alert-google_play_link alert-errors"></p>
                    </div>
                </div>

                <div class="row">
                    <div class="col-lg-1"></div>
                    <div class="form-group col-lg-10 offset-lg-1">
                        <label class="font-weight-bold">Seo title</label>
                        <input type="text" class="form-control" name="seo_title" value="{{ isset($data['seo_title']) ? $data['seo_title'] : '' }}">
                    </div>
                </div>

                <div class="row">
                    <div class="col-lg-1"></div>
                    <div class="form-group col-lg-10 offset-lg-1">
                        <label class="font-weight-bold">Seo Description</label>
                        <input type="text" class="form-control" name="seo_description" value="{{ isset($data['seo_description']) ? $data['seo_description'] : '' }}">
                    </div>
                </div>

                <div class="row">
                    <div class="col-lg-1"></div>
                    <div class="form-group col-lg-10 offset-lg-1">
                        <label class="font-weight-bold">Số request free</label>
                        <input type="text" class="form-control" id="numberRequestFree" name="number_request_free" value="{{ isset($data['number_request_free']) ? $data['number_request_free'] : '' }}">
                        <p class="alert-instagram alert-errors"></p>
                    </div>
                    <div class="form-group col-lg-12">
                        <div class="text-center">
                            <div id="save-btn-tab-home" class="btn btn-primary">Lưu lại</div>
                        </div>
                    </div>
                <!-- <div class="tab-pane" id="tab-seo">
                    <div class="form-group">
                        <div class="form-group">
                            <label class="font-weight-bold">Từ khóa (SEO)</label>
                            <textarea name="keywords" class="form-control" rows="3" cols="40" placeholder="Từ khóa (SEO)">{{ isset($data['keywords']) ? $data['keywords'] : '' }}</textarea>
                            <p class="alert-keywords alert-errors"></p>
                        </div>
                        <div class="form-group">
                            <label class="font-weight-bold">Tiêu đề web (SEO)</label>
                            <textarea name="seo_title" class="form-control" rows="3" cols="40"  placeholder="Từ khóa (SEO)">{{ isset($data['seo_title']) ? $data['seo_title'] : '' }}</textarea>
                            <p class="alert-seo_title alert-errors"></p>
                        </div>
                        <div class="form-group">
                            <label class="font-weight-bold">Mô tả web (SEO)</label>
                            <textarea name="seo_description" class="form-control" rows="3" cols="40" placeholder="Từ khóa (SEO)">{{ isset($data['seo_description']) ? $data['seo_description'] : '' }}</textarea>
                            <p class="alert-seo_description alert-errors"></p>
                        </div>
                        <div class="form-group">
                            <div class="text-center">
                                <div id="save-btn-tab-seo" class="btn btn-primary">Lưu lại</div>
                            </div>
                        </div>
                    </div>
                </div> -->
            </div>
        </div>
    </div>
</section>

<script type="text/javascript">
    $(document).ready(function(){
        document.getElementById('numberRequestFree').onkeydown = function(e) {
            if(isNaN(e.key) && e.keyCode != 8){
				return false;
			}
        }
        $('#save-btn-tab-home').click(function(){
            // console.log(image_base_64)
            var data    = {
                _method           : "PUT",
                language_id       : $('select[name=language_id]').val(),
                // logo : $('#filemanager-image').attr('src'),
                // slogan           : $('input[name=slogan]').val().trim(),
                // phone_1           : $('input[name=phone_1]').val().trim(),
                // phone_2           : $('input[name=phone_2]').val().trim(),
                facebook            : $('input[name=facebook]').val().trim(),
                // youtube           : $('input[name=youtube]').val().trim(),
                instagram           : $('input[name=instagram]').val().trim(),
                twitter             : $('input[name=twitter]').val().trim(),
                youtube             : $('input[name=youtube]').val().trim(),

				phone              : $('input[name=phone]').val().trim(),
                address            : $('input[name=address]').val().trim(),
                email              : $('input[name=email]').val().trim(),
                copyright_text     : $('input[name=copyright_text]').val().trim(),
                apple_store_link   : $('input[name=apple_store_link]').val().trim(),
                google_play_link   : $('input[name=google_play_link]').val().trim(),
                email_comment   : $('input[name=email_comment]').val().trim(),
                keywords_not_good   : $('textarea[name=keywords_not_good]').val().trim(),
                seo_title   : $('input[name=seo_title]').val().trim(),
                seo_description  : $('input[name=seo_description').val().trim(),


				number_request_free        : $('input[name=number_request_free]').val().trim(),
                // code_google_anaylytics           : $('textarea[name=code_google_anaylytics]').val().trim(),
                // code_web_master_tools           : $('input[name=code_web_master_tools]').val().trim(),
            };

            $.ajax({
                type: "POST",
                url: "{{ route('config.update-config-home') }}",
                data: data,
                dataType:'json',
                beforeSend: function(r, a){
                    $(".ajax_waiting").addClass("loading");
                    $('.alert-errors').html('');
                },
                complete: function(r, a){
                    $(".ajax_waiting").removeClass("loading");
                },
                success: function (response) {
                    if(response.status == 200){
                        Swal.fire({
                            type: 'success',
                            text: 'Cập nhật thành công.',
                        })
                    }
                },
                error: function (data) {
                    $().toastmessage('showErrorToast', "Có lỗi xảy ra với dữ liệu. Vui lòng xem lại.");
                    $.each(data.responseJSON.errors, function( index, value ) {
                        $('.alert-' + index).html(value);
                    });
                }
            });
        });

        // $('#save-btn-tab-seo').click(function(){
        //     // console.log(image_base_64)
        //     var data    = {
        //         _method           : "PUT",
        //         language_id       : $('select[name=language_id]').val(),
        //         keywords          : $('textarea[name=keywords]').val(),
        //         seo_title         : $('textarea[name=seo_title]').val(),
        //         seo_description   : $('textarea[name=seo_description]').val(),
        //     };

        //     $.ajax({
        //         type: "POST",
        //         url: "{{ route('config.update-config-seo') }}",
        //         data: data,
        //         dataType:'json',
        //         beforeSend: function(r, a){
        //             $(".ajax_waiting").addClass("loading");
        //             $('.alert-errors').html('');
        //         },
        //         complete: function(r, a){
        //             $(".ajax_waiting").removeClass("loading");
        //         },
        //         success: function (response) {
        //             $().toastmessage('showSuccessToast', response.message);
        //         },
        //         error: function (data) {
        //             $().toastmessage('showErrorToast', "Có lỗi xảy ra với dữ liệu. Vui lòng xem lại.");
        //             $.each(data.responseJSON.errors, function( index, value ) {
        //                 $('.alert-' + index).html(value);
        //             });
        //         }
        //     });
        // });


    });
</script>
@endsection