
<!-- Include table-page.blade.php -->

@extends('master')

@section('content')

    <!-- MODAL STORE ACCOUNT -->
    @include('modals.store-account', [
        'id' => 'storeAccountContainer',
        'title' => __('Store Account'),

        'layout' => [
            'target' => 'show.store-account',
            'data' => null,
        ]
    ])

    <!-- MODAL STORE STATS -->
    @include('modals.store-stats', [
        'id' => 'storeStatsContainer',
        'title' => __('Store Stats'),

        'layout' => [
            'target' => 'show.store-stats',
            'data' => null,
        ]
    ])

    <!-- MODAL MEDIA DOCUMENTS -->
    @include('modals.media', [
        'id' => 'orderDocumentsContainer',
        'title' => __('label.media.order-documents'),
        'refs' => [                                                       // RELATED OBJECTS
            'combo' => 'orderDocumentsCombo'                              // CONTAINED FORM SEE ID ABOVE
        ],
        'layout' => [
            'target' => 'media.order-documents',
            'data' => [
                'config' => true,                                         // RUN SETUPS
                'route' => 'store.delivery.documents.store',
                'refs' => [                                               // RELATED OBJECTS
                    'modal' => 'orderDocumentsContainerModal',            // CONTAINER MODAL
                ], 
            ],
        ]
    ])

    <!-- MODAL ORDER PRODUCTS -->
    @include('modals.order-products', [
        'id' => 'orderProductsContainer',
        'title' => __('label.order.products'),
        'refs' => [                                                  // RELATED OBJECTS
            'combo' => 'orderProductsCombo',                         // COMPONENT FORM
        ],

        'layout' => [
            'target' => 'combo.order-products',
            'data' => [
                'through' => true,                                   // INDIRECT REDERENCE
                // 'order' => $orders[1],                            // INPUT ID BIND
            ],
        ]
    ])

    <!-- MODAL ORDER PAYMENTS -->
    @include('modals.order-payments', [
        'id' => 'orderPaymentsContainer',
        'title' => __('label.order.payments'),
        'refs' => [                                                  // RELATED OBJECTS
            'table' => 'orderPaymentsRecordsTable',                  // CONTAINED TABLE
            'base-table' => 'deliveriesRecordsTable',                    // BASE RECORDS TABLE
        ],

        'layout' => [
            'target' => 'tables.courier.order-payments',
            'data' => [
                'id' => 'orderPaymentsRecords',                      // TABLE ID
                'src' => 'order.payments.data',                      // DATA ROUTE NAME
                'resource' => 'payments',                            // ! DB TABLE RESOURCE NAME (RESOURCE ID) !
                'data' => [],
                'through' => true,                                   // INDIRECT REDERENCE
                'refs' => [                                          // RELATED OBJECTS
                    'table' => 'deliveriesRecordsTable',             // BASE RECORDS TABLE (FOR CONTEXT)
                    'modal' => 'orderPaymentsContainerModal',        // COMPONENT FORM
                    'new-payment' => 'paymentsAddContainerModal',    // NEW PAYMENT MODAL
                ],
            ],
        ]
    ])

    <!-- ADD PAYMENTS -->
    @include('modals.payments', [
        'id' => 'paymentsAddContainer',
        'title' => __('label.new.payment'),
        'refs' => [                                                    // RELATED OBJECTS
            'form' => 'paymentsAddForm',                               // CONTAINED FORM SEE ID ABOVE
        ],  

        'layout' => [
            'target' => 'forms.payments',
            'data' => [
                'id' => 'paymentsAdd',                                  // INPUT ID BIND
                //'method' => config('const.crud.create'),              // REQUIRED FORM METHOD
                'table' => 'paymentsRecords',                           // RELATED TABLE ID
                'resource' => 'payments',                               // ! DB TABLE RESOURCE NAME (RESOURCE ID) !
                'routes' => [
                    'orders-list' => 'courier.orders.list'
                ],
                'refs' => [                                             // RELATED OBJECTS
                    'modal' => 'paymentsAddContainerModal',             // CONTAINER MODAL
                    'table' => 'orderPaymentsRecordsTable',             // RECORDS TABLE TO UPDATE
                ], 
            ],
        ]
    ])

    <!-- MODAL EDITOR -->
    @include('modals.deliveries', [
        'id' => 'deliveriesEditContainer',
        'title' => __('label.edit.delivery'),

        'refs' => [                                                     // RELATED OBJECTS
            'form' => 'deliveriesEditForm'                              // CONTAINED FORM SEE ID ABOVE
        ],  

        'layout' => [
            'edit' => true,
            'target' => 'forms.courier.deliveries',
            'data' => [
                'id' => 'deliveriesEdit',                               // INPUT ID BIND
                'method' => config('const.crud.update'),                // REQUIRED FORM METHOD
                'resource' => 'deliveries',                             // ! DB TABLE RESOURCE NAME (RESOURCE ID) !
                'refs' => [                                             // RELATED OBJECTS
                    'modal' => 'deliveriesEditContainerModal',          // CONTAINER MODAL
                    'table' => 'deliveriesRecordsTable',
                    'couriers' => 'couriersComboContainerModal'         // COURIERS HANDLER                 // RECORDS TABLE
                ], 
            ],
        ]
    ])

    <div class="portlet">
        <div class="portlet-title">
            <div class="caption">
                <i class="fa fa-bars"></i>
                {{ __('label.your-deliveries') }}
            </div>

            <div class="tools">
                    <a href="javascript:;" class="reload"></a>
            </div>
        </div>

        <div class="portlet-body">
            <div class="table-container">
                @include( 'tables.courier.deliveries', [
                    'id' => 'deliveriesRecords',                    // TABLE ID
                    'edit' => 'deliveriesEditContainer',            // (ID) MODAL EDIT REF
                    'resource' => 'deliveries',                     // ! DB TABLE RESOURCE NAME (RESOURCE ID) !
                    'data' => $deliveries,
                    'refs' => [                                     // RELATED OBJECTS
                        'account' => 'storeAccountContainerModal',  // ACCOUNT SHOW MODAL HANDLER
                        'stats' => 'storeStatsContainerModal',      // STATS SHOW MODAL HANDLER
                        'products' => 'orderProductsContainerModal',// ORDER PRODUCTS HANDLER
                        'payments' => 'orderPaymentsContainerModal',// ORDER PAYMENTS HANDLER
                        'documents' => 'orderDocumentsMedia',       // SEE MEDIA PRODUCT
                    ],
                ])
            </div>
        </div>
    </div>

@stop