@extends('layouts.app')

@section('content')
    <div class="container">
        <h1>Clientes</h1>
        <!-- Buscador de clientes -->
        <form action="{{ route('clientes.index') }}" method="GET" class="mb-3">
            <div class="input-group">
                <input type="text" name="search" class="form-control" placeholder="Buscar cliente..." value="{{ request('search') }}">
                <button type="submit" class="btn btn-primary">Buscar</button>
            </div>
        </form>
        <!-- Botones de acción -->
        <div class="d-flex mb-3">
            @if(auth()->user()->hasRole('administrador'))
                <!-- Botón de importar xls -->
                <form action="{{ route('clientes.importar') }}" method="POST" enctype="multipart/form-data" class="mr-2">
                    @csrf
                    <div class="form-group mb-0">
                        <label for="archivo_xls" class="btn btn-info">Importar XLS de clientes
                            <input type="file" class="form-control-file d-none" id="archivo_xls" name="archivo_xls" accept=".xlsx" onchange="this.form.submit()">
                        </label>
                    </div>
                </form>
                <!-- Botón de exportar a Excel -->
                <a href="{{ route('clientes.export') }}" class="btn btn-warning mr-2">Exportar a Excel</a>
            @endif
            <!-- Botón de visibilidad de columnas -->
            <button id="toggle-visibility" class="btn btn-primary mr-2">Visibilidad de columnas</button>
            <!-- Botón de crear nuevo cliente -->
            <a href="{{ route('clientes.create') }}" class="btn btn-success">Crear Nuevo Cliente</a>
        </div>
        <!-- Opciones de visibilidad -->
        <div id="visibility-options" style="display: none;">
            @foreach(['codigo', 'movil', 'es_iman', 'latitud', 'longitud', 'ultima_fecha_pedido', 'RazonSocial', 'dias_desde_ultima_compra'] as $column)
                <label>
                    <input type="checkbox" class="toggle-column" data-column="{{ $column }}" {{ in_array($column, $defaultColumns) ? 'checked' : '' }}>
                    @if($column == 'RazonSocial')
                        Razon Social
                    @else
                        {{ ucfirst(str_replace('_', ' ', $column)) }}
                    @endif
                </label>
            @endforeach
        </div>
        @if(session('success'))
        <div class="alert alert-success">
            {{ session('success') }}
        </div>
    @endif
    @if(session('error'))
        <div class="alert alert-danger">
            {{ session('error') }}
        </div>
    @endif
    @if(session('warning'))
    <div class="alert alert-warning">
        {{ session('warning') }}
    </div>
@endif

        <!-- Tabla para mostrar la lista de clientes -->
        <table id="clientes-table"class="table">
            <thead>
                <tr>
                    <th>N°</th>
                    <th>Nombre</th>
                    <th>Teléfono</th>
                    <th>RUT</th>
                    <th>Dirección</th>
                    <!-- Columnas opcionales -->
                    @foreach(['codigo', 'movil', 'es_iman', 'latitud', 'longitud', 'ultima_fecha_pedido', 'RazonSocial', 'dias_desde_ultima_compra'] as $column)
                        <th class="column-header column-{{ $column }} @if(in_array($column, $defaultColumns)) active @endif">
                            @if($column == 'RazonSocial')
                                Razon Social
                            @else
                                {{ ucfirst(str_replace('_', ' ', $column)) }}
                            @endif
                        </th>
                    @endforeach
                    <th>Acciones</th>
                </tr>
            </thead>
            <tbody>
                @foreach($clientes as $index =>  $cliente)
                    <tr>
                        <td>{{ $index + 1 }}</td> <!-- Número correlativo -->
                        <td>{{ $cliente->Nombre }}</td>
                        <td>{{ $cliente->Telefono }}</td>
                        <td>{{ $cliente->RUT }}</td>
                        <td>{{ $cliente->Direccion }}</td>
                        <!-- Contenido de columnas opcionales -->
                        @foreach(['codigo', 'movil', 'es_iman', 'latitud', 'longitud', 'ultima_fecha_pedido', 'RazonSocial', 'dias_desde_ultima_compra'] as $column)
                            @if($column == 'movil')
                                <td class="column-{{ $column }}">{{ $cliente->movil ? $cliente->movil->alias : 'N/A' }}</td>
                            @elseif($column == 'es_iman')
                                <td class="column-{{ $column }}">{{ $cliente->es_iman ? 'Sí' : 'No' }}</td>
                            @elseif($column == 'latitud' || $column == 'longitud')
                                <td class="column-{{ $column }}">{{ optional($cliente->direcciones->first())->$column ?? 'N/A' }}</td>
                            @elseif($column == 'ultima_fecha_pedido')
                                <td class="column-{{ $column }}">{{ optional($cliente->pedidos->sortByDesc('Fecha')->first())->Fecha ?? 'N/A' }}</td>
                            @elseif($column == 'dias_desde_ultima_compra')
                                <td class="column-{{ $column }}">
                                    @php
                                        $ultimaCompra = optional($cliente->pedidos->sortByDesc('Fecha')->first())->Fecha;
                                        $diasTranscurridos = $ultimaCompra ? now()->diffInDays($ultimaCompra) : 'N/A';
                                    @endphp
                                    {{ $diasTranscurridos }}
                                </td>
                            @else
                                <td class="column-{{ $column }}">{{ $cliente->$column ?? 'N/A' }}</td>
                            @endif
                        @endforeach

                        <td>
                            <a href="{{ route('clientes.edit', ['cliente' => $cliente->ClienteID]) }}" class="btn btn-primary">Editar</a>
                            <a href="{{ route('clientes.show', ['cliente' => $cliente->ClienteID]) }}" class="btn btn-info">Ver</a>
                            <a href="{{ route('clientes.destroy', $cliente->ClienteID) }}" class="btn btn-danger" data-confirm-delete="true">Eliminar</a>                        </td>
                    </tr>
                @endforeach
            </tbody>
        </table>
         <!-- Agregar la paginación justo después de la tabla -->
    {{ $clientes->links() }}



    </div>
@endsection