@extends('layout.master')

@push('plugin-styles')
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<style>
    @media print {
        .no-print {
            display: none !important;
        }
        body {
            background: white !important;
        }
        .card {
            border: none !important;
            box-shadow: none !important;
        }
    }
    
    /* Condition Badges */
    .badge-good { 
        background-color: #28a745; /* Green */
        color: white;
    }
    .badge-bad { 
        background-color: #fd7e14; /* Orange */
        color: white;
    }
    .badge-NA { 
        background-color: #dc3545; /* Red */
        color: white;
    }
    
    /* Status Badges */
    .badge-P1 { 
        background-color: #28a745; /* Green */
        color: white;
    }
    .badge-P2 { 
        background-color: #ffc107; /* Yellow */
        color: #212529;
    }
    .badge-P3 { 
        background-color: #fd7e14; /* Orange */
        color: white;
    }
    .badge-N/A { 
        background-color: #dc3545; /* Gray */
        color: white;
    }
    
    .date-header {
        background-color: #f8f9fa;
        border-left: 4px solid #dc3545;
        padding: 10px 15px;
        margin: 20px 0;
        font-weight: bold;
    }
    .date-badge {
        margin-right: 5px;
        margin-bottom: 5px;
    }
</style>
@endpush

@section('content')
@php
use Carbon\Carbon;
@endphp

<div class="container my-5">
    <div class="card shadow-lg border-0">
        <div class="card-header bg-danger text-white">
            <h2 class="mb-0 text-uppercase">{{ $schedule_type }} Schedule Report</h2>
            @if($selected_date)
                <small>Showing results for: {{ Carbon::parse($selected_date)->format('d F Y') }}</small>
            @endif
        </div>
        
        <div class="text-center my-4 no-print">
            <img src="{{ asset('assets/images/logo.png') }}" alt="Logo" style="height:80px;">
        </div>
        
        <div class="card-body">
            <!-- Report Metadata -->
            <div class="row mb-4">
                <div class="col-md-4">
                    <h5><strong>Report Type:</strong> {{ ucfirst($schedule_type) }}</h5>
                </div>
                <div class="col-md-4">
                    <h5><strong>Report Date:</strong> {{ now()->format('d M Y H:i') }}</h5>
                </div>
                <div class="col-md-4">
                    <h5><strong>Prepared By:</strong> {{ Auth::user()->name ?? 'System' }}</h5>
                </div>
            </div>
            
            <!-- Date Filter Options -->
            @if(!$selected_date)
            <div class="card mb-4 no-print">
                <div class="card-header bg-primary text-white">
                    <h5 class="mb-0"><i class="fas fa-filter"></i> Filter by Date</h5>
                </div>
                <div class="card-body">
                    @foreach($scheduleItems->groupBy(function($item) { return $item->created_at->format('Y-m-d'); }) as $date => $items)
                        <a href="{{ route('schedule.report', [
                            'crane_id' => $crane->id,
                            'schedule_type' => $schedule_type,
                            'date' => $date
                        ]) }}" class="badge badge-primary date-badge">
                            {{ Carbon::parse($date)->format('d M Y') }} ({{ $items->count() }})
                        </a>
                    @endforeach
                </div>
            </div>
            @endif
            
            <!-- Crane Details -->
            <div class="card mb-4">
                <div class="card-header bg-secondary text-white">
                    <h4 class="mb-0"><i class="fas fa-crane"></i> Crane Details</h4>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-3">
                            <p><strong>Crane ID:</strong> {{ $crane->company_name }}{{ $crane->serial_no }}</p>
                            <p><strong>Manufacturer:</strong> {{ $crane->manufacturer }}</p>
                        </div>
                        <div class="col-md-3">
                            <p><strong>Model:</strong> {{ $crane->model }}</p>
                            <p><strong>Serial No:</strong> {{ $crane->serial_no }}</p>
                        </div>
                        <div class="col-md-3">
                            <p><strong>Location:</strong> {{ $crane->platform }}</p>
                            <p><strong>SWL:</strong> {{ $crane->swl }}</p>
                        </div>
                        <div class="col-md-3">
                            <p><strong>Last Inspection:</strong> {{ $crane->last_inspection_date ? Carbon::parse($crane->last_inspection_date)->format('d M Y') : 'N/A' }}</p>
                            <p><strong>Next Inspection:</strong> {{ $crane->next_inspection_date ? Carbon::parse($crane->next_inspection_date)->format('d M Y') : 'N/A' }}</p>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Maintenance Items -->
            @if($scheduleItems->count() > 0)
                @php
                    $groupedItems = $scheduleItems->groupBy('section');
                @endphp

                @foreach($groupedItems as $section => $items)
                    @php
                        $sectionData = [
                            'B' => ['icon' => 'fas fa-gears', 'title' => 'Component'],
                            'C' => ['icon' => 'fas fa-bolt', 'title' => 'Primary '],
                            'D' => ['icon' => 'fas fa-shield-alt', 'title' => 'Sub Primary '],
                            'E' => ['icon' => 'fas fa-tachometer-alt', 'title' => 'Secondary ']
                        ][$section] ?? ['icon' => 'fas fa-cog', 'title' => 'Section'];
                    @endphp
                    
                    <div class="card mb-4">
                        <div class="card-header bg-dark text-white">
                            <h5 class="mb-0">
                                <i class="{{ $sectionData['icon'] }}"></i> 
                                Section {{ strtoupper($section) }} - {{ $sectionData['title'] }}
                            </h5>
                        </div>
                        <div class="card-body p-0">
                            <div class="table-responsive">
                                <table class="table table-bordered table-hover mb-0">
                                    <thead class="table-light">
                                        <tr>
                                            <th width="5%">#</th>
                                            <th width="15%">Name</th>
                                            <th width="20%">Activity</th>
                                            <th width="8%">Pre-Condition</th>
                                            <th width="8%">Post-Condition</th>
                                            <th width="8%">Status</th>
                                            <th width="15%">Remarks</th>
                                            <th width="10%">Attachment</th>
                                            <th width="11%">Date</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach($items as $item)
                                        <tr>
                                            <td>{{ $loop->iteration }}</td>
                                            <td>{{ $item->item_name }}</td>
                                            <td>{{ $item->activity }}</td>
                                            <td>
                                                @if($item->pre_condition === 'N/A')
                                                    <span class="badge badge-NA">N/A</span>
                                                @else
                                                    <span class="badge badge-{{ strtolower($item->pre_condition) }}">
                                                        {{ ucfirst($item->pre_condition) }}
                                                    </span>
                                                @endif
                                            </td>
                                            <td>
                                                @if($item->post_condition === 'N/A')
                                                    <span class="badge badge-NA">N/A</span>
                                                @else
                                                    <span class="badge badge-{{ strtolower($item->post_condition) }}">
                                                        {{ ucfirst($item->post_condition) }}
                                                    </span>
                                                @endif
                                            </td>
                                            <td>
                                                @php
                                                    $statusClass = [
                                                        'P1' => 'badge-P1',
                                                        'P2' => 'badge-P2',
                                                        'P3' => 'badge-P3',
                                                        'N/A' => 'badge-NA'
                                                    ][$item->status] ?? 'badge-secondary';
                                                @endphp
                                                <span class="badge {{ $statusClass }}">
                                                    {{ $item->status }}
                                                </span>
                                            </td>
                                            <td>{{ $item->remark ? Str::limit($item->remark, 50) : '-' }}</td>
                                            <td class="text-center">
                                                @if($item->file_path)
                                                    <a href="{{ Storage::url($item->file_path) }}" target="_blank" class="btn btn-sm btn-outline-primary">
                                                        <i class="fas fa-file-download"></i> View
                                                    </a>
                                                @else
                                                    -
                                                @endif
                                            </td>
                                            <td>{{ $item->created_at->format('d M Y') }}</td>
                                        </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                @endforeach

                <!-- Summary Section -->
                <div class="card mb-4">
                    <div class="card-header bg-info text-white">
                        <h4 class="mb-0"><i class="fas fa-chart-pie"></i> Summary Statistics</h4>
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-3">
                                <div class="card bg-light mb-3">
                                    <div class="card-body text-center">
                                        <h5 class="card-title">Total Items</h5>
                                        <h2 class="text-primary">{{ $scheduleItems->count() }}</h2>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="card bg-light mb-3">
                                    <div class="card-body text-center">
                                        <h5 class="card-title">P1 (Good)</h5>
                                        <h2 class="text-success">{{ $scheduleItems->where('status', 'P1')->count() }}</h2>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="card bg-light mb-3">
                                    <div class="card-body text-center">
                                        <h5 class="card-title">P2 (Fair)</h5>
                                        <h2 class="text-warning">{{ $scheduleItems->where('status', 'P2')->count() }}</h2>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="card bg-light mb-3">
                                    <div class="card-body text-center">
                                        <h5 class="card-title">P3 (Bad)</h5>
                                        <h2 class="text-danger">{{ $scheduleItems->where('status', 'P3')->count() }}</h2>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            @else
                <div class="alert alert-warning">
                    <i class="fas fa-exclamation-triangle"></i> 
                    @if($selected_date)
                        No maintenance items found for {{ $schedule_type }} schedule on {{ Carbon::parse($selected_date)->format('d M Y') }}.
                    @else
                        No maintenance items found for this {{ $schedule_type }} schedule.
                    @endif
                </div>
            @endif

            <!-- Action Buttons -->
            <div class="text-center no-print mt-4">
                <button onclick="window.print()" class="btn btn-outline-primary mr-2">
                    <i class="fas fa-print"></i> Print Report
                </button>
                <a href="{{ route('schedule.download.pdf', [
                    'crane_id' => $crane->id, 
                    'schedule_type' => $schedule_type,
                    'date' => $selected_date ?? null
                ]) }}" class="btn btn-danger mr-2">
                    <i class="fas fa-file-pdf"></i> Download PDF
                </a>
                <a href="{{ route($selected_date ? 'schedule.export.excel.date' : 'schedule.export.excel', [
                    'crane_id' => $crane->id, 
                    'schedule_type' => $schedule_type,
                    'date' => $selected_date ?? null
                ]) }}" class="btn btn-success">
                    <i class="fas fa-file-excel"></i> Export Excel
                </a>
                @if($selected_date)
                    <a href="{{ route('schedule.report', [
                        'crane_id' => $crane->id,
                        'schedule_type' => $schedule_type
                    ]) }}" class="btn btn-info ml-2">
                        <i class="fas fa-list"></i> Show All Dates
                    </a>
                @endif
            </div>
        </div>
        
        <!-- Footer -->
        <div class="card-footer text-muted small no-print">
            <div class="row">
                <div class="col-md-6">
                    Generated on {{ now()->format('d M Y H:i:s') }}
                </div>
                <div class="col-md-6 text-right">
                    {{ config('app.name') }} Maintenance System
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@section('scripts')
<script>
$(document).ready(function() {
    // Initialize tooltips
    $('[data-toggle="tooltip"]').tooltip();
});
</script>
@endsection