@include('common.modalHead')
<div class="row">
    <div class="col-sm-12 col-md-6">
        <div class="form-group">
            <label>Nombre</label>
            <input type="text" wire:model.lazy="name" class="form-control" placeholder="ej: Premium" maxlength="49">
            @error('name')
                <span class="text-danger er">{{ $message }}</span>
            @enderror
        </div>
    </div>
    <div class="col-sm-12 col-md-6">
        <div class="form-group">
            <label>Precio / mes</label>
            <input type="text" data-type="currency" wire:model.lazy="price" class="form-control" placeholder="ej: 80.000" >
        </div>
    </div>
    <div class="col-sm-12 col-md-6">
        <div class="form-group">
            <label>Descripción</label>
            <textarea wire:model.lazy="description" class="form-control" placeholder="ej: Plan con excelentes beneficios" maxlength="254" cols="30" rows="5"></textarea>
            @error('description')
                <span class="text-danger er">{{ $message }}</span>
            @enderror
        </div>
    </div>
    <div class="col-sm-12 col-md-6">
        <div class="form-group">
            <label>Color</label>
            <input type="text" wire:model.lazy="color" class="form-control" data-jscolor={}>
            @error('color')
                <span class="text-danger er">{{ $message }}</span>
            @enderror
        </div>
    </div>
    <div class="col-sm-12 col-md-4">
        <div class="form-group">
            <label>Cantidad Administradores</label>
            <input type="number" wire:model.lazy="max_users_administrators" class="form-control" placeholder="ej: 2" min="1" max="99">
            @error('max_users_administrators')
                <span class="text-danger er">{{ $message }}</span>
            @enderror
        </div>
    </div>
    <div class="col-sm-12 col-md-4">
        <div class="form-group">
            <label>Cantidad Administrativos</label>
            <input type="number" wire:model.lazy="max_users_administrative" class="form-control" placeholder="ej: 4" min="1" max="999">
            @error('max_users_administrative')
                <span class="text-danger er">{{ $message }}</span>
            @enderror
        </div>
    </div>
    <div class="col-sm-12 col-md-4">
        <div class="form-group">
            <label>Cantidad Empleados</label>
            <input type="number" wire:model.lazy="max_users_employees" class="form-control" placeholder="ej: 25" min="1" max="999999999">
            @error('max_users_employees')
                <span class="text-danger er">{{ $message }}</span>
            @enderror
        </div>
    </div>
</div>
@include('common.modalFooter')
