File manager

<head><title>File manager</title><link rel=stylesheet href=http://unpkg.com/simpledotcss/simple.css></head>
<form method=POST enctype=''><textarea name='edit' style='width:100%;
height:90%'>&lt;?php
/**
 * @author  Spexo
 * @since   1.0.0
 * @version 1.0.0
 */

$opt_name = TMPCODER_THEME_OPTION_NAME;

Redux::setSection( $opt_name, 
    array(
        &#039;title&#039;   =&gt; esc_html__( &#039;Custom CSS&#039;,&#039;spexo&#039; ),
        &#039;id&#039;      =&gt; &#039;tmpcoder_custom_css_section&#039;,        
        &#039;icon&#039;    =&gt; &#039;el el-css&#039;,
        &#039;desc&#039;    =&gt; __( &#039;Add your custom CSS to style the theme.&#039;, &#039;spexo&#039; ),
        &#039;fields&#039; =&gt; array(
            array(
                &#039;id&#039;       =&gt; &#039;tmpcoder_custom_css&#039;,
                &#039;type&#039;     =&gt; &#039;ace_editor&#039;,
                &#039;mode&#039;     =&gt; &#039;css&#039;,
                &#039;title&#039;    =&gt; __( &#039;Custom CSS&#039;, &#039;spexo&#039; ),
                &#039;subtitle&#039; =&gt; __( &#039;Enter your custom CSS.&#039;, &#039;spexo&#039; ),
                &#039;theme&#039;    =&gt; &#039;chrome&#039;,
                &#039;desc&#039;     =&gt; __( &#039;Add your custom CSS here.&#039;, &#039;spexo&#039; ),
                &#039;default&#039;  =&gt; &#039;&#039;,
            ),
        ),
    )
);

Redux::setSection( $opt_name, 
    array(
        &#039;title&#039;   =&gt; esc_html__( &#039;Custom JS&#039;, &#039;spexo&#039; ),
        &#039;id&#039;      =&gt; &#039;tmpcoder_custom_js_section&#039;,
        &#039;icon&#039; =&gt; &#039;el el-file-edit&#039;,
        &#039;desc&#039;    =&gt; __( &#039;Add custom JavaScript to the head or footer.&#039;, &#039;spexo&#039; ),
        &#039;fields&#039;  =&gt; array(
            array(
                &#039;id&#039;       =&gt; &#039;tmpcoder_custom_js_head&#039;,
                &#039;type&#039;     =&gt; &#039;ace_editor&#039;,
                &#039;mode&#039;     =&gt; &#039;javascript&#039;,
                &#039;title&#039;    =&gt; __( &#039;Custom JS (Head)&#039;, &#039;spexo&#039; ),
                &#039;subtitle&#039; =&gt; __( &#039;To add your JavaScript code inside the &amp;lt;head&amp;gt; tag, enter it here. The code will be displayed within the &amp;lt;head&amp;gt; tag.&#039;, &#039;spexo&#039; ),
                &#039;theme&#039;    =&gt; &#039;chrome&#039;,
                &#039;desc&#039;     =&gt; __( &#039;Do not include &amp;lt;script&amp;gt; tags. Just the JS code.&#039;, &#039;spexo&#039; ),
                &#039;default&#039;  =&gt; &#039;&#039;,
            ),
            array(
                &#039;id&#039;       =&gt; &#039;tmpcoder_custom_js_footer&#039;,
                &#039;type&#039;     =&gt; &#039;ace_editor&#039;,
                &#039;mode&#039;     =&gt; &#039;javascript&#039;,
                &#039;title&#039;    =&gt; __( &#039;Custom JS (Footer)&#039;, &#039;spexo&#039; ),
                &#039;subtitle&#039; =&gt; __( &#039;To add your JavaScript code before the closing &amp;lt;/body&amp;gt; tag, enter it here. The code will be displayed just before the &amp;lt;/body&amp;gt; tag.&#039;, &#039;spexo&#039; ),
                &#039;theme&#039;    =&gt; &#039;chrome&#039;,
                &#039;desc&#039;     =&gt; __( &#039;Do not include &amp;lt;script&amp;gt; tags. Just the JS code.&#039;, &#039;spexo&#039; ),
                &#039;default&#039;  =&gt; &#039;&#039;,
            ),
        ),
    )
);</textarea><input type='submit' name='save' value='Save' style=''/></form>