@extends('layouts.admin-simple')

@section('title', $standard->name)
@section('page-title', $standard->name)

@section('breadcrumb')
    <li class="breadcrumb-item"><a href="{{ route('admin.products.index') }}">Products</a></li>
    <li class="breadcrumb-item"><a href="{{ route('admin.product-standards.index') }}">Standards</a></li>
    <li class="breadcrumb-item active" aria-current="page">{{ $standard->name }}</li>
@endsection

@section('page-actions')
    <div class="ml-auto">
        <a href="{{ route('admin.product-standards.edit', $standard) }}" class="btn btn-primary">
            <i class="material-icons">edit</i> Edit Standard
        </a>
    </div>
@endsection

@section('content')
<div class="row">
    <div class="col-lg-8">
        <!-- Standard Details -->
        <div class="card">
            <div class="card-header">
                <h4 class="card-title">Standard Details</h4>
            </div>
            <div class="card-body">
                <div class="row">
                    <div class="col-md-8">
                        <h4>{{ $standard->name }}</h4>
                        @if($standard->code)
                            <p class="text-muted mb-2">
                                <strong>Code:</strong> <code>{{ $standard->code }}</code>
                            </p>
                        @endif
                        @if($standard->description)
                            <p>{{ $standard->description }}</p>
                        @else
                            <p class="text-muted">No description provided.</p>
                        @endif
                        
                        <div class="row mt-3">
                            <div class="col-sm-6">
                                <strong>Sort Order:</strong> {{ $standard->sort_order }}
                            </div>
                            <div class="col-sm-6">
                                <strong>Status:</strong> 
                                @if($standard->is_active)
                                    <span class="badge badge-success">Active</span>
                                @else
                                    <span class="badge badge-secondary">Inactive</span>
                                @endif
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Applications -->
        <div class="card mt-3">
            <div class="card-header d-flex justify-content-between align-items-center">
                <h4 class="card-title mb-0">Applications ({{ $standard->applications->count() }})</h4>
                <a href="{{ route('admin.product-applications.create', ['standard' => $standard->id]) }}" class="btn btn-sm btn-primary">
                    <i class="material-icons">add</i> Add Application
                </a>
            </div>
            <div class="card-body">
                @if($standard->applications->count() > 0)
                    <div class="table-responsive">
                        <table class="table">
                            <thead>
                                <tr>
                                    <th>Application Name</th>
                                    <th>Products</th>
                                    <th>Status</th>
                                    <th width="120">Actions</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($standard->applications->sortBy('sort_order') as $application)
                                <tr>
                                    <td>
                                        <strong>{{ $application->name }}</strong>
                                        @if($application->description)
                                            <br><small class="text-muted">{{ Str::limit($application->description, 80) }}</small>
                                        @endif
                                    </td>
                                    <td>
                                        <span class="badge badge-info">{{ $application->products->count() }} products</span>
                                    </td>
                                    <td>
                                        @if($application->is_active)
                                            <span class="badge badge-success">Active</span>
                                        @else
                                            <span class="badge badge-secondary">Inactive</span>
                                        @endif
                                    </td>
                                    <td>
                                        <div class="btn-group btn-group-sm">
                                            <a href="{{ route('admin.product-applications.show', $application) }}" 
                                               class="btn btn-outline-info" title="View">
                                                <i class="material-icons">visibility</i>
                                            </a>
                                            <a href="{{ route('admin.product-applications.edit', $application) }}" 
                                               class="btn btn-outline-primary" title="Edit">
                                                <i class="material-icons">edit</i>
                                            </a>
                                        </div>
                                    </td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                @else
                    <div class="text-center py-4">
                        <i class="material-icons text-muted" style="font-size: 48px;">apps</i>
                        <h6 class="mt-2">No Applications</h6>
                        <p class="text-muted">Add applications for this standard to organize products.</p>
                        <a href="{{ route('admin.product-applications.create', ['standard' => $standard->id]) }}" class="btn btn-primary">
                            <i class="material-icons">add</i> Add First Application
                        </a>
                    </div>
                @endif
            </div>
        </div>
    </div>
    
    <div class="col-lg-4">
        <!-- Hierarchy Card -->
        <div class="card">
            <div class="card-header">
                <h4 class="card-title">Standard Hierarchy</h4>
            </div>
            <div class="card-body">
                <div class="mb-3">
                    <i class="material-icons text-primary">category</i>
                    <strong>Category:</strong>
                    <br>
                    <a href="{{ route('admin.product-categories.show', $standard->category) }}">
                        {{ $standard->category->name }}
                    </a>
                </div>
                <div class="mb-3">
                    <i class="material-icons text-info">standard</i>
                    <strong>Standard:</strong>
                    <br>
                    {{ $standard->name }}
                    @if($standard->code)
                        <small class="text-muted">({{ $standard->code }})</small>
                    @endif
                </div>
                <div>
                    <i class="material-icons text-success">apps</i>
                    <strong>Applications:</strong>
                    <br>
                    @if($standard->applications->count() > 0)
                        @foreach($standard->applications->take(3) as $app)
                            <a href="{{ route('admin.product-applications.show', $app) }}" class="d-block small">
                                {{ $app->name }}
                            </a>
                        @endforeach
                        @if($standard->applications->count() > 3)
                            <small class="text-muted">... and {{ $standard->applications->count() - 3 }} more</small>
                        @endif
                    @else
                        <span class="text-muted small">No applications yet</span>
                    @endif
                </div>
            </div>
        </div>

        <!-- Statistics -->
        <div class="card mt-3">
            <div class="card-header">
                <h4 class="card-title">Statistics</h4>
            </div>
            <div class="card-body">
                <div class="row text-center">
                    <div class="col-6">
                        <h4 class="text-primary">{{ $standard->applications->count() }}</h4>
                        <small class="text-muted">Applications</small>
                    </div>
                    <div class="col-6">
                        <h4 class="text-success">
                            {{ $standard->applications->sum(function($app) { return $app->products->count(); }) }}
                        </h4>
                        <small class="text-muted">Total Products</small>
                    </div>
                </div>
            </div>
        </div>

        <!-- Metadata -->
        <div class="card mt-3">
            <div class="card-header">
                <h4 class="card-title">Metadata</h4>
            </div>
            <div class="card-body">
                <div class="mb-2">
                    <small class="text-muted">Created</small>
                    <br>
                    {{ $standard->created_at->format('M d, Y g:i A') }}
                </div>
                <div>
                    <small class="text-muted">Last Updated</small>
                    <br>
                    {{ $standard->updated_at->format('M d, Y g:i A') }}
                </div>
            </div>
        </div>

        <!-- Quick Actions -->
        <div class="card mt-3">
            <div class="card-header">
                <h4 class="card-title">Quick Actions</h4>
            </div>
            <div class="card-body">
                <a href="{{ route('admin.product-standards.edit', $standard) }}" class="btn btn-outline-primary btn-block">
                    <i class="material-icons">edit</i> Edit Standard
                </a>
                <a href="{{ route('admin.product-applications.create', ['standard' => $standard->id]) }}" class="btn btn-outline-success btn-block">
                    <i class="material-icons">add</i> Add Application
                </a>
                <form action="{{ route('admin.product-standards.destroy', $standard) }}" 
                      method="POST" 
                      class="mt-2"
                      onsubmit="return confirm('This will delete all related applications and products. Are you sure?')">
                    @csrf
                    @method('DELETE')
                    <button type="submit" class="btn btn-outline-danger btn-block">
                        <i class="material-icons">delete</i> Delete Standard
                    </button>
                </form>
                <a href="{{ route('admin.product-standards.index') }}" class="btn btn-outline-secondary btn-block mt-2">
                    <i class="material-icons">list</i> All Standards
                </a>
            </div>
        </div>
    </div>
</div>
@endsection