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

<div class="row">
    <div class="col-12">
        <div class="form-group">
            <label>Categoría de Movimineto</label>
            <select wire:model.live='cashFlowCategorySelect' class="form-control">
                <option value="Todas">Selecionar Categoría</option>
                <option value="Nueva-Categoria">Nueva Categoria</option>
                @foreach ($cashFlowCategories as $cashFlowCategory)
                    <option value="{{ $cashFlowCategory->id }}">{{ $cashFlowCategory->name }}</option>
                @endforeach
            </select>
            @error('cashFlowCategorySelect')
                <span class="text-danger er">{{ $message }}</span>
            @enderror
        </div>
    </div>
    @if ($cashFlowCategorySelect == 'Nueva-Categoria')
    <div class="col-12">
        <div class="form-group">
            <label>Nombre Categoría</label>
            <input type="text" wire:model.blur='newCategoryName' class="form-control"
                placeholder="Pago Motoristas">
            @error('newCategoryName')
                <span class="text-danger er">{{ $message }}</span>
            @enderror
        </div>
    </div>
    @endif
    <div class="col-sm-12 col-md-6">
        <div class="form-group">
            <label>Monto</label>
            <input type="number" maxlength="25" wire:model.blur='cashFlow.total' class="form-control"
                placeholder="ej: 10000">
            @error('cashFlow.total')
                <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='cashFlow.type' class="form-control">
                <option value="">Elegir un tipo</option>
                <option value="Egreso">Egreso</option>
                <option value="Ingreso">Ingreso</option>
            </select>
            @error('cashFlow.type')
                <span class="text-danger er">{{ $message }}</span>
            @enderror
        </div>
    </div>
    <div class="col-12 form-group">
        <label>Comentario de movimiento</label>
        <textarea wire:model.blur='cashFlow.reason' class="form-control" rows="2"></textarea>
        @error('cashFlow.reason')
            <span class="text-danger er">{{ $message }}</span>
        @enderror
    </div>
</div>


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