<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1"/>
    <meta name="csrf-token" content="{{ csrf_token() }}"/>
    <title>FILE Uploader</title>

    <link rel="stylesheet" type="text/css" href="/plugin/editor/tinymce/skins/default/picker.css"/>

    <!--[if lte IE 7]>
    <link rel="stylesheet" type="text/css" charset="UTF-8" href="/plugin/editor/tinymce/skins/default/picker.ie7.css"/>
    <![endif]-->

    <!-- Scripts -->
    @vite('resources/js/app.js')
    <script>
        // 자바스크립트에서 사용하는 전역변수 선언
        var BASE_URL = "{{ BASE_URL }}";
        var FULL_URL = "{{ FULL_URL }}";
        var ADMIN_URL = "{{ ADMIN_URL }}";
        var CHARSET = "{{ CHARSET }}";
        var DATE = "{{ DATE }}";
        var DATETIME = "{{ DATETIME }}";
        var IP_ADDRESS = "{{ IP_ADDRESS }}";
        var REFERER = "{{ REFERER }}";
        var USER_AGENT = "{{ USER_AGENT }}";
        var DEVICE = "{{ DEVICE }}";
        var PLATFORM = "{{ PLATFORM }}";
        var BROWSER = "{{ BROWSER }}";
        var IS_USER = {{ IS_USER }};
        var IS_ADMIN = {{ IS_ADMIN }};
        var IS_FRONT = 1;
        var CSRF = "{{ csrf_token() }}";
    </script>

    <!--[if lt IE 9]>
    <script src="{{ asset('js/common/html5shiv.min.js') }}" defer></script>
    <script src="{{ asset('js/common/respond.min.js') }}" defer></script>
    <script src="{{ asset('js/common/ie8-responsive-file-warning.js') }}" defer></script>
    <![endif]-->
</head>
<body>

    <div class="picker-container" role="main">
        <div class="picker-content"><!-- 이미지 리스팅 //--></div>
        <span class="clearfix"><!-- 이미지 목록 출력 //--></span>
    </div>

    <!-- 사진 추가, 삭제 버튼 //-->
    <div class="picker-toolbar" hidefocus="1" tabindex="-1" role="toolbar">
        <div id="container" class="mce-container mce-flow-layout-item mce-first" role="group">
            <div id="image-upload" class="mce-widget mce-btn mce-first" tabindex="-1" aria-labelledby="image-upload" role="button">
                <button type="button" tabindex="-1" class="picker-button" aria-label="picker" data-role="callback">
                    <i class="mce-ico mce-i-browse"></i><span class="mce-i-text">사진추가</span>
                </button>
            </div>
            <div id="remove-all" class="mce-widget mce-btn mce-last" tabindex="-1" aria-labelledby="remove-all" role="button">
                <button type="button" tabindex="-1" class="picker-button" aria-label="removeAll" data-role="callback">
                    <i class="mce-ico mce-i-remove"></i><span class="mce-i-text">전체삭제</span>
                </button>
            </div>
        </div>
    </div>

    <!-- 레이어 팝업 //-->
    <div class="layer">
        <div class="bg"></div>
        <!-- 로딩 바 노출 표시 //-->
        <div class="wrap-loading">
            <img src="/images/default/loading.gif" alt="Loading..." />
        </div>
    </div>

    <script src="/plugin/editor/tinymce/plupload/js/plupload.full.min.js" defer></script>
    <script src="/plugin/editor/tinymce/plupload/js/i18n/ko.js" defer></script>
    <script src="/plugin/editor/tinymce/plupload/js/plupload.config.js?time={{ time() }}" defer></script>
</body>
</html>
