@extends('adminlte::page')

@section('title', 'Case Analytics')

@section('content_header')
    <div class="d-flex justify-content-between align-items-center">
        <h1>Case Analytics</h1>
        <div>
            <form method="GET" class="d-inline">
                <input type="date" name="start_date" value="{{ $startDate->format('Y-m-d') }}" class="form-control d-inline-block" style="width: auto;">
                <span class="mx-2">to</span>
                <input type="date" name="end_date" value="{{ $endDate->format('Y-m-d') }}" class="form-control d-inline-block" style="width: auto;">
                <button type="submit" class="btn btn-primary">Update Range</button>
            </form>
            <a href="{{ route('reports.index') }}" class="btn btn-secondary ml-2">
                <i class="fas fa-arrow-left"></i> Back to Reports
            </a>
        </div>
    </div>
@stop

@section('content')
<!-- Key Metrics -->
<div class="row">
    <div class="col-lg-3 col-6">
        <div class="small-box bg-info">
            <div class="inner">
                <h3>{{ $casesOverTime->sum('count') }}</h3>
                <p>Cases Opened</p>
                <small>{{ $startDate->format('M j') }} - {{ $endDate->format('M j, Y') }}</small>
            </div>
            <div class="icon">
                <i class="fas fa-briefcase"></i>
            </div>
        </div>
    </div>
    <div class="col-lg-3 col-6">
        <div class="small-box bg-success">
            <div class="inner">
                <h3>{{ $caseDurations->count() }}</h3>
                <p>Cases Closed</p>
                <small>With duration data</small>
            </div>
            <div class="icon">
                <i class="fas fa-check-circle"></i>
            </div>
        </div>
    </div>
    <div class="col-lg-3 col-6">
        <div class="small-box bg-warning">
            <div class="inner">
                <h3>{{ $caseDurations->count() > 0 ? number_format($caseDurations->avg('duration_days'), 1) : 0 }}</h3>
                <p>Avg Duration (Days)</p>
                <small>From open to close</small>
            </div>
            <div class="icon">
                <i class="fas fa-clock"></i>
            </div>
        </div>
    </div>
    <div class="col-lg-3 col-6">
        <div class="small-box bg-danger">
            <div class="inner">
                <h3>{{ $lawyerPerformance->count() }}</h3>
                <p>Active Lawyers</p>
                <small>With assigned cases</small>
            </div>
            <div class="icon">
                <i class="fas fa-user-tie"></i>
            </div>
        </div>
    </div>
</div>

<div class="row">
    <!-- Cases Over Time Chart -->
    <div class="col-md-8">
        <div class="card">
            <div class="card-header">
                <h3 class="card-title">Cases Opened Over Time</h3>
            </div>
            <div class="card-body">
                <canvas id="casesOverTimeChart" height="100"></canvas>
            </div>
        </div>
    </div>

    <!-- Success Rate by Type -->
    <div class="col-md-4">
        <div class="card">
            <div class="card-header">
                <h3 class="card-title">Success Rate by Type</h3>
            </div>
            <div class="card-body">
                @if($successRateByType->count() > 0)
                    @foreach($successRateByType as $type)
                        <div class="progress-group">
                            <span class="float-right"><b>{{ $type->success_rate }}%</b></span>
                            <span class="progress-text">{{ ucfirst($type->case_type) }} ({{ $type->total }} cases)</span>
                            <div class="progress progress-sm">
                                <div class="progress-bar bg-primary" style="width: {{ $type->success_rate }}%"></div>
                            </div>
                        </div>
                    @endforeach
                @else
                    <p class="text-muted">No case type data available for the selected period.</p>
                @endif
            </div>
        </div>
    </div>
</div>

<div class="row">
    <!-- Lawyer Performance -->
    <div class="col-md-6">
        <div class="card">
            <div class="card-header">
                <h3 class="card-title">Lawyer Performance</h3>
            </div>
            <div class="card-body">
                @if($lawyerPerformance->count() > 0)
                    <div class="table-responsive">
                        <table class="table table-sm">
                            <thead>
                                <tr>
                                    <th>Lawyer</th>
                                    <th>Total</th>
                                    <th>Active</th>
                                    <th>Closed</th>
                                    <th>Success Rate</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($lawyerPerformance as $lawyer)
                                    @php
                                        $successRate = $lawyer->total_cases > 0 ? round(($lawyer->closed_cases / $lawyer->total_cases) * 100, 1) : 0;
                                    @endphp
                                    <tr>
                                        <td>{{ $lawyer->name }}</td>
                                        <td><span class="badge badge-info">{{ $lawyer->total_cases }}</span></td>
                                        <td><span class="badge badge-warning">{{ $lawyer->active_cases }}</span></td>
                                        <td><span class="badge badge-success">{{ $lawyer->closed_cases }}</span></td>
                                        <td>
                                            <div class="progress progress-xs">
                                                <div class="progress-bar bg-success" style="width: {{ $successRate }}%"></div>
                                            </div>
                                            <small>{{ $successRate }}%</small>
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                @else
                    <p class="text-muted">No lawyer performance data available.</p>
                @endif
            </div>
        </div>
    </div>

    <!-- Case Duration Analysis -->
    <div class="col-md-6">
        <div class="card">
            <div class="card-header">
                <h3 class="card-title">Case Duration Analysis</h3>
                <div class="card-tools">
                    <span class="badge badge-info">Top 10 Longest Cases</span>
                </div>
            </div>
            <div class="card-body">
                @if($caseDurations->count() > 0)
                    <div class="table-responsive">
                        <table class="table table-sm">
                            <thead>
                                <tr>
                                    <th>Case</th>
                                    <th>Duration</th>
                                    <th>Opened</th>
                                    <th>Closed</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($caseDurations->take(10) as $case)
                                    <tr>
                                        <td>
                                            <small><strong>{{ $case->case_number }}</strong></small><br>
                                            <small class="text-muted">{{ Str::limit($case->title, 30) }}</small>
                                        </td>
                                        <td>
                                            <span class="badge badge-primary">{{ $case->duration_days }} days</span>
                                        </td>
                                        <td><small>{{ \Carbon\Carbon::parse($case->date_opened)->format('M j, Y') }}</small></td>
                                        <td><small>{{ \Carbon\Carbon::parse($case->date_closed)->format('M j, Y') }}</small></td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                @else
                    <p class="text-muted">No closed cases with duration data available.</p>
                @endif
            </div>
        </div>
    </div>
</div>

<!-- Additional Statistics -->
<div class="row">
    <div class="col-12">
        <div class="card">
            <div class="card-header">
                <h3 class="card-title">Case Statistics Summary</h3>
            </div>
            <div class="card-body">
                <div class="row">
                    <div class="col-md-3">
                        <div class="description-block">
                            <h5 class="description-header">{{ $caseDurations->count() > 0 ? $caseDurations->min('duration_days') : 0 }}</h5>
                            <span class="description-text">SHORTEST CASE (DAYS)</span>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="description-block">
                            <h5 class="description-header">{{ $caseDurations->count() > 0 ? $caseDurations->max('duration_days') : 0 }}</h5>
                            <span class="description-text">LONGEST CASE (DAYS)</span>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="description-block">
                            <h5 class="description-header">{{ $caseDurations->count() > 0 ? number_format($caseDurations->median('duration_days'), 1) : 0 }}</h5>
                            <span class="description-text">MEDIAN DURATION (DAYS)</span>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="description-block">
                            <h5 class="description-header">{{ $successRateByType->count() > 0 ? number_format($successRateByType->avg('success_rate'), 1) : 0 }}%</h5>
                            <span class="description-text">OVERALL SUCCESS RATE</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@stop

@section('js')
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<script>
// Cases Over Time Chart
const casesCtx = document.getElementById('casesOverTimeChart').getContext('2d');
const casesChart = new Chart(casesCtx, {
    type: 'line',
    data: {
        labels: [
            @foreach($casesOverTime as $data)
                '{{ \Carbon\Carbon::parse($data->date)->format('M j') }}',
            @endforeach
        ],
        datasets: [{
            label: 'Cases Opened',
            data: [
                @foreach($casesOverTime as $data)
                    {{ $data->count }},
                @endforeach
            ],
            borderColor: '#007bff',
            backgroundColor: 'rgba(0, 123, 255, 0.1)',
            borderWidth: 2,
            fill: true,
            tension: 0.4
        }]
    },
    options: {
        responsive: true,
        maintainAspectRatio: false,
        scales: {
            y: {
                beginAtZero: true,
                ticks: {
                    stepSize: 1
                }
            }
        },
        plugins: {
            legend: {
                display: false
            }
        }
    }
});
</script>
@stop