@extends('uploads.base')

@section('uploads_content')
    <div id="archivos"></div>
    <div class="ui modal" id="add_modal">
        <i class="close icon"></i>
        <div class="content">
            <form class="ui form" enctype="multipart/form-data">
                <div class="two wide field">
                    <label>Fecha</label>
                    <div class="ui date calendar">
                        <div class="ui icon input">
                            <input type="text" name="fecha" />
                            <i class="calendar outline icon"></i>
                        </div>
                    </div>
                </div>
                <div class="six wide field">
                    <label>Cuenta</label>
                    <select name="cuenta"></select>
                </div>
                <div class="inline field">
                    <input type="file" name="archivo" style="display: none;" />
                    <div class="ui labeled icon input" id="archivo_btn">
                        <div class="ui label">Archivo</div>
                        <input type="text" readonly="" />
                        <i class="search icon"></i>
                    </div>
                </div>
                <button class="ui green icon button">
                    <i class="plus icon"></i>
                </button>
            </form>
        </div>
    </div>
    <div class="ui modal" id="edit_modal">
        <i class="close icon"></i>
        <div class="content">
            <form class="ui form">
                <input type="hidden" name="folder" />
                <input type="hidden" name="old_filename" />
                <div class="two wide field">
                    <label>Fecha</label>
                    <div class="ui date calendar">
                        <div class="ui icon input">
                            <input type="text" name="fecha" />
                            <i class="calendar outline icon"></i>
                        </div>
                    </div>
                </div>
                <div class="six wide field">
                    <label>Cuenta</label>
                    <select name="cuenta"></select>
                </div>
                <button class="ui icon button">
                    <i class="edit icon"></i>
                </button>
            </form>
        </div>
    </div>
@endsection

@push('scripts')
    <script type="text/javascript" src="{{$urls->scripts}}/uploads/list.js"></script>
    <script type="text/javascript">
        $(document).ready(() => {
            archivos.setup()
        })
    </script>
@endpush