<div>
    @component('common.breadcrumb', ['addBtn' => false, 'permission_create' => 'settings.index', 'breadcrumb_show' => $breadcrumb_show])
        @slot('breadcrumb_title')
            <h3>Parametrización | {{ $pageTitle }}</h3>
        @endslot
        <li class="breadcrumb-item">{{ $componentName }}</li>
        <li class="breadcrumb-item active">{{ $pageTitle }}</li>

    @endcomponent

    <div class="container-fluid">
        <div class="row layout-top-spacing">
            <div class="col-sm-12">
                <div class="card">
                    <div class="card-body">
                        <div class="card-header">
                            <img src="{{ asset('assets/images/logo/logo.svg') }}" alt="logo" class="img-fluid img-dark" width="100">
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-12 col-md-6">
                <div class="form-group">
                    <label>Salario mínimo</label>
                    <input type="text" data-type="currency" wire:model.lazy="minimum_salary" class="form-control" placeholder="ej: 1.000.000.00" maxlength="13">
                    @error('minimum_salary')
                        <span class="text-danger er">{{ $message }}</span>
                    @enderror
                </div>
            </div>
            <div class="col-sm-12 col-md-6">
                <div class="form-group">
                    <label>Auxilio de transporte</label>
                    <input type="text" data-type="currency" wire:model.lazy="transportation_allowance" class="form-control" placeholder="ej:170.000.00" maxlength="13">
                    @error('transport_allowance')
                        <span class="text-danger er">{{ $message }}</span>
                    @enderror
                </div>
            </div>
            <div class="col-sm-12 col-md-6">
                <button type="button" class="btn btn-primary" wire:click.prevent="Update()">ACTUALIZAR</button>
            </div>
        </div><!-- row -->
    </div>
</div>
<script>
document.addEventListener('DOMContentLoaded', function() {
    window.livewire.on('item-updated', msg => {
        noty(msg)
    });
});
</script>
