@extends('layouts.admin')

@section('title', 'accesos Famesa')


@section('content_header')
    <div class="d-flex justify-content-between align-items-center">
        <h1>Accesos Personal famesa</h1>
        <a href="{{ route('guardia.famesa.dashboard') }}" class="btn btn-info">
            <i class="fas fa-home me-1"></i> Volver al Dashboard
        </a>
    </div>
@endsection

@section('content')
@if(session('success'))
    <div class="alert alert-success">{{ session('success') }}</div>
@endif

<div class="d-flex justify-content-between align-items-center mb-3">
    <div>
        <a href="{{ route('guardia.famesa.accesos_visitas.create') }}" class="btn btn-primary mb-3">
            <i class="fas fa-plus"></i> Nuevo acceso Visita
        </a>
        @can('ver-acceso')
            <a href="{{ route('guardia.famesa.accesos_visitas.informe_visita') }}" class="btn btn-primary mb-3">
                <i class="fas fa-file-alt"></i> Crear Informe Visitas
            </a>
        @endcan
    </div>
</div>

<form method="GET" action="{{ route('guardia.famesa.accesos_visitas.index') }}" class="mb-3">
    <div class="row">

        {{-- Buscar por día --}}
        <div class="col-md-3">
            <input type="date" name="fecha_dia" class="form-control" value="{{ request('fecha_dia') }}">
        </div>

        {{-- Buscar por mes --}}
        <div class="col-md-3">
            <input type="month" name="fecha_mes" class="form-control" value="{{ request('fecha_mes') }}">
        </div>

        <div class="col-md-3 d-flex">
            <button type="submit" class="btn btn-primary me-2">
                <i class="fas fa-search"></i> Buscar
            </button>
            <a href="{{ route('guardia.famesa.accesos_visitas.index') }}" class="btn btn-secondary">
                Limpiar
            </a>
        </div>
    </div>
</form>

<table class="table table-bordered table-hover">
    <thead class="thead-light">
        <tr>
            <th>Fecha Ingreso</th>
            <th>Hora Ingreso</th>
            <th>Fecha Salida</th>
            <th>Hora Salida</th>
            <th>Nombre y Apellido</th>
            <th>Rut</th>
            <th>Patente</th>
            <th>Empresa</th>
            <th>Tipo</th>
        </tr>
    </thead>
    <tbody>
        @forelse($accesos as $acceso)
            <tr>
                <td >{{ \Carbon\Carbon::parse($acceso->fecha_ingreso)->format('d/m/Y') }}</td>
                <td>{{ \Carbon\Carbon::parse($acceso->hora_ingreso)->format('H:i') }}</td>
                @if($acceso->fecha_salida != "0000-00-00")
                    <td id="fecha_salida" class="fecha_salida">{{ \Carbon\Carbon::parse($acceso->fecha_salida)->format('d/m/Y') }}</td>
                    <td>{{ \Carbon\Carbon::parse($acceso->hora_salida)->format('H:i') }}</td>
                @else
                <td id="fecha_salida" class="fecha_salida">{{ $acceso->fecha_salida }}</td>
                <td>{{ $acceso->hora_salida }}</td>
                @endif                
                <td>{{ $acceso->nombre }}</td>
                <td>{{ $acceso->rut }}</td>
                <td>{{ $acceso->patente }}</td>
                <td>{{ $acceso->empresa }}</td>
                <td>{{ $acceso->tipo }}</td>    
                
                <td>
                    <form method="POST" action="{{ route('guardia.famesa.accesos_visitas.update_salida', $acceso) }}">
                        @csrf
                          
                        <div class="form-group">
                            <input type="hidden" name="id_comercio" class="form-control" value="{{ $acceso->id_comercio }}" required>
                        </div>
        
                        <div class="form-group">
                            <input type="hidden" name="id_sucursal" class="form-control" value="{{ $acceso->id_sucursal }}" required>
                        </div>
        
                        <div class="form-group">
                            <input type="hidden" name="id_usuario" class="form-control" value="{{ $acceso->id_usuario }}" required>
                        </div>                      
                         <div class="text-right mt-1">
                            <button id="btnMarcarSalida" class="btn btn-success btnMarcarSalida">
                                     Marcar Salida
                            </button>                            
                        </div>                   
                    </form>           
                </td>
                
                @can('ver-acceso')  
                <td>
                    <a href="{{ route('guardia.famesa.accesos_visitas.show', $acceso) }}" class="btn btn-info btn-sm">
                        <i class="fas fa-eye"></i>
                    </a>
                    <a href="{{ route('guardia.famesa.accesos_visitas.edit', $acceso) }}" class="btn btn-warning btn-sm">
                        <i class="fas fa-edit"></i>
                    </a>
                    <form action="{{ route('guardia.famesa.accesos_visitas.show', $acceso) }}" method="POST" style="display:inline-block;">
                        @csrf @method('DELETE')
                        <button class="btn btn-danger btn-sm" onclick="return confirm('¿Eliminar este acceso?')">
                            <i class="fas fa-trash"></i>
                        </button>
                    </form>
                </td>
                @endcan
                
            </tr>
        @empty
            <tr>
                <td colspan="6" class="text-center text-muted">No hay accesos registrados.</td>
            </tr>
        @endforelse
    </tbody>
</table>
@endsection

@section('js')
<script>
    document.addEventListener('DOMContentLoaded', function () {
        const filas = document.querySelectorAll('table tbody tr');
    
        filas.forEach((fila) => {
            const celda = fila.querySelector('.fecha_salida');
            const boton = fila.querySelector('.btnMarcarSalida');
    
            if (celda && boton) {
                if (celda.textContent.trim() !== '0000-00-00') {
                    boton.disabled = true;
                } else {
                    boton.addEventListener('click', function (e) {
                        e.preventDefault(); // Previene la acción inmediata
    
                        Swal.fire({
                            title: '¿Confirmar salida?',
                            text: "¿Estás seguro que deseas marcar la salida?",
                            icon: 'warning',
                            showCancelButton: true,
                            confirmButtonColor: '#3085d6',
                            cancelButtonColor: '#d33',
                            confirmButtonText: 'Sí, marcar salida',
                            cancelButtonText: 'Cancelar'
                        }).then((result) => {
                            if (result.isConfirmed) {
                                // Si acepta, entonces enviar el formulario
                                this.closest('form').submit();
                            }
                        });
                    });
                }
            }
        });
    });
    </script>
    
    
    
@endsection