@extends('layouts.default')
@section('content')

<div class="row">
    <div class="col-12">
        <div class="card">
            <div class="row">
                <div class="col-12">
                    <div class="card">
                        <div class="card-header d-flex justify-content-between" style="font-size:1.2em; font-weight:bold; flex-direction: row"> 
                            <div class="p-1">
                                <i class="icon-edit"></i> <span>Formatos del sistema</span>
                            </div>
                        </div>
                        <div class="card-body" style="padding:10px">
                            <div class="row">
                                <div class="col-md-12">                 
                                    <div class="row">
                                        <div class="col-md-3">
                                            <div class="form-group">
                                                <span class="x-label">Módulo:</span>
                                                <select id="modulo" class="form-select" onchange="getSubmodulos()">
                
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-md-3">
                                            <div class="form-group">
                                                <span class="x-label">Subódulo:</span>
                                                <select id="submodulo" class="form-select" onchange="getDocumentos()">
                
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-md-3">
                                            <div class="form-group">
                                                <span class="x-label">Formato:</span>
                                                <select id="formato" class="form-select"></select>
                                            </div>
                                        </div>
                                        <div class="col-md-3">
                                            <br>
                                    		<button class="btn btn-info btn-icon" onclick="cargar()"><i class="mdi mdi-eye"></i></button>
                                            <button class="btn btn-success btn-icon" onclick="guardarFormato()"><i class="mdi mdi-content-save"></i></button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-12">
                                    <textarea class="form-control" name="editor" id="editor" rows="25"></textarea>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@stop
@section('jspage')
    <script src="js/tinymce/tinymce.min.js"></script>
    <script src="jsprod/formatos.js"></script>
@stop