<!-- Include forms.couriers -->


@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-3',
                'placeholder' => __('form.placeholder.courier.name'),
                'help' => __('form.help.courier.name')
            ],
            'gender' => [
                'type' => 'select',
                'label' => __('form.label.gender'),
                'label-class' => 'col-md-1',
                'div-class' => 'col-md-2',
                'input-class' => 'select2me',
                'placeholder' => __('form.placeholder.courier.gender'),
                'help' => __('form.help.courier.gender'),
                'help-icon' => 'fa fa-user',
                'data' => config('options.courier.gender')
            ],
            '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.courier.code'),
                'help-icon' => 'fa fa-barcode',
            ]
        ],
        [
            'address' => [
                'required' => true,
                'type' => 'input-text',
                'label' => __('form.label.address'),
                'div-class' => 'col-md-5',
                'placeholder' => __('form.placeholder.courier.address'), 
                'help' => __('form.help.courier.address')
            ],
            'city' => [
                'required' => true,
                'type' => 'input-text',
                'label' => __('form.label.city'),
                'label-class' => 'col-md-1',
                'div-class' => 'col-md-2',
                'placeholder' => __('form.placeholder.courier.city'),
                'help' => __('form.help.courier.city')
            ]
        ],
        [
            'phone' => [
                'type' => 'input-text',
                'label' => __('form.label.phone'),
                'div-class' => 'col-md-2',
                'placeholder' => __('form.placeholder.courier.phone'),
                'help' => __('form.help.courier.phone')
            ],
            'email' => [
                'type' => 'input-text',
                'label' => __('form.label.email'),
                'label-class' => 'col-md-1',
                'div-class' => 'col-md-3',
                'placeholder' => __('form.placeholder.courier.email'),
                'help' => __('form.help.courier.email')
            ],
        ],
        [
            'document_type' => [
                'required' => true,
                'type' => 'select',
                'label' => __('form.label.document'),
                'div-class' => 'col-md-2',
                'input-class' => 'select2me',
                'placeholder' => __('form.placeholder.courier.document'),
                'help' => __('form.help.courier.document'),
                'help-icon' => 'fa fa-user',
                'data' => [
                    1 => 'Id Card',
                    2 => 'Driving License',
                    3 => 'Passport',
                ]
            ],
            'document_number' => [
                'required' => true,
                'type' => 'input-text',
                'label' => __('form.label.number'),
                'label-class' => 'col-md-1',
                'div-class' => 'col-md-2',
                'placeholder' => __('form.placeholder.courier.number'),
                'help' => __('form.help.courier.number')
            ]
        ],
        [
            '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);
                } );

            },
            validate: {
                rules: {
                    'name' : {
                        required: true,
                        regex: Validation.regex('name'),
                    },
                    'email' : {
                        required: true,
                        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