@include('livewire.tenant.common.modalHead')

<div class="row">

    <div class="col-sm-12 col-md-6">
        <div class="form-group">
            <label>Valor</label>
            <input type="number" maxlength="25" wire:model.blur='value' class="form-control" placeholder="ej: 10000">
            @error('value')
                <span class="text-danger er">{{ $message }}</span>
            @enderror
        </div>
    </div>
    <div class="col-sm-12 col-md-6">
        <div class="form-group">
            <label>Tipo</label>
            <select wire:model.live='type' class="form-control">
                <option value="Elegir">Elegir un tipo</option>
                <option value="Billete">Billete</option>
                <option value="Moneda">Moneda</option>
                <option value="Otro">Otro</option>  
            </select>
            @error('type')
                <span class="text-danger er">{{ $message }}</span>
            @enderror
        </div>
    </div>

    <div class="col-sm-12 mt-3">
        <div class="form-group custom-file">
            <input type="file" class="custom-file-input" wire:model.live='image' accept="image/x-png, image/gif, image/jpeg">
            <label class="custom-file-label">Imágen {{ $image }}</label>
        </div>
        @error('image') 
            <span class="text-danger er">{{ $message }}</span>
        @enderror
    </div>
</div>


@include('livewire.tenant.common.modalFooter')