@extends('layouts.app')

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

@section('content')
<div class="container-fluid p-0">
    <div class="row mb-4">
        <div class="col-12 col-lg-8 mx-auto">
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="{{ route('clientes.index') }}">Clientes</a></li>
                    <li class="breadcrumb-item active" aria-current="page">Editar</li>
                </ol>
            </nav>
            <h2 class="fw-bold"><i class="fa-regular fa-pen-to-square text-primary me-2"></i> Editar Cliente</h2>
        </div>
    </div>

    <div class="row">
        <div class="col-12 col-lg-8 mx-auto">
            <div class="card border-0 bg-white p-5 shadow-sm">
                @if ($errors->any())
                    <div class="alert alert-danger border-0 rounded-3 mb-4">
                        <ul class="mb-0">
                            @foreach ($errors->all() as $error)
                                <li>{{ $error }}</li>
                            @endforeach
                        </ul>
                    </div>
                @endif

                <form action="{{ route('clientes.update', $cliente->id) }}" method="POST">
                    @csrf
                    @method('PUT')
                    
                    <div class="row g-3 mb-4">
                        <div class="col-md-6">
                            <label for="dni_ruc" class="form-label fw-semibold">DNI / RUC *</label>
                            <input class="form-control @error('dni_ruc') is-invalid @enderror"  type="text"  id="dni_ruc" name="dni_ruc" value="{{ old('dni_ruc', $cliente->dni_ruc) }}" required>
                        </div>
                        <div class="col-md-6">
                            <label for="empresa" class="form-label fw-semibold">Empresa (Opcional)</label>
                            <input class="form-control @error('empresa') is-invalid @enderror"  type="text"  id="empresa" name="empresa" value="{{ old('empresa', $cliente->empresa) }}">
                        </div>
                        <div class="col-md-6">
                            <label for="nombres" class="form-label fw-semibold">Nombres *</label>
                            <input class="form-control @error('nombres') is-invalid @enderror"  type="text"  id="nombres" name="nombres" value="{{ old('nombres', $cliente->nombres) }}" required>
                        </div>
                        <div class="col-md-6">
                            <label for="apellidos" class="form-label fw-semibold">Apellidos *</label>
                            <input class="form-control @error('apellidos') is-invalid @enderror"  type="text"  id="apellidos" name="apellidos" value="{{ old('apellidos', $cliente->apellidos) }}" required>
                        </div>
                        <div class="col-md-6">
                            <label for="correo" class="form-label fw-semibold">Correo Electrónico *</label>
                            <input class="form-control @error('correo') is-invalid @enderror"  type="email"  id="correo" name="correo" value="{{ old('correo', $cliente->correo) }}" required>
                        </div>
                        <div class="col-md-6">
                            <label for="telefono" class="form-label fw-semibold">Teléfono</label>
                            <input class="form-control @error('telefono') is-invalid @enderror"  type="text"  id="telefono" name="telefono" value="{{ old('telefono', $cliente->telefono) }}">
                        </div>
                        <div class="col-12">
                            <label for="direccion" class="form-label fw-semibold">Dirección</label>
                            <input class="form-control @error('direccion') is-invalid @enderror"  type="text"  id="direccion" name="direccion" value="{{ old('direccion', $cliente->direccion) }}">
                        </div>
                        <div class="col-12">
                            <label for="observaciones" class="form-label fw-semibold">Observaciones</label>
                            <textarea class="form-control @error('observaciones') is-invalid @enderror"   id="observaciones" name="observaciones" rows="3">{{ old('observaciones', $cliente->observaciones) }}</textarea>
                        </div>
                    </div>

                    <div class="d-flex gap-2">
                        <button type="submit" class="btn btn-primary-gradient px-4 py-2 rounded-3">Actualizar Cliente</button>
                        <a href="{{ route('clientes.index') }}" class="btn btn-light px-4 py-2 rounded-3">Cancelar</a>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection