Tạo layout form cho view cars - Xây dựng giao diện backend của hệ thống quản lý admin.adayroi.online

Tại thư mục apps/ecommerce/views/cars/tmpl

tạo form.xml

Nội dung file

<div class="view-car-form">
    <div class="row">
        <main role="main" class="col-md-9 col-md-offset-2 ml-sm-auto col-lg-12">
            {htmltoobar}
            <form action="/task" class="form-vertical" name="admin-form" id="admin-form" method="post"
                  data-toggle="validator" enctype="multipart/form-data">
                <div>
                    <ul class="nav nav-tabs" role="tablist">
                        <li role="presentation" class="active">
                            <a href="#main-info" aria-controls="main-info" role="tab" data-toggle="tab">
                                Thông tin chính
                            </a>
                        </li>
                        <li role="presentation">
                            <a href="#other-info" aria-controls="other-info" role="tab" data-toggle="tab">
                                Thông tin khác
                            </a>
                        </li>
                    </ul>
                    <div class="tab-content">
                        <div role="tabpanel" class="tab-pane active" id="main-info">
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="list-input">
                                        {form_render_field form "name"}
                                        {form_render_field form "year"}
                                        {form_render_field form "image"}
                                        {form_render_field form "category"}
                                        {form_render_field form "status"}
                                        {form_render_field form "note"}
                                    </div>
                                </div>

                            </div>
                        </div>
                        <div role="tabpanel" class="tab-pane" id="other-info">

                        </div>
                    </div>

                </div>

                {form_render_field_input form "_id"}
            </form>

            {htmltoobar}
        </main>
    </div>
</div>
<script>
    jQuery(document).ready(function ($) {
        $('.view-car-form').view_car_form();
    });
</script>