@extends('adminlte::page')

@section('title', 'Editar Cliente')

@section('content_header')
    <h1>Editar Cliente</h1>
@stop

@section('content')
    @if (session('success'))
        <div class="alert alert-success alert-dismissible fade show" role="alert">
            {{ session('success') }}
            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                <span aria-hidden="true">&times;</span>
            </button>
        </div>
    @endif

    @if ($errors->any())
        <div class="alert alert-danger alert-dismissible fade show" role="alert">
            <ul class="mb-0">
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                <span aria-hidden="true">&times;</span>
            </button>
        </div>
    @endif

    <div class="card">
        <div class="card-body">
            <form action="{{ route('admin.clientes.update', $cliente) }}" method="POST">
                @csrf
                @method('PUT')

                <div class="row">
                    <div class="col-md-4">
                        <div class="form-group">
                            <label for="tipo_documento">Tipo de Documento <span class="text-danger">*</span></label>
                            <select class="form-control @error('tipo_documento') is-invalid @enderror"
                                    id="tipo_documento"
                                    name="tipo_documento"
                                    required>
                                <option value="1" {{ old('tipo_documento', $cliente->tipo_documento) == 1 ? 'selected' : '' }}>DNI</option>
                                <option value="2" {{ old('tipo_documento', $cliente->tipo_documento) == 2 ? 'selected' : '' }}>RUC</option>
                            </select>
                            @error('tipo_documento')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                        </div>
                    </div>

                    <div class="col-md-4">
                        <div class="form-group">
                            <label for="documento">Número de Documento <span class="text-danger">*</span></label>
                            <input type="text"
                                   class="form-control @error('documento') is-invalid @enderror"
                                   id="documento"
                                   name="documento"
                                   value="{{ old('documento', $cliente->ruc) }}"
                                   required
                                   maxlength="20">
                            @error('documento')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                        </div>
                    </div>




                </div>

                <div class="row">


                    <div class="col-md-4">
                        <div class="form-group">
                            <label for="name">Nombre Completo <span class="text-danger">*</span></label>
                            <input type="text"
                                   class="form-control @error('name') is-invalid @enderror"
                                   id="name"
                                   name="name"
                                   value="{{ old('name', $cliente->user->name) }}"
                                   required>
                            @error('name')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                        </div>
                    </div>

                    <div class="col-md-4">
                        <div class="form-group">
                            <label for="empresa">Empresa</label>
                            <input type="text"
                                   class="form-control @error('empresa') is-invalid @enderror"
                                   id="empresa"
                                   name="empresa"
                                   value="{{ old('empresa', $cliente->empresa) }}">
                            @error('empresa')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                        </div>
                    </div>

                    <div class="col-md-4">
                        <div class="form-group">
                            <label for="razon_social">Razón Social</label>
                            <input type="text"
                                   class="form-control @error('razon_social') is-invalid @enderror"
                                   id="razon_social"
                                   name="razon_social"
                                   value="{{ old('razon_social', $cliente->razon_social) }}"
                                   maxlength="255">
                            @error('razon_social')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                        </div>
                    </div>

                    <div class="col-md-4">
                        <div class="form-group">
                            <label for="direccion">Dirección</label>
                            <input type="text"
                                   class="form-control @error('direccion') is-invalid @enderror"
                                   id="direccion"
                                   name="direccion"
                                   value="{{ old('direccion', $cliente->direccion) }}"
                                   maxlength="500">
                            @error('direccion')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                        </div>
                    </div>

                    <div class="col-md-4">
                        <div class="form-group">
                            <label for="celular">Celular</label>
                            <input type="text"
                                   class="form-control @error('celular') is-invalid @enderror"
                                   id="celular"
                                   name="celular"
                                   value="{{ old('celular', $cliente->celular) }}"
                                   maxlength="20">
                            @error('celular')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                        </div>
                    </div>

                </div>

                <div class="row">
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="email">Email <span class="text-danger">*</span></label>
                            <input type="email"
                                   class="form-control @error('email') is-invalid @enderror"
                                   id="email"
                                   name="email"
                                   value="{{ old('email', $cliente->user->email) }}"
                                   required>
                            @error('email')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                        </div>
                    </div>
                </div>

                <hr>

                <div class="row">
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="limite_credito">Línea de Crédito</label>
                            <input type="number"
                                   class="form-control @error('limite_credito') is-invalid @enderror"
                                   id="limite_credito"
                                   name="limite_credito"
                                   value="{{ old('limite_credito', $cliente->limite_credito ?? 0) }}"
                                   step="0.01"
                                   min="0">
                            @error('limite_credito')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                            <small class="form-text text-muted">Monto máximo de crédito disponible para el cliente</small>
                        </div>
                    </div>
                </div>

                <hr>

                <div class="form-group">
                    <button type="submit" class="btn btn-success">
                        <i class="fas fa-save"></i> Actualizar Cliente
                    </button>
                    <a href="{{ route('admin.clientes.index') }}" class="btn btn-secondary">
                        <i class="fas fa-times"></i> Cancelar
                    </a>
                    <a href="{{ route('admin.clientes.show', $cliente) }}" class="btn btn-info">
                        <i class="fas fa-eye"></i> Ver Detalles
                    </a>
                </div>
            </form>
        </div>
    </div>
@stop

@section('css')
    <link rel="stylesheet" href="/css/admin_custom.css">
@stop

@section('js')
<script>
    $(document).ready(function () {
        function updateDocumentoMaxLength() {
            var tipoDocumento = $('#tipo_documento').val();
            if (tipoDocumento == '1') { // DNI
                $('#documento').attr('maxlength', 8);
            } else if (tipoDocumento == '2') { // RUC
                $('#documento').attr('maxlength', 11);
            } else {
                $('#documento').removeAttr('maxlength');
            }
        }

        // Initial set on page load
        updateDocumentoMaxLength();

        // Change maxlength when tipo_documento changes
        $('#tipo_documento').on('change', function () {
            updateDocumentoMaxLength();
        });

        // Allow only numbers on #documento input
        $('#documento').on('input', function () {
            this.value = this.value.replace(/[^0-9]/g, '');

            var tipoDocumento = $('#tipo_documento').val();
            var maxLength = tipoDocumento == '1' ? 8 : (tipoDocumento == '2' ? 11 : null);
            if (maxLength && this.value.length > maxLength) {
                this.value = this.value.substring(0, maxLength);
            }
        });
    });
</script>
@stop