@extends('adminlte::page')

@section('title', 'Nuevo Proveedor')

@section('content_header')
    <h4>Registrar Nuevo Proveedor</h4>
@stop

@section('content')
    <div class="card">
        <div class="card-header">
            <h3 class="card-title">
                <i class="fas fa-plus-circle mr-2"></i>Datos del Proveedor
            </h3>
        </div>
        <form action="{{ route('proveedores.store') }}" method="POST">
            @csrf
            <div class="card-body">
                @if($errors->any())
                    <div class="alert alert-danger alert-dismissible fade show">
                        <button type="button" class="close" data-dismiss="alert">&times;</button>
                        <h5><i class="icon fas fa-ban"></i> Error!</h5>
                        <ul class="mb-0">
                            @foreach($errors->all() as $error)
                                <li>{{ $error }}</li>
                            @endforeach
                        </ul>
                    </div>
                @endif

                <div class="row">
                    <!-- Razón Social -->
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="razon_social">Razón Social <span class="text-danger">*</span></label>
                            <input type="text"
                                   name="razon_social"
                                   id="razon_social"
                                   class="form-control @error('razon_social') is-invalid @enderror"
                                   value="{{ old('razon_social') }}"
                                   required>
                            @error('razon_social')
                                <span class="invalid-feedback">{{ $message }}</span>
                            @enderror
                        </div>
                    </div>

                    <!-- RUC -->
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="ruc">RUC</label>
                            <input type="text"
                                   name="ruc"
                                   id="ruc"
                                   class="form-control @error('ruc') is-invalid @enderror"
                                   value="{{ old('ruc') }}"
                                   maxlength="11"
                                   placeholder="Ej: 20123456789">
                            @error('ruc')
                                <span class="invalid-feedback">{{ $message }}</span>
                            @enderror
                        </div>
                    </div>
                </div>

                <div class="row">
                    <!-- Dirección -->
                    <div class="col-md-12">
                        <div class="form-group">
                            <label for="direccion">Dirección</label>
                            <input type="text"
                                   name="direccion"
                                   id="direccion"
                                   class="form-control"
                                   value="{{ old('direccion') }}">
                        </div>
                    </div>
                </div>

                <div class="row">
                    <!-- Teléfono -->
                    <div class="col-md-4">
                        <div class="form-group">
                            <label for="telefono">Teléfono</label>
                            <input type="text"
                                   name="telefono"
                                   id="telefono"
                                   class="form-control @error('telefono') is-invalid @enderror"
                                   value="{{ old('telefono') }}"
                                   placeholder="Ej: 999888777">
                            @error('telefono')
                                <span class="invalid-feedback">{{ $message }}</span>
                            @enderror
                        </div>
                    </div>

                    <!-- Email -->
                    <div class="col-md-4">
                        <div class="form-group">
                            <label for="email">Email</label>
                            <input type="email"
                                   name="email"
                                   id="email"
                                   class="form-control @error('email') is-invalid @enderror"
                                   value="{{ old('email') }}"
                                   placeholder="correo@ejemplo.com">
                            @error('email')
                                <span class="invalid-feedback">{{ $message }}</span>
                            @enderror
                        </div>
                    </div>

                    <!-- Contacto Nombre -->
                    <div class="col-md-4">
                        <div class="form-group">
                            <label for="contacto_nombre">Nombre de Contacto</label>
                            <input type="text"
                                   name="contacto_nombre"
                                   id="contacto_nombre"
                                   class="form-control"
                                   value="{{ old('contacto_nombre') }}"
                                   placeholder="Ej: Juan Pérez">
                        </div>
                    </div>
                </div>

                <div class="row">
                    <!-- Contacto Teléfono -->
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="contacto_telefono">Teléfono de Contacto</label>
                            <input type="text"
                                   name="contacto_telefono"
                                   id="contacto_telefono"
                                   class="form-control"
                                   value="{{ old('contacto_telefono') }}"
                                   placeholder="Ej: 987654321">
                        </div>
                    </div>

                    <!-- Observaciones -->
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="observaciones">Observaciones</label>
                            <textarea name="observaciones"
                                      id="observaciones"
                                      class="form-control"
                                      rows="3">{{ old('observaciones') }}</textarea>
                        </div>
                    </div>
                </div>
            </div>

            <div class="card-footer">
                <button type="submit" class="btn btn-primary mr-2">
                    <i class="fas fa-save mr-1"></i> Registrar Proveedor
                </button>
                <a href="{{ route('proveedores.index') }}" class="btn btn-warning">
                    <i class="fas fa-list mr-1"></i> Lista de Proveedores
                </a>
            </div>
        </form>
    </div>
@stop

@section('js')
<script>
    $(document).ready(function() {
        // Validar RUC (solo números, 11 dígitos)
        $('#ruc').on('input', function() {
            this.value = this.value.replace(/[^0-9]/g, '').substring(0, 11);
        });

        // Validar teléfonos (solo números)
        $('#telefono, #contacto_telefono').on('input', function() {
            this.value = this.value.replace(/[^0-9]/g, '');
        });
    });
</script>
@stop