<!-- Include forms.stores -->


@extends('components.form', [
    'id' => $id,                    // INPUT ID BIND
    'resource' => $resource,        // FORM RESOURCE TARGET
    'static' => @$static,           // NOT DINAMIC JUST ALWAYS INS
    'table' => @$table,             // RELATED TABLE ID
    'groups' => [
        [
            'name' => [
                'required' => true,
                'type' => 'input-text',
                'label' => __('form.label.name'),
                'div-class' => 'col-md-5',
                'placeholder' => __('form.placeholder.store.name'),  
                'help' => __('form.help.store.name'),  
            ],
            'code' => [
                'required' => true,
                'type' => 'input-text',
                'label' => __('form.label.code'),
                'label-class' => 'col-md-1',
                'div-class' => 'col-md-2',
                'value' => Utils::newCode($resource),
                'placeholder' => __('form.placeholder.code'),
                'help' => __('form.help.store.code'),
                'help-icon' => 'fa fa-barcode',
            ]
        ],
        [
            'address' => [
                'required' => true,
                'type' => 'input-buttons',
                'label' => __('form.label.address'),
                'div-class' => 'col-md-5',
                'placeholder' => __('form.placeholder.store.address'),  
                'help' => __('form.help.store.address'),
                'buttons' => [
                    [
                        'class' => 'address-view',
                        'icon' => 'fa fa-eye',
                        'title' => __('form.message.view-address'),
                    ],
                ]
            ],
            'vat_number' => [
                'required' => true,
                'type' => 'input-text',
                'label' => __('form.label.vat-number'),
                'label-class' => 'col-md-1',
                'div-class' => 'col-md-2',
                'placeholder' => __('form.placeholder.store.vat-number'),
                'help' => __('form.help.store.vat-number'),
                'help-icon' => 'fa fa-barcode',
            ]
        ],
        [   
            'cap' => [
                'type' => 'input-text',
                'label' => __('form.label.cap'),
                'div-class' => 'col-md-2',
                'placeholder' => __('form.placeholder.store.cap'),
                'help' => __('form.help.store.cap'),
            ],
            'city' => [
                'type' => 'input-text',
                'label' => __('form.label.city'),
                'label-class' => 'col-md-2',
                'div-class' => 'col-md-2',
                'placeholder' => __('form.placeholder.store.city'),
                'help' => __('form.help.store.city'),
            ]
        ],
        [
            'phone' => [
                'type' => 'input-text',
                'label' => __('form.label.phone'),
                'div-class' => 'col-md-2',
                'placeholder' => __('form.placeholder.store.phone'),
                'help' => __('form.help.store.phone'),
            ],
            'fax' => [
                'type' => 'input-text',
                'label' => __('form.label.fax'),
                'label-class' => 'col-md-2',
                'div-class' => 'col-md-2',
                'placeholder' => __('form.placeholder.store.fax'),
                'help' => __('form.help.store.fax'),
            ],
        ],
        [
            'email' => [
                'type' => 'input-text',
                'label' => __('form.label.email'),
                'div-class' => 'col-md-3',
                'placeholder' => __('form.placeholder.store.email'),
                'help' => __('form.help.store.email'),
            ],
            'pec' => [
                'type' => 'input-text',
                'label' => __('form.label.pec'),
                'label-class' => 'col-md-1',
                'div-class' => 'col-md-3',
                'placeholder' => __('form.placeholder.store.pec'),
                'help' => __('form.help.store.pec'),
            ]
        ],
        [
            'notes' => [
                'type' => 'textarea',
                'label' => __('form.label.notes'), 
            ]
        ]
    ]
])


@push('ready')
<script>

jQuery(document).ready(function() {
    // INIT FORM
    {{ $id }}Form.init({
        setup: {
            components: function(form){

                // BIND FORMAT FIELDS TO SUBMIT
                $("#{{ $id }} input[name=name]").on( "change", function(){ 
                    Validation.formatFirstWordCapital(event.target);
                } );
    
                // CODE
                $("#{{ $id }} input[name=code]").on( "change", function(){ 
                    Validation.formatCodeField(event.target);
                } );

                // GOOGLE MAPS ADDRESS HANDLE
                googleAddressAutocomplete("#{{ $id }} input[name=address]", function(handle){
                    var info = getGoogleAddressResponseInfo(handle.getPlace());
                    $("#{{ $id }} input[name=city]").val(info.locality);
                    $("#{{ $id }} input[name=cap]").val(info.postal_code);
                });

                // ADDRESS HANDLES LOAD
                $("#{{ $id }} .address-view").on( "click", function(){ 
                    var address = $("#{{ $id }} input[name=address]").val().trim();
                    if(address.length<5){
                        return danger('Invalid Adress for view');
                    }
                    {{ $id }}Form.ref('smap').show(address);
                });

            },
            validate: {
                rules: {
                    'email' : {
                        required: true,
                        email: true,
                    },
                    'pec' : {
                        email: true,
                    },
                    'phone' : {
                        required: true,
                        regex: Validation.regex('phone'),
                    }
                },
                submit: {
                    successUpdate: function(id){
                        // UPDATE RELATED ITEM IN TABLE
                        var table = {{ $id }}Form.ref('table');
						if(defined(table)) table.update(id);

                        // CLOSE RELATED MODAL IF ANY
                        var modal= {{ $id }}Form.ref('modal');
						if(defined(modal)) modal.hide();

                        // NOTIFY ALL DONE
                        success("{{ __('form.action.updated') }}");
                    },
                    successInsert: function(){
                        // RELOAD TABLE
                        var table = {{ $id }}Form.ref('table');
						if(defined(table)) table.reload();

                        // CLEAR FORM
                        {{ $id }}Form.empty(); 

                        // NOTIFY ALL DONE
                        success("{{ __('form.action.inserted') }}");
                    }
                }
            },
        }   
    });
});


                                   

</script>
@endpush