@extends('layouts.app')


@section('ruta')
<div class="mb-3 my-2 small">
    <h6> <a href="{{route('materiales.index')}}">Materiales</a> > Crear Nuevo Material</h6>
</div>
@endsection

@section('titulo', 'Crear Nuevo Material')
@section('contenido')











<form action="{{ route('materiales.store') }}" method="POST" enctype="multipart/form-data">
    @csrf
    <div class="row mb-3">
        <div class="col-md-6">
            <label for="nombre" class="form-label">Nombre</label>
            <input type="text" class="form-control" name="nombre" required>
        </div>
        <div class="col-md-6">
            <label for="codigo_sku" class="form-label">Código SKU</label>
            <input type="text" class="form-control" name="codigo_sku" required>
        </div>
    </div>

    <div class="row mb-3">
        <div class="col-md-6">
            <label for="descripcion" class="form-label">Descripción</label>
            <textarea class="form-control" name="descripcion"></textarea>
        </div>
        <div class="col-md-6">
            <label for="unidad_medida" class="form-label">Unidad de Medida</label>
            <input type="text" class="form-control" name="unidad_medida" required>
        </div>
    </div>

    <div class="row mb-3">
        <div class="col-md-6">
            <label for="categoria_id" class="form-label">Categoría</label>
            <select class="form-select" name="categoria_id" required>
                @foreach($categorias as $categoria)
                    <option value="{{ $categoria->id }}">{{ $categoria->nombre }}</option>
                @endforeach
            </select>
        </div>
        <div class="col-md-6">
            <label for="proveedor_id" class="form-label">Proveedor</label>
            <select class="form-select" name="proveedor_id">
                <option value="">Seleccionar Proveedor</option>
                @foreach($proveedores as $proveedor)
                    <option value="{{ $proveedor->id }}">{{ $proveedor->nombre }}</option>
                @endforeach
            </select>
        </div>
    </div>

    <div class="row mb-3">
        <div class="col-md-6">
            <label for="cantidad_stock" class="form-label">Cantidad en Stock</label>
            <input type="number" class="form-control" name="cantidad_stock" required>
        </div>
        <div class="col-md-6">
            <label for="cantidad_minima" class="form-label">Cantidad Mínima</label>
            <input type="number" class="form-control" name="cantidad_minima" required>
        </div>
    </div>

    <div class="row mb-3">
        <div class="col-md-6">
            <label for="precio_compra" class="form-label">Precio de Compra</label>
            <input type="number" class="form-control" name="precio_compra" step="0.01" required>
        </div>
        <div class="col-md-6">
            <label for="precio_venta" class="form-label">Precio de Venta</label>
            <input type="number" class="form-control" name="precio_venta" step="0.01">
        </div>
    </div>

    <div class="row mb-3">
        <div class="col-md-6">
            <label for="ubicacion_almacen" class="form-label">Ubicación en Almacén</label>
            <input type="text" class="form-control" name="ubicacion_almacen">
        </div>
        <div class="col-md-6">
            <label for="fecha_entrada" class="form-label">Fecha de Entrada</label>
            <input type="date" class="form-control" name="fecha_entrada" required>
        </div>
    </div>

    <div class="row mb-3">
        <div class="col-md-6">
            <label for="estado" class="form-label">Estado</label>
            <select class="form-select" name="estado" required>
                <option value="disponible">Disponible</option>
                <option value="pendiente">Pendiente</option>
                <option value="agotado">Agotado</option>
            </select>
        </div>
        <div class="col-md-6">
            <label for="fecha_vencimiento" class="form-label">Fecha de Vencimiento</label>
            <input type="date" class="form-control" name="fecha_vencimiento">
        </div>
    </div>

    <div class="row mb-3">
        <div class="col-md-12">
            <label for="observaciones" class="form-label">Observaciones</label>
            <textarea class="form-control" name="observaciones"></textarea>
        </div>
    </div>

    <div class="row mb-3">
        <div class="col-md-12">
            <label for="imagen" class="form-label">Imagen del Material</label>
            <input type="file" class="form-control" name="imagen" accept="image/*">
        </div>
    </div>

    <button type="submit" class="btn btn-primary">Guardar Material</button>
</form>



    @endsection