@extends('layouts.dashboard_layout')

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

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

@section('content')
    <div class="container-fluid p-3 table-acta">
        <label class="text-align mb-4">Nuevo Cliente</label>
        <form action="{{ route('cliente.store') }}" method="POST" enctype="multipart/form-data">
            @csrf
            <div class="row">
                <div class="col-md-6 d-flex align-items-center justify-content-center">
                    <img id="previewImage" src="{{ asset('img/Example.png') }}" alt="Logo de empresa" style="width: 90px; height: 90px;">
                </div>
                <div class="col-md-6">
                    <label class="form-label mb-2">Logo de la empresa</label>
                    <input type="file" name="logo" accept="image/jpeg,image/png,image/svg+xml" id="imagen_perfil" 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 col-6"
                        placeholder="Nombre de la empresa" value="{{ old('nombre_empresa') }}" required>
                </div>
            </div>

            <div class="row">
                <div class="col-md-6">
                    <label class="form-label mb-2">Personal Representante</label>
                    <input type="text" name="personal_representantes[]" class="form-control mb-2"
                        placeholder="Nombre del representante" value="{{ old('personal_representantes.0') }}" required>
                    <input type="text" name="personal_representantes[]" class="form-control mb-2"
                        placeholder="Nombre del representante">
                    <input type="text" name="personal_representantes[]" class="form-control mb-2"
                        placeholder="Nombre del representante">
                </div>

                <div class="col-md-6">
                    <label class="form-label mb-2">Cargo del representante</label>
                    <input type="text" name="cargo_representantes[]" value="{{ old('cargo_representantes.0') }}" class="form-control mb-2" placeholder="Ocupación"
                        required>
                    <input type="text" name="cargo_representantes[]" class="form-control mb-2" placeholder="Ocupación">
                    <input type="text" name="cargo_representantes[]" class="form-control mb-2" placeholder="Ocupación">
                </div>
            </div>

            <div class="row">
                <div class="col-md-6">
                    <label class="form-label mb-2">Correo electrónico del representante</label>
                    <input type="email" name="email_representantes[]"
                        class="form-control mb-2 @error('email_representantes.0') is-invalid @enderror" placeholder="Correo personal"
                        required>
                    <input type="email" name="email_representantes[]" class="form-control mb-2"
                        placeholder="Correo personal">
                    <input type="email" name="email_representantes[]" class="form-control mb-2"
                        placeholder="Correo personal">
                    @error('email_representantes.0')
                        <div class="invalid-feedback">
                            {{ $message }}
                        </div>
                    @enderror
                </div>
                <div class="col-md-6">
                    <label class="form-label mb-2">Número de contacto</label>
                    <input type="number" name="telefono_empresa[]" value="{{ old('telefono_empresa.0') }}" class="form-control mb-2" placeholder="+57 000 0000000"
                        required>
                    <input type="number" name="telefono_empresa[]" class="form-control mb-2" placeholder="+57 000 0000000">
                </div>
            </div>
            <div class="row">
                <div class="col-md-6">
                    <label class="form-label mb-2">Dirección de la empresa</label>
                    <input type="text" name="direccion_empresa" value="{{ old('direccion_empresa') }}" class="form-control mb-3 Inputdate"
                        placeholder="Carrera, Calle, Avenida" required>
                </div>
            </div>

            <div class="d-grid gap-2 d-md-flex justify-content-md-end">
                <button type="button" class="btn-previos"
                    onclick="window.location.href='/clientes'">Cancelar</button>
                <button class="btnNext" type="submit">Guardar</button>
            </div>
        </form>
    </div>
@endsection

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