@extends('admin.layouts.app')

@section('content')
    {{-- Header: Customer & Selected Campaign Info --}}
    <div class="portlet box blue">
        <div class="portlet-title">
            <div class="caption">
                <i class="fa fa-user"></i>
                {{ $customer->first_name }} {{ $customer->last_name }} &ndash; {{ $campaign->title }}
            </div>
            <div class="actions">
                <span class="btn btn-outline white">
                    Total {{ ucfirst($metricKey) }}: {{ $totalScore }}
                </span>
            </div>
        </div>
        <div class="portlet-body">
            <div class="row" style="margin-top: 10px; display: flex; flex-wrap: wrap;">
                <div class="col-md-6">
                    <p><strong>Mobile:</strong> {{ $customer->mobile ?? '---' }}</p>
                    <p><strong>Email:</strong> {{ $customer->email ?? '---' }}</p>
                </div>
                <div class="col-md-6">
                    <p><strong>Serial Number:</strong> {{ optional($serialNumber)->serial_number }}</p>
                    <p><strong>Device ID:</strong> {{ optional($serialNumber)->device_id }}</p>
                </div>
            </div>
        </div>
    </div>

    {{-- Filter Form: Campaign, Date Range --}}
    <div class="row">
        <div class="col-md-12">
            {!! Form::open(['route' => ['admin.customers.health_data', $customer->id], 'method' => 'get', 'class' => 'form-inline']) !!}
            <div class="form-group" style="margin-right: 15px;">
                <label for="campaign" style="margin-right: 5px;">Campaign</label>
                <select name="campaign" id="campaign" class="form-control" onchange="this.form.submit()">
                    @foreach($campaigns as $camp)
                        @if(@$camp->id)
                        <option value="{{ $camp->id }}" {{ $camp->id == $selectedCampaignId ? 'selected' : '' }}>
                            {{ $camp->title }} ({{ optional($camp->start_date)->format('Y-m-d') }}&ndash;{{ optional($camp->end_date)->format('Y-m-d') }})
                        </option>
                        @endif
                    @endforeach
                </select>
            </div>
            <div class="form-group" style="margin-right: 15px;">
                <label for="from" style="margin-right: 5px;">From</label>
                {{ Form::date('from', request('from'), ['class' => 'form-control']) }}
            </div>
            <div class="form-group" style="margin-right: 15px;">
                <label for="to" style="margin-right: 5px;">To</label>
                {{ Form::date('to', request('to'), ['class' => 'form-control']) }}
            </div>
            <button type="submit" class="btn btn-success" style="margin-right: 5px;">
                <i class="fa fa-search"></i> Filter
            </button>
            <a href="{{ route('admin.customers.health_data', $customer->id) }}" class="btn btn-info">
                <i class="fa fa-refresh"></i> Reset
            </a>
            {!! Form::close() !!}
        </div>
    </div>

    <br>

    {{-- Metrics Table --}}
    <div class="portlet light bordered">
        <div class="portlet-body">
            <div class="table-scrollable">
                <table class="table table-hover">
                    <thead>
                    <tr>
                        <th>ID</th>
                        <th>Date</th>
                        <th class="text-right">{{ ucfirst($metricKey) }}</th>
                        <th>Sources</th>
                    </tr>
                    </thead>
                    <tbody>
                    @forelse($healthData as $record)
                        @php
                            $value   = optional($record->metrics->first())->pivot->value ?? 0;
                            $sources = $record->sources;
                        @endphp
                        <tr>
                            <td>{{$record->id}}</td>
                            <td>{{ \Carbon\Carbon::parse($record->date)->format('Y-m-d') }}</td>
                            <td class="text-right">{{ $value }}</td>
                            <td>@foreach($sources as $source)
                                <li>{{$source->model_name}} : {{$source->unique_device_id}}</li>
                                @endforeach
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="3" class="text-center">No data for this campaign.</td>
                        </tr>
                    @endforelse
                    </tbody>
                    <tfoot>
                    <tr>
                        <td colspan="3">
                            {!! $healthData->appends(request()->except('page'))->links() !!}
                        </td>
                    </tr>
                    </tfoot>
                </table>
            </div>
        </div>
    </div>
@endsection