
<!-- Include layouts.products.blade.php -->

@extends('master')

@section('content')

    <!-- MODAL MEDIA IMAGES -->
    @include('modals.media', [
        'id' => 'productImagesContainer',
        'title' => __('label.media.product-images'),
        'refs' => [                                                         // RELATED OBJECTS
            'combo' => 'productImagesCombo'                                 // CONTAINED FORM SEE ID ABOVE
        ],

        'layout' => [
            'target' => 'media.product-images',
            'data' => [
                'config' => true,                                           // RUN SETUPS
                'refs' => [                                                 // RELATED OBJECTS
                    'modal' => 'productImagesContainerModal',               // CONTAINER MODAL
                ], 
            ],
        ]
    ])

    <!-- MODAL MEDIA DOCUMENTS -->
    @include('modals.media', [
        'id' => 'productDocumentsContainer',
        'title' => __('label.media.product-documents'),
        'refs' => [                                                         // RELATED OBJECTS
            'combo' => 'productDocumentsCombo'                              // CONTAINED FORM SEE ID ABOVE
        ],

        'layout' => [
            'target' => 'media.product-documents',
            'data' => [
                'config' => true,                                           // RUN SETUPS
                'refs' => [                                                 // RELATED OBJECTS
                    'modal' => 'productDocumentsContainerModal',            // CONTAINER MODAL
                ], 
            ],
        ]
    ])

    <!-- MODAL EDITOR -->
    @include('modals.products', [
        'id' => 'productsEditContainer',
        'title' => __('label.edit.product'),

        'refs' => [                                                         // RELATED OBJECTS
            'form' => 'productsEditForm'                                    // CONTAINED FORM SEE ID ABOVE
        ], 

        'layout' => [
            'edit' => true,
            'target' => 'forms.products',
            'data' => [
                'id' => 'productsEdit',                                     // INPUT ID BIND
                'method' => config('const.crud.update'),                    // REQUIRED FORM METHOD
                'resource' => 'products',                                   // ! DB TABLE RESOURCE NAME (RESOURCE ID) !
                'refs' => [                                                 // RELATED OBJECTS
                    'modal' => 'productsEditContainerModal',                // CONTAINER MODAL
                    'table' => 'productsRecordsTable',                      // RECORDS TABLE
                    'categories' => 'categoriesComboContainerModal'         // CATEGORIES HANDLER
                ], 
            ],
        ]
    ])
    
    <!-- MODAL CATEGORIES COMBO -->
    @include('modals.categories', [
        'id' => 'categoriesComboContainer',
        'type' => 'combo',

        'title' => [
            'ins' => __('label.new.category'),
            'edit' => __('label.edit.category'),
        ],

        'refs' => [                                                         // RELATED OBJECTS
            'form' => 'categoriesAddForm',                                  // CONTAINED FORM SEE ID ABOVE
            'table' => 'productsRecordsTable',                              // RECORDS TABLE
        ], 

        'layout' => [
            'target' => 'forms.categories',
            'data' => [
                'id' => 'categoriesAdd',                                    // INPUT ID BIND
                'resource' => 'categories',                                 // ! DB TABLE RESOURCE NAME (RESOURCE ID) !
                'method' => config('const.crud.combo'),                     // REQUIRED FORM METHOD                                        // DEFINE EXPLICIT COMBO ACTIONS
                'refs' => [                                                 // RELATED OBJECTS
                    'modal' => 'categoriesComboContainerModal',             // CONTAINER MODAL
                ], 
            ],
        ]
    ])

    <!-- PAGE TABS -->
	@include('components.tabs', [
        'active' => 0,
        'tabs' => [
            [
                'title' => trans_choice('label.product', 2),

                'portlet' => [
                    'icon' => 'fa fa-bars',
                    'title' => __('label.records.product'),
                    'reload' => true
                ],

                'layout' => [
                    'target' => 'tables.products',
                    'data' => [ 
                        'id' => 'productsRecords',                          // TABLE ID
                        'edit' => 'productsEditContainer',                  // (ID) MODAL EDIT REF
                        'resource' => 'products',                           // ! DB TABLE RESOURCE NAME (RESOURCE ID) !
                        'method' => config('const.crud.delete'),            // RESOURCE METHOD AVAILABLE
                        'data' => $products,
                        'refs' => [                                         // RELATED OBJECTS
                            'categories' => 'categoriesComboContainerModal',// CATEGORIES HANDLER
                            'images' => 'productImagesMedia',               // SEE MEDIA PRODUCT
                            'documents' => 'productDocumentsMedia',         // SEE MEDIA PRODUCT
                        ], 
                    ],
                ]
            ],
            [
                'title' => __('label.new.product'),
                
                'portlet' => [
                    'icon' => 'fa fa-bars',
                    'title' => __('label.content.product'),
                ],

                'layout' => [
                    'target' => 'forms.products',
                    'data' => [ 
                        'id' => 'productsInput',                            // FORM ID
                        'static' => '0',                                    // NOT DINAMIC JUST ALWAYS INS
                        'resource' => 'products',                           // ! DB TABLE RESOURCE NAME (RESOURCE ID) !
                        'refs' => [                                         // RELATED OBJECTS
                            'table' => 'productsRecordsTable',              // RECORDS TABLE
                            'categories' => 'categoriesComboContainerModal',// CATEGORIES HANDLER
                        ], 
                    ],
                ]
            ]
        ],
    ])    

@stop