@extends('layouts.app')
@section('content')
   <h1 class="mb-4">Agregar Detalle de Pedido</h1>
   <form action="{{ route('detalle_pedido.store') }}" method="POST">
      @csrf
      <div class="mb-3">
         <label for="pedido_id" class="form-label">Pedido</label>
         <select name="pedido_id" id="pedido_id" class="form-select" required>
            <option value="">Seleccione...</option>
            @foreach (App\Models\Pedido::all() as $ped)
               <option value="{{ $ped->id }}" {{ old('pedido_id') == $ped->id ? 'selected' : '' }}>{{ $ped->id }}
               </option>
            @endforeach
         </select>
         @error('pedido_id')
            <div class="text-danger">{{ $message }}</div>
         @enderror
      </div>
      <div class="mb-3">
         <label for="producto_id" class="form-label">Producto</label>
         <select name="producto_id" id="producto_id" class="form-select" required>
            <option value="">Seleccione...</option>
            @foreach (App\Models\Producto::all() as $prod)
               <option value="{{ $prod->id }}" {{ old('producto_id') == $prod->id ? 'selected' : '' }}>
                  {{ $prod->nombre }}</option>
            @endforeach
         </select>
         @error('producto_id')
            <div class="text-danger">{{ $message }}</div>
         @enderror
      </div>
      <div class="mb-3">
         <label for="variantes" class="form-label">Variantes</label>
         <input type="text" name="variantes" id="variantes" class="form-control"
            value="{{ old('variantes') }}" placeholder="Ejemplo: Grande, Con queso">
         <small class="text-muted">Separe múltiples variantes con comas</small>
         @error('variantes')
            <div class="text-danger">{{ $message }}</div>
         @enderror
      </div>
      <div class="mb-3">
         <label for="cantidad" class="form-label">Cantidad</label>
         <input type="number" name="cantidad" id="cantidad" class="form-control" value="{{ old('cantidad') }}"
            min="0" required>
         @error('cantidad')
            <div class="text-danger">{{ $message }}</div>
         @enderror
      </div>
      <div class="mb-3">
         <label for="unidad_medida" class="form-label">Unidad de Medida</label>
         <input type="text" name="unidad_medida" id="unidad_medida" class="form-control"
            value="{{ old('unidad_medida') }}" required>
         @error('unidad_medida')
            <div class="text-danger">{{ $message }}</div>
         @enderror
      </div>
      <div class="mb-3">
         <label for="precio_unitario" class="form-label">Precio Unitario</label>
         <input type="number" name="precio_unitario" id="precio_unitario" class="form-control"
            value="{{ old('precio_unitario') }}" min="0" required>
         @error('precio_unitario')
            <div class="text-danger">{{ $message }}</div>
         @enderror
      </div>
      <div class="mb-3">
         <label for="subtotal" class="form-label">Subtotal</label>
         <input type="number" name="subtotal" id="subtotal" class="form-control" value="{{ old('subtotal') }}"
            min="0" required>
         @error('subtotal')
            <div class="text-danger">{{ $message }}</div>
         @enderror
      </div>
      <div class="mb-3">
         <label for="notas_especiales" class="form-label">Notas Especiales</label>
         <input type="text" name="notas_especiales" id="notas_especiales" class="form-control"
            value="{{ old('notas_especiales') }}">
         @error('notas_especiales')
            <div class="text-danger">{{ $message }}</div>
         @enderror
      </div>
      <button type="submit" class="btn btn-success">Guardar</button>
      <a href="{{ route('detalle_pedido.index') }}" class="btn btn-secondary">Cancelar</a>
   </form>
@endsection