@extends('layouts.front-end.body')

@section('content')
    <div class="wrapper">

        <!-- Content Wrapper. Contains page content -->
        <div class="content-wrapper" style="min-height: 923px;">
            <div class="curve"></div>
            <div class="toast" id="alert_toast" role="alert" aria-live="assertive" aria-atomic="true">
                <div class="toast-body text-white">
                </div>
            </div>
            <div id="toastsContainerTopRight" class="toasts-top-right fixed"></div>
            <!-- Content Header (Page header)-->
            <div class="content-header">
                <div class="container-fluid">
                    <div class="row mb-2">
                        <div class="col-sm-6">
                            <!--<h1 class="m-0">Switch Language</h1>-->
                        </div>

                    </div>
                    <!--<hr class="border-primary">-->
                </div>
            </div>
            <!-- /.content-header -->

            <section class="content">
                <div class="container-fluid">
                    <style>
                        input type="text" {
                            resize: none;
                        }

                        .curve {
                            height: 100vh;
                        }
                    </style>
                    <div class="col-md-12" style="height: 92vh;">

                        <div class="row" style="height: 100%;">
                            <div class="col-md-12" style="    margin: auto;">
                                <div id="msg" class=""></div>

                                <div class="row" style="item-align:center">
                                    @if (app()->getLocale() == 'en')
                                        <span style="float: right;margin-right:10px;">
                                        <a href="/lang/th" class="pull-right" style="color:white;font-size:14px;">
                                            {{-- <img src="{{ asset('th.png') }}" class="flag" alt="ไทย"> --}}

                                        </a>
                                    </span>
                                    @else
                                        <span style="float: right;margin-right:10px;">
                                        <a href="/lang/en" class="pull-right" style="color:white;font-size:14px;">
                                            {{-- <img src="{{ asset('en.png') }}" class="flag" alt="English"> --}}
                                        </a>
                                    </span>
                                    @endif
                                    <div class="col col-12 col-md-12 text-left  p-2 " id="km">
                                        <div class="card bank-card shadow">
                                            <div class="card-body">
                                                <a href="/lang/th" class="d-flex" style="align-items: center;">
                                                    <img src="{{ asset('front-end/img/THB.png') }}" width="85"
                                                        height="50" class="pr-1">
                                                    <span class="dropdown-item">THAI</span>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col col-12 col-md-12 text-left p-2" id="en">
                                        <div class="card bank-card shadow">
                                            <div class="card-body">
                                                <a href="/lang/en" class="d-flex" style="align-items: center;">
                                                    <img src="{{ asset('front-end/img/USD.png') }}" width="85"
                                                        height="50" class="pr-1">
                                                    <span class="dropdown-item">ENGLISH</span>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                    <script>
                        $('#en').click(function() {

                            setCookie('def_lang', 'en', (360 * 5))
                            setTimeout(function() {
                                history.back()
                            }, 70)

                        })

                        $('#km').click(function() {

                            setCookie('def_lang', 'km', (360 * 5))

                            setTimeout(function() {
                                history.back()
                            }, 70)

                        })

                        function cookieExists(name) {
                            var cks = document.cookie.split(';');
                            for (i = 0; i < cks.length; i++)
                                if (cks[i].split('=')[0].trim() == name) return true;
                        }

                        function setCookie(key, value, expiry) {
                            var expires = new Date();
                            expires.setTime(expires.getTime() + (expiry * 24 * 60 * 60 * 1000));
                            document.cookie = key + '=' + value + ';expires=' + expires.toUTCString();
                        }
                    </script>
                </div><!--/. container-fluid -->
            </section>
            <!-- /.content -->
            <div class="modal fade" id="confirm_modal" role="dialog">
                <div class="modal-dialog modal-md" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h5 class="modal-title">ยืนยัน</h5>
                        </div>
                        <div class="modal-body">
                            <div id="delete_content"></div>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-default bg-grad2 text-white" id="confirm"
                                onclick="">ดำเนินการต่อ</button>
                            <button type="button" class="btn btn-secondary" data-dismiss="modal">ปิด </button>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal fade" id="uni_modal" role="dialog">
                <div class="modal-dialog modal-md" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h5 class="modal-title"></h5>
                        </div>
                        <div class="modal-body">
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-primary" id="submit"
                                onclick="$('#uni_modal form').submit()">บันทึก</button>
                            <button type="button" class="btn btn-secondary" data-dismiss="modal">ยกเลิก</button>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal fade" id="uni_modal_right" role="dialog">
                <div class="modal-dialog modal-full-height  modal-md" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h5 class="modal-title"></h5>
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                <span class="fa fa-arrow-right"></span>
                            </button>
                        </div>
                        <div class="modal-body">
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal fade" id="viewer_modal" role="dialog">
                <div class="modal-dialog modal-md" role="document">
                    <div class="modal-content">
                        <button type="button" class="btn-close" data-dismiss="modal"><span
                                class="fa fa-times"></span></button>
                        <img src="" alt="" style="height:100%">
                    </div>
                </div>
            </div>
        </div>
        <!-- /.content-wrapper -->
    </div>
@endsection

@section('meta')
    <title>{{ __('message.language') }}</title>
@endsection