@extends('layouts.app')

@section('content')
    <div class="d-flex justify-content-center align-items-center" style="min-height: 70vh;">
        <div>
            <h2 class="mb-4">Editar Movimiento</h2>

            <form method="POST" action="{{ route('movimientos.update', ['movimiento' => $movimiento->id]) }}">
                @csrf
                @method('PUT')

                <div class="form-group">
                    <label for="articulo_id">Artículo</label>
                    <select id="articulo_id" name="articulo_id" class="form-control @error('articulo_id') is-invalid @enderror"
                        required>
                        @foreach ($articulos as $articulo)
                            <option value="{{ $articulo->id }}"
                                {{ $articulo->id == $movimiento->articulo_id ? 'selected' : '' }}>
                                {{ $articulo->articulo }}
                            </option>
                        @endforeach
                    </select>
                    @error('articulo_id')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>

                <div class="form-group">
                    <label for="tipoOpcion_id">Tipo de Opción</label>
                    <select id="tipoOpcion_id" name="tipoOpcion_id"
                        class="form-control @error('tipoOpcion_id') is-invalid @enderror" required>
                        @foreach ($tipoOpciones as $tipoOpcion)
                            <option value="{{ $tipoOpcion->id }}"
                                {{ $tipoOpcion->id == $movimiento->tipoOpcion_id ? 'selected' : '' }}>
                                {{ $tipoOpcion->tipoOpcion }}
                            </option>
                        @endforeach
                    </select>
                    @error('tipoOpcion_id')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>

                <div class="form-row">
                    <label>Detalle</label>
                    <input class="form-control" type="text" name="detalle"
                        value="{{ old('detalle', $movimiento->detalle) }}" required>
                </div>

                <div class="form-row">
                    <label>Cantidad</label>
                    <input class="form-control" type="number" min="1" name="cantidad"
                        value="{{ old('cantidad', $movimiento->cantidad) }}" required>
                </div>

                <div class="form-group">
                    <label for="fecha_carga">Fecha</label>
                    <input type="date" name="fecha_carga" id="fecha_carga"
                        class="form-control @error('fecha_carga') is-invalid @enderror" value="{{ old('fecha_carga') }}"
                        required>
                    @error('fecha_carga')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>


                <div class="form-row mt-3">
                    <button type="submit" class="btn btn-primary btn-lg" style="padding: 8px 16px; font-size: 14px;"><i
                            class="fa fa-save"></i> Actualizar</button>
                </div>
            </form>
        </div>
    </div>
@endsection