@include('layouts.common.modalHead')

<div class="row">
    {{-- codigo barra del producto --}}
    <div class="col-sm-12">
        <div class="input-group">
            <div class="input-group-prepend">
                <span class="input-group-text">
                    <i class="fa fa-barcode"></i>
                </span>
            </div>
            <input type="text" wire:model.lazy="barcode" class="form-control" placeholder="Codigo Barra" maxlength="200">
        </div>
        @error('barcode') <span class="text-danger er">{{ $message }}</span> @enderror
    </div>
</div>

<div class="row mt-3">	
    {{-- nombre del producto --}}
    <div class="col-sm-12 col-md-6">
        <div class="input-group">
            <div class="input-group-prepend">
                <span class="input-group-text">
                    <i class="fa fa-signature"></i>
                </span>
            </div>
            <input type="text" wire:model.lazy="name" class="form-control" placeholder="Nombre del producto" maxlength="200">
        </div>
        @error('name') <span class="text-danger er">{{ $message }}</span> @enderror
    </div>
    {{-- imagen del producto --}}
    <div class="col-sm-12 col-md-6">
        <div class="form-group custom-file">
            <input type="file" class="custom-file-input form-control" wire:model="image" accept="image/x-png, image/gif, image/jpeg" >
            <label  class="custom-file-label">Imágen</label>
            @error('image') <span class="text-danger er">{{ $message }}</span> @enderror
        </div>
    </div>
    {{-- precio neto --}}
    <div class="col-sm-12 col-md-4">
        <div class="input-group">
            <div class="input-group-prepend">
                <span class="input-group-text">
                    Neto
                </span>
            </div>
            <input type="number" wire:model.lazy="netPrice" class="form-control" placeholder="Neto" min="0">
        </div>
        @error('netPrice') <span class="text-danger er">{{ $message }}</span> @enderror
    </div>
    {{-- impuesto --}}
    <div class="col-sm-12 col-md-4">
        <div class="input-group">
            <div class="input-group-prepend">
                <span class="input-group-text">
                    IVA
                </span>
            </div>
            <input type="number" wire:model="tax" class="form-control" placeholder="Impuesto" min="0" @readonly(true)>
        </div>
        @error('tax') <span class="text-danger er">{{ $message }}</span> @enderror
    </div>
    {{-- precio venta --}}
    <div class="col-sm-12 col-md-4">
        <div class="input-group">
            <div class="input-group-prepend">
                <span class="input-group-text">
                    P. Venta
                </span>
            </div>
            <input type="number" wire:model.lazy="salePrice" class="form-control" placeholder="Precio Venta" min="0" @readonly(true)>
        </div>
        @error('salePrice') <span class="text-danger er">{{ $message }}</span> @enderror
    </div>
</div>
<div class="row mt-3">
    <div class="col-sm-12 col-md-4">
        <div class="input-group">
            <div class="input-group-prepend">
                <span class="input-group-text">
                    <i class="fas fa-th"></i>
                </span>
            </div>
            <input type="number" wire:model.lazy="stock" class="form-control" placeholder="Stock Actual" min="0">
        </div>
        @error('stock') <span class="text-danger er">{{ $message }}</span> @enderror
    </div>

    <div class="col-sm-12 col-md-4">
        <div class="input-group">
            <div class="input-group-prepend">
                <span class="input-group-text">
                    <i class="fa fa-cubes"></i>
                </span>
            </div>
            <input type="number" wire:model.lazy="minStock" class="form-control" placeholder="Stock Minimo" min="0">
        </div>
        @error('minStock') <span class="text-danger er">{{ $message }}</span> @enderror
    </div>
    <div class="col-sm-12 col-md-4">
        <div class="input-group">
            <div class="input-group-prepend">
                <span class="input-group-text">
                    <i class="fas fa-weight"></i>
                </span>
            </div>
            <input type="text" wire:model.lazy="unit" class="form-control" placeholder="Unidad de medida">
        </div>
        @error('unit') <span class="text-danger er">{{ $message }}</span> @enderror
    </div>
</div>
<div class="row mt-3">
    <div class="col-sm-12 col-md-4">
        <div class="input-group">
            <div class="input-group-prepend">
                <span class="input-group-text">
                    <i class="fa fa-truck"></i>
                </span>
            </div>
            <select wire:model='supplierId' class="form-control">
                <option value="Elegir" disabled>Proveedor</option>
                {{-- @foreach($suppliers as $supplier)
                <option value="{{$supplier->id}}">{{$supplier->name}}</option>
                @endforeach --}}
            </select>
            @error('supplierId') <span class="text-danger er">{{ $message}}</span>@enderror
        </div>       
    </div>
    <div class="col-sm-12 col-md-4">
        <div class="input-group">
            <div class="input-group-prepend">
                <span class="input-group-text">
                    <i class="fa fa-layer-group"></i>
                </span>
            </div>
            <select wire:model='categoryId' class="form-control">
                    <option value="Elegir" disabled>Categoria</option>
                {{-- @foreach($categories as $category)
                    <option value="{{$category->id}}" >{{$category->name}}</option>
                @endforeach --}}
            </select>
            @error('categoryId') <span class="text-danger er">{{ $message}}</span>@enderror
        </div>       
    </div>
    <div class="col-sm-12 col-md-4">
        <div class="input-group">
            <div class="input-group-prepend">
                <span class="input-group-text">
                    <i class="fa fa-copyright"></i>
                </span>
            </div>
            <select wire:model='brandId' class="form-control">
                <option value="Elegir" disabled>Marca</option>
                {{-- @foreach($brands as $brand)
                <option value="{{$brand->id}}">{{$brand->name}}</option>
                @endforeach --}}
            </select>
            @error('brandId') <span class="text-danger er">{{ $message}}</span>@enderror
        </div>       
    </div>   
    
</div>
<div class="row mt-3">
   
    <div class="col-sm-12 col-md-4">
        <div class="input-group">
            <div class="input-group-prepend">
                <span class="input-group-text">                    
                    <i class="fa fa-vest-patches"></i>
                    {{-- <i class="fa fa-palette"></i> --}}
                </span>
            </div>
            <select wire:model='size' class="form-control">
                <option value="Elegir" disabled>Talla</option>
                {{-- @foreach($sizes as $size)
                <option value="{{$size->id}}">{{$size->name}}</option>
                @endforeach --}}
            </select>
            @error('size') <span class="text-danger er">{{ $message}}</span>@enderror
        </div>       
    </div>   
    
    <div class="col-sm-12 col-md-4">
        <div class="input-group">
            <div class="input-group-prepend">
                <span class="input-group-text">                    
                    <i class="fa fa-certificate"></i>
                </span>
            </div>
            <select wire:model='certificationId' class="form-control">
                <option value="Elegir" disabled>Certificación</option>
                {{-- @foreach($certifications as $certification)
                <option value="{{$certification->id}}">{{$certification->name}}</option>
                @endforeach --}}
            </select>
            @error('certificationId') <span class="text-danger er">{{ $message}}</span>@enderror
        </div>       
    </div>   
</div>
<div class="row mt-3">
    <div class="col-sm-12">
        <div class="input-group">
            <div class="input-group-prepend">
                <span class="input-group-text">                    
                    Descripción
                </span>
            </div>
            <textarea type="text" wire:model='description' class="form-control"></textarea>
                @error('description') <span class="text-danger er">{{ $message}}</span>@enderror
        </div>
    </div>
</div>
{{-- {{$image}} --}}
@include('layouts.common.modalFooter')