@extends('master', ['activePage' => 'refaccion-crear'])
@section('styles')
@endsection
@section('content')

    <section class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
              <div class="col-sm-12">
                <h1>Crear Refacción</h1>
              </div>
            </div>
        </div>
    </section>

    <!-- Main content -->
    <section class="content">
    <!-- Default box -->
    <div class="row">
        <div class="col-md-6">
            <div class="card card-secondary">
                <div class="card-header">
                    <h3 class="card-title">Detalles de la Refacción</h3>
                </div>
                <div class="card-body">
                    <form action="{{ url('repair/save') }}" method="POST" enctype= multipart/form-data>
                        @csrf

                        <div class="row">
                            <div class="col-lg-12" >
                                <div class="form-group">
                                    <label>Nombre de la refacción</label>
                                    <input type="text" class="form-control @error('name') is-invalid @enderror" name="name" value="{{ old('name') }}" placeholder="Ingresa el nombre de la refacción" required>
                                    @error('name')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>

                                <div class="form-group">
                                    <label># de la refacción</label>
                                    <input type="text" class="form-control @error('number') is-invalid @enderror" name="number" value="{{ old('number') }}" placeholder="Ingresa el número de la refacción" required>
                                    @error('number')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>

                                <div class="form-group">
                                    <label>Costo:</label>
                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                            <span class="input-group-text">$</span>
                                        </div>
                                        <input type="text" class="form-control @error('cost') is-invalid @enderror" name="cost" value="{{ old('cost') }}"
                                        regex="^\d+[.]?\d{0,3}$" placeholder="Ingresa el costo de la refacción (Ej. 50.50)" required>
                                    </div>
                                    @error('cost')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>

                                <div class="form-group">
                                    <label>Inventario:</label>
                                    <input type="number" class="form-control @error('stock') is-invalid @enderror" name="stock" value="{{ old('stock') }}" placeholder="Ingresa el inventario de la refacción" required>
                                    @error('stock')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>
                                <div class="form-group">
                                    <label>Aviso de inventario escaso:</label>
                                    <input type="number" class="form-control @error('warning') is-invalid @enderror" name="warning" value="{{ old('warning') }}" placeholder="¿A que cantidad quiere el aviso?" required>
                                    @error('warning')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <div class="form-group text-right">
                            <a href="{{ url('/refacciones') }}" class="btn btn-warning text-white">Regresar</a>
                            <button type="submit" class="btn btn-primary">Guardar</button>
                        </div>
                    </form>
                    
                </div>

            </div>


        </div>
    </div>
        
    <!-- /.card -->
    </section>
@endsection
@section('scripts')
    <script>
        
    </script>
@endsection