@extends('layouts.admin')

@section('title', 'Fee Configuration Details')

@section('breadcrumbs')
    <li class="breadcrumb-item"><a href="{{ route('admin.fee-configurations.index') }}">Fee Configurations</a></li>
    <li class="breadcrumb-item active">{{ $feeConfiguration->category }} - {{ $feeConfiguration->advertisement->advertisement_number }}</li>
@endsection

@section('content')
<div class="container-fluid">
    <!-- Page Header -->
    <div class="d-flex justify-content-between align-items-center mb-4">
        <div>
            <h1 class="h3 mb-0 text-gray-800">Fee Configuration Details</h1>
            <p class="text-muted">{{ $feeConfiguration->category }} category for {{ $feeConfiguration->advertisement->advertisement_number }}</p>
        </div>
        <div>
            <a href="{{ route('admin.fee-configurations.edit', $feeConfiguration) }}" class="btn btn-primary me-2">
                <i class="fas fa-edit me-2"></i>Edit Configuration
            </a>
            <a href="{{ route('admin.fee-configurations.index') }}" class="btn btn-outline-secondary">
                <i class="fas fa-arrow-left me-2"></i>Back to List
            </a>
        </div>
    </div>

    <div class="row">
        <!-- Configuration Details -->
        <div class="col-lg-8">
            <div class="card shadow">
                <div class="card-header py-3">
                    <h6 class="m-0 font-weight-bold text-primary">
                        <i class="fas fa-info-circle me-2"></i>Configuration Information
                    </h6>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-6 mb-4">
                            <label class="form-label text-muted">Advertisement</label>
                            <div class="fw-bold text-primary">{{ $feeConfiguration->advertisement->advertisement_number }}</div>
                            <div class="text-muted">{{ $feeConfiguration->advertisement->title }}</div>
                            <small class="text-muted">{{ $feeConfiguration->advertisement->position }}</small>
                        </div>
                        
                        <div class="col-md-6 mb-4">
                            <label class="form-label text-muted">Department</label>
                            <div class="fw-bold">
                                {{ $feeConfiguration->advertisement->department ? $feeConfiguration->advertisement->department->name : 'N/A' }}
                            </div>
                        </div>
                        
                        <div class="col-md-4 mb-4">
                            <label class="form-label text-muted">Category</label>
                            <div>
                                <span class="badge badge-{{ $feeConfiguration->category == 'General' ? 'primary' : 'secondary' }} fs-6">
                                    {{ $feeConfiguration->category }}
                                </span>
                            </div>
                        </div>
                        
                        <div class="col-md-4 mb-4">
                            <label class="form-label text-muted">Fee Amount</label>
                            <div class="fw-bold fs-5">
                                @if($feeConfiguration->is_exempted)
                                    <span class="text-success">
                                        <i class="fas fa-gift me-2"></i>Exempted
                                    </span>
                                @else
                                    <span class="text-primary">₹{{ number_format($feeConfiguration->amount, 2) }}</span>
                                @endif
                            </div>
                        </div>
                        
                        <div class="col-md-4 mb-4">
                            <label class="form-label text-muted">Status</label>
                            <div>
                                @if($feeConfiguration->is_active)
                                    <span class="badge badge-success fs-6">
                                        <i class="fas fa-check me-1"></i>Active
                                    </span>
                                @else
                                    <span class="badge badge-secondary fs-6">
                                        <i class="fas fa-pause me-1"></i>Inactive
                                    </span>
                                @endif
                            </div>
                        </div>
                        
                        @if($feeConfiguration->description)
                        <div class="col-md-12 mb-4">
                            <label class="form-label text-muted">Description</label>
                            <div class="p-3 bg-light rounded">
                                {{ $feeConfiguration->description }}
                            </div>
                        </div>
                        @endif
                        
                        <div class="col-md-6 mb-4">
                            <label class="form-label text-muted">Created Date</label>
                            <div class="fw-bold">{{ $feeConfiguration->created_at->format('F d, Y') }}</div>
                            <small class="text-muted">{{ $feeConfiguration->created_at->format('h:i A') }}</small>
                        </div>
                        
                        <div class="col-md-6 mb-4">
                            <label class="form-label text-muted">Last Updated</label>
                            <div class="fw-bold">{{ $feeConfiguration->updated_at->format('F d, Y') }}</div>
                            <small class="text-muted">{{ $feeConfiguration->updated_at->format('h:i A') }}</small>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Advertisement Details -->
            <div class="card shadow mt-4">
                <div class="card-header py-3">
                    <h6 class="m-0 font-weight-bold text-info">
                        <i class="fas fa-bullhorn me-2"></i>Advertisement Details
                    </h6>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-6 mb-3">
                            <label class="form-label text-muted">Application Period</label>
                            <div class="fw-bold">
                                {{ $feeConfiguration->advertisement->application_start_date->format('M d, Y') }} - 
                                {{ $feeConfiguration->advertisement->application_end_date->format('M d, Y') }}
                            </div>
                        </div>
                        
                        <div class="col-md-6 mb-3">
                            <label class="form-label text-muted">Number of Posts</label>
                            <div class="fw-bold">{{ $feeConfiguration->advertisement->number_of_posts }}</div>
                        </div>
                        
                        @if($feeConfiguration->advertisement->salary_min && $feeConfiguration->advertisement->salary_max)
                        <div class="col-md-6 mb-3">
                            <label class="form-label text-muted">Salary Range</label>
                            <div class="fw-bold">
                                ₹{{ number_format($feeConfiguration->advertisement->salary_min) }} - 
                                ₹{{ number_format($feeConfiguration->advertisement->salary_max) }}
                            </div>
                        </div>
                        @endif
                        
                        <div class="col-md-6 mb-3">
                            <label class="form-label text-muted">Advertisement Status</label>
                            <div>
                                @if($feeConfiguration->advertisement->isActive())
                                    <span class="badge badge-success">
                                        <i class="fas fa-circle me-1"></i>Active
                                    </span>
                                @else
                                    <span class="badge badge-secondary">
                                        <i class="fas fa-pause me-1"></i>Inactive
                                    </span>
                                @endif
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Actions & Related Info -->
        <div class="col-lg-4">
            <!-- Quick Actions -->
            <div class="card shadow">
                <div class="card-header py-3">
                    <h6 class="m-0 font-weight-bold text-primary">
                        <i class="fas fa-bolt me-2"></i>Quick Actions
                    </h6>
                </div>
                <div class="card-body">
                    <div class="d-grid gap-2">
                        <a href="{{ route('admin.fee-configurations.edit', $feeConfiguration) }}" class="btn btn-primary">
                            <i class="fas fa-edit me-2"></i>Edit Configuration
                        </a>
                        
                        <a href="{{ route('admin.fee-configurations.create', ['advertisement_id' => $feeConfiguration->advertisement_id]) }}" class="btn btn-outline-primary">
                            <i class="fas fa-plus me-2"></i>Add Another Category
                        </a>
                        
                        <a href="{{ route('admin.advertisements.show', $feeConfiguration->advertisement) }}" class="btn btn-outline-info">
                            <i class="fas fa-bullhorn me-2"></i>View Advertisement
                        </a>
                        
                        <hr>
                        
                        <form action="{{ route('admin.fee-configurations.destroy', $feeConfiguration) }}" 
                              method="POST" 
                              onsubmit="return confirm('Are you sure you want to delete this fee configuration?')">
                            @csrf
                            @method('DELETE')
                            <button type="submit" class="btn btn-outline-danger w-100">
                                <i class="fas fa-trash me-2"></i>Delete Configuration
                            </button>
                        </form>
                    </div>
                </div>
            </div>

            <!-- Related Configurations -->
            <div class="card shadow mt-4">
                <div class="card-header py-3">
                    <h6 class="m-0 font-weight-bold text-info">
                        <i class="fas fa-list me-2"></i>Other Categories
                    </h6>
                </div>
                <div class="card-body">
                    @php
                        $relatedConfigs = $feeConfiguration->advertisement->feeConfigurations()
                            ->where('id', '!=', $feeConfiguration->id)
                            ->orderBy('category')
                            ->get();
                    @endphp
                    
                    @if($relatedConfigs->count() > 0)
                        <div class="list-group list-group-flush">
                            @foreach($relatedConfigs as $config)
                            <div class="list-group-item d-flex justify-content-between align-items-center px-0">
                                <div>
                                    <span class="badge badge-{{ $config->category == 'General' ? 'primary' : 'secondary' }}">
                                        {{ $config->category }}
                                    </span>
                                    <div class="small text-muted">
                                        @if($config->is_exempted)
                                            <i class="fas fa-gift text-success"></i> Exempted
                                        @else
                                            ₹{{ number_format($config->amount, 2) }}
                                        @endif
                                    </div>
                                </div>
                                <div>
                                    <a href="{{ route('admin.fee-configurations.show', $config) }}" 
                                       class="btn btn-sm btn-outline-primary">
                                        <i class="fas fa-eye"></i>
                                    </a>
                                </div>
                            </div>
                            @endforeach
                        </div>
                    @else
                        <div class="text-center text-muted">
                            <i class="fas fa-info-circle mb-2"></i>
                            <p class="mb-0">No other categories configured for this advertisement.</p>
                        </div>
                    @endif
                </div>
            </div>

            <!-- Statistics -->
            <div class="card shadow mt-4">
                <div class="card-header py-3">
                    <h6 class="m-0 font-weight-bold text-success">
                        <i class="fas fa-chart-bar me-2"></i>Usage Statistics
                    </h6>
                </div>
                <div class="card-body">
                    @php
                        // This would typically come from the controller with actual data
                        $totalApplications = 0; // Count of applications using this fee config
                        $totalFeeCollected = 0; // Total fee collected for this config
                    @endphp
                    
                    <div class="row text-center">
                        <div class="col-6">
                            <div class="fw-bold text-primary fs-4">{{ $totalApplications }}</div>
                            <small class="text-muted">Applications</small>
                        </div>
                        <div class="col-6">
                            <div class="fw-bold text-success fs-4">
                                @if($feeConfiguration->is_exempted)
                                    <i class="fas fa-gift"></i>
                                @else
                                    ₹{{ number_format($totalFeeCollected, 0) }}
                                @endif
                            </div>
                            <small class="text-muted">
                                @if($feeConfiguration->is_exempted)
                                    Exempted
                                @else
                                    Collected
                                @endif
                            </small>
                        </div>
                    </div>
                    
                    <div class="mt-3">
                        <small class="text-muted">
                            <i class="fas fa-info-circle me-1"></i>
                            Statistics are updated in real-time as applications are submitted.
                        </small>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<style>
.form-label {
    font-weight: 600;
    color: #5a5c69;
    font-size: 0.875rem;
}

.card {
    border: none;
    box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15);
}

.card-header {
    background-color: #f8f9fc;
    border-bottom: 1px solid #e3e6f0;
}

.badge {
    font-size: 0.75rem;
    padding: 0.375rem 0.75rem;
}

.list-group-item {
    border: none;
    border-bottom: 1px solid #e3e6f0;
}

.list-group-item:last-child {
    border-bottom: none;
}
</style>
@endsection