@extends('layouts/app')
@section('titulo', 'info empresa')

@section('content')

    <style>
        img.logo {
            width: 130px;
            border-radius: 50%;
            box-shadow: 0px 0px 20px rgb(226, 226, 226);
            margin-top: -20px;
            margin-bottom: 40px;
        }

        .logo {
            font-size: 130px;
            color: rgb(228, 228, 228);
        }

        .img {
            background: rgb(247, 251, 255);
        }
    </style>

    {{-- notificaciones --}}


    <h4 class="text-center text-secondary">DATOS DE LA EMPRESA</h4>

    @if (session('CORRECTO'))
        <div class="alert alert-success"><i class="fas fa-check"></i> {{ session('CORRECTO') }}</div>
    @endif

    @if (session('INCORRECTO'))
        <div class="alert alert-error"><i class="fas fa-times"></i> {{ session('INCORRECTO') }}</div>
    @endif

    <div class="mb-0 col-12 bg-white p-5 pt-0">
        @foreach ($datos as $item)
            <div class="d-flex justify-content-around align-items-center flex-wrap gap-5 pt-5 pb-3 mb-3 img">
                <div class="text-center">
                    @if ($item->foto == null)
                        <p class="logo">
                            <i class="far fa-frown"></i>
                        </p>
                    @else
                        <img class="logo" src="{{ asset("foto/empresa/$item->foto") }}" alt="">
                    @endif
                </div>
                <div>
                    <h6 class="text-dark font-weight-bold">Modificar imagen</h6>
                    <form action="{{ route('empresa.updateImg') }}" method="POST" enctype="multipart/form-data"
                        id="miForm">
                        @csrf
                        <input type="hidden" name="id" value="{{ $item->id_empresa }}">
                        <div class="alert alert-secondary">Selecciona una imagen no muy <b>pesado</b> y en un formato
                            <b>válido</b>
                            ...!
                        </div>
                        <div class="fl-flex-label mb-4 col-12">
                            <input required type="file" name="foto" class="input form-control-file input__text"
                                value="">
                            @error('foto')
                                <small class="error error__text">{{ $message }}</small>
                            @enderror
                        </div>
                    </form>
                    <div class="d-flex justify-content-end gap-4">
                        <div class="text-right mt-0">
                            <button form="miForm" type="submit" class="btn btn-rounded btn-success"><i
                                    class="fas fa-save"></i>&nbsp;&nbsp; Modificar logo</button>
                        </div>
                        <div class="text-right mt-0">
                            <form action="{{ route('empresa.eliminarImg', $item->id_empresa) }}" method="get"
                                class="d-inline formulario-eliminar">
                            </form>
                            <a href="" data-id="{{ $item->id_empresa }}"
                                class="btn btn-rounded btn-danger eliminar"><i class="fas fa-trash"></i>&nbsp;&nbsp;
                                Eliminar
                                logo</a>
                        </div>
                    </div>


                </div>
            </div>



            <form action="{{ route('empresa.update', $item->id_empresa) }}" method="POST">
                @csrf
                @method('PUT')
                <div class="row">
                    <input type="hidden" name="id" value="{{ $item->id_empresa }}">
                    <div class="fl-flex-label mb-4 col-12 col-lg-6">
                        <input type="text" name="nombre" class="input input__text" id="nombre" placeholder="Nombre"
                            value="{{ $item->nombre }}">
                        @error('nombre')
                            <small class="error error__text">{{ $message }}</small>
                        @enderror
                    </div>

                    <div class="fl-flex-label mb-4 col-12 col-lg-6">
                        <input type="text" name="ubicacion" class="input input__text" placeholder="Ubicación"
                            value="{{ $item->ubicacion }}">
                    </div>
                    <div class="fl-flex-label mb-4 col-12 col-lg-6">
                        <input type="text" name="telefono" class="input input__text" placeholder="Telefono"
                            value="{{ $item->telefono }}">
                    </div>

                    <div class="fl-flex-label mb-4 col-12 col-lg-6">
                        <input type="text" name="correo" class="input input__text" placeholder="Correo"
                            value="{{ $item->correo }}">
                    </div>


                    <div class="text-right mt-0">
                        <button type="submit" class="btn btn-rounded btn-primary"><i class="fas fa-save"></i>&nbsp;&nbsp;
                            Guardar cambios</button>
                    </div>
                </div>


            </form>
        @endforeach
    </div>




@endsection