@extends('layouts.dashboard_layout')

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

@section('body-class', 'acta-reunion')

@section('content')
    <div class="container-fluid p-3 table-acta">
        <label class="text-align mb-4">Editar Cliente - {{ $clientes->nombre_empresa }}</label>
        <form action="{{ route('cliente.update', $clientes->id) }}" method="POST" enctype="multipart/form-data">
            @csrf
            @method('PUT')
            <div class="row">
                <div class="col-md-6 d-flex align-items-center justify-content-center">
                    <img id="previewImage" src="{{ asset($clientes->logo ?? asset('img/Example.png')) }}" width="80" height="80"
                        alt="Logo de la empresa" style="border: 1px solid #C3D2EE;border-radius: 5px;">
                </div>
                <div class="col-md-6">
                    <label class="form-label mb-2">Logo de la empresa</label>
                    <input type="file" name="logo" id="imagen_perfil" accept="image/jpeg,image/png,image/svg+xml" class="form-control mb-3" onchange="previewFile()">
                </div>
            </div>

            <div class="row">
                <div class="col-md-6">
                    <label class="form-label mb-2">Nombre de la empresa</label>
                    <input type="text" name="nombre_empresa" class="form-control mb-2 Inputdate"
                        placeholder="Nombre completo" value="{{ $clientes->nombre_empresa }}">
                </div>
            </div>

            @foreach ($representante as $rep)
                <div class="row">
                    <div class="col-md-6">
                        <label class="form-label mb-2">Personal Representante</label>
                        <input type="text" class="form-control mb-2" name="personal_representantes[]"
                            placeholder="Nombre del representante"
                            value="{{ $rep->personal_representantes ?? '' }}">
                    </div>
            
                    <div class="col-md-6">
                        <label class="form-label mb-2">Cargo del representante</label>
                        <input type="text" class="form-control mb-2" name="cargo_representantes[]"
                            placeholder="Ocupacion" value="{{ $rep->cargo_representantes ?? '' }}">
                    </div>
                </div>
            
                <div class="row">
                    <div class="col-md-6">
                        <label class="form-label mb-2">Correo electronico del representante</label>
                        <input type="text" class="form-control mb-2 @error('email_representantes.0') is-invalid @enderror" name="email_representantes[]"
                            placeholder="Correo personal" value="{{ $rep->email_representantes ?? '' }}">
                    @error('email_representantes.0')
                        <div class="invalid-feedback">
                            {{ $message }}
                        </div>
                    @enderror
                    </div>
                    <div class="col-md-6">
                        <label class="form-label mb-2">Numero de contacto</label>
                        <input type="text" class="form-control mb-2" name="telefono_empresa[]"
                            placeholder="+57 000 0000000" value="{{ $rep->telefono_empresa ?? '' }}">
                    </div>
                </div>
                <input type="hidden" name="id_representantes[]" value="{{ $rep->id ?? '' }}">
            @endforeach

            <div class="row">
                <div class="col-md-6">
                    <label class="form-label mb-2">Direccion de la empresa</label>
                    <input type="text" name="direccion_empresa" class="form-control mb-3 Inputdate"
                        placeholder="Carrera, Calle, Avenida" value="{{ $clientes->direccion_empresa }}">
                </div>
            </div>

            <div class="d-grid gap-2 d-md-flex justify-content-md-end">
                <button class="btnNext" type="submit">Guardar</button>
            </div>
        </form>
    </div>
@endsection

@section('scripts')
<script src="{{ asset('js/constants/img.js') }}"></script>
@endsection