@extends('form.app')

@section('styles')
    {{ module_vite('build/product', 'resources/assets/sass/app.scss') }}
@endsection

@section('content')
    {{-- navbar --}}
    @includeIf('product::template.form.navbar')

    
    <form class="row" id="template_frm" method="POST" enctype="multipart/form-data">
        @csrf
        <input type="hidden" name="id" id="id" value="{{ $data->id ?? '0' }}">
        <div class="col-lg-9">
            <div class="tab-content">
                <div class="tab-pane active" id="info">
                    @includeIf('product::template.form.translates')
                </div>
                <div class="tab-pane" id="column">
                    @includeIf('product::template.form.column')
                </div>
            </div>
        </div>
        <div class="col-lg-3">
            <x-form.lang />
            @includeIf('product::template.form.status')
        </div>
    </form>

    <table class="table" style="display:none;">
        <tbody id="column-temp">
            <x-product::template.column index="((index))" />
        </tbody>
    </table>
@endsection

@section('scripts')
    <!-- Jquery UI-->
    <script src="{{ asset('assets/libs/jquery-ui/jquery-ui.min.js') }}"></script>
    <script>
        var $_config = $.parseJSON('null');
        console.log($_config);
    </script>
    {{ module_vite('build/product', 'resources/assets/js/template.js') }}
    {{ module_vite('build/product', 'resources/assets/js/template.column.js') }}
@endsection