@extends('adminlte::page')

@section('title', 'Registros de: ' . $service->service_name)

@section('content_header')
    <h1>Dashboard</h1>
@endsection

@section('content')
    <div class="container mt-4">
        <h2 class="mb-4">Historial de Visitas de {{ $service->service_name }}</h2>

        <table class="table table-bordered table-striped">
            <thead>
                <tr>
                    <th>Periodo</th>
                    <th>Visitas Generales</th>
                    <th>Clicks Web</th>
                    <th>Clicks Email</th>
                    <th>Clicks Teléfono</th>
                    <th>Clicks en Redes Sociales</th>
                    <th>Fecha de Registro</th>
                    <th> * </th>
                </tr>
            </thead>
            <tbody>
                @foreach ($service->trackingHistory as $history)
                    <tr>
                        <td>{{ $history->period }}</td>
                        <td>{{ $history->general_visits }}</td>
                        <td>{{ $history->clicks_on_web_site }}</td>
                        <td>{{ $history->clicks_on_email }}</td>
                        <td>{{ $history->clicks_on_phone }}</td>
                        <td>{{ $history->general_clicks_on_social_networks }}</td>
                        <td>{{ $history->created_at->format('d-m-Y H:i') }}</td>
                        <td>
                            <a href="" class="btn btn-success send-history" data-history-id="{{ $history->id }}">Enviar
                                registro al cliente</a>
                                <form action="{{ Route('sendServiceHistory')}}" method="POST" id="sendHistoryForm_{{$history->id}}">
                                    @csrf
                                    <input type="hidden" name="historyId" value="{{$history->id}}">
                                </form>
                        </td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    </div>
@endsection

@section('js')
    @vite('resources/js/services/trackingLogs.js')
@endsection