@extends('layouts.admin')

@section('title', 'Advertisement Details')

@section('content')
<div class="d-sm-flex align-items-center justify-content-between mb-4">
    <h1 class="h3 mb-0 text-gray-800">Advertisement Details</h1>
    <div>
        <a href="{{ route('admin.advertisements.index') }}" class="btn btn-secondary">
            <i class="fas fa-arrow-left fa-sm text-white-50"></i> Back to Advertisements
        </a>
        <a href="{{ route('admin.advertisements.edit', $advertisement) }}" class="btn btn-warning">
            <i class="fas fa-edit fa-sm text-white-50"></i> Edit
        </a>
    </div>
</div>

<div class="row">
    <!-- Advertisement Details -->
    <div class="col-lg-8">
        <div class="card shadow mb-4">
            <div class="card-header py-3 d-flex justify-content-between align-items-center">
                <h6 class="m-0 font-weight-bold text-primary">Advertisement Information</h6>
                @php
                    $statusColors = [
                        'draft' => 'secondary',
                        'published' => 'success',
                        'closed' => 'danger'
                    ];
                    $color = $statusColors[$advertisement->status] ?? 'secondary';
                @endphp
                <span class="badge badge-{{ $color }} badge-lg">
                    {{ ucfirst($advertisement->status) }}
                </span>
            </div>
            <div class="card-body">
                <div class="row mb-3">
                    <div class="col-sm-3"><strong>Advertisement Number:</strong></div>
                    <div class="col-sm-9">
                        <span class="badge badge-primary">{{ $advertisement->advertisement_number ?? 'N/A' }}</span>
                    </div>
                </div>
                
                <div class="row mb-3">
                    <div class="col-sm-3"><strong>Title:</strong></div>
                    <div class="col-sm-9">{{ $advertisement->title }}</div>
                </div>
                
                <div class="row mb-3">
                    <div class="col-sm-3"><strong>Position:</strong></div>
                    <div class="col-sm-9">{{ $advertisement->position }}</div>
                </div>
                
                <div class="row mb-3">
                    <div class="col-sm-3"><strong>Department:</strong></div>
                    <div class="col-sm-9">
                        @if($advertisement->department_id && $advertisement->department)
                            <div><strong>{{ $advertisement->department->name }}</strong> ({{ $advertisement->department->code }})</div>
                        @else
                            <div class="text-muted">No Department Assigned</div>
                        @endif
                    </div>
                </div>
                
                <div class="row mb-3">
                    <div class="col-sm-3"><strong>Number of Posts:</strong></div>
                    <div class="col-sm-9">{{ $advertisement->number_of_posts }}</div>
                </div>
                
                @if($advertisement->pay_level)
                <div class="row mb-3">
                    <div class="col-sm-3"><strong>Pay Level:</strong></div>
                    <div class="col-sm-9">{{ $advertisement->pay_level }}</div>
                </div>
                @endif
                
                @if($advertisement->posts_per_category)
                <div class="row mb-3">
                    <div class="col-sm-3"><strong>Posts Per Category:</strong></div>
                    <div class="col-sm-9">
                        @foreach($advertisement->posts_per_category as $category => $count)
                            <span class="badge badge-info mr-1">{{ $category }}: {{ $count }}</span>
                        @endforeach
                    </div>
                </div>
                @endif
                
                <div class="row mb-3">
                    <div class="col-sm-3"><strong>Application Period:</strong></div>
                    <div class="col-sm-9">
                        <div><strong>Start:</strong> {{ $advertisement->application_start_date->format('F d, Y \a\t g:i A') }}</div>
                        <div><strong>End:</strong> {{ $advertisement->application_end_date->format('F d, Y \a\t g:i A') }}</div>
                        <small class="text-muted">
                            @if($advertisement->application_end_date < now())
                                <span class="badge badge-danger">Expired</span>
                            @elseif($advertisement->application_start_date > now())
                                <span class="badge badge-warning">Not Started</span>
                            @else
                                <span class="badge badge-success">Active</span>
                            @endif
                        </small>
                    </div>
                </div>
                
                @if($advertisement->salary_min || $advertisement->salary_max)
                <div class="row mb-3">
                    <div class="col-sm-3"><strong>Salary Range:</strong></div>
                    <div class="col-sm-9">
                        @if($advertisement->salary_min && $advertisement->salary_max)
                            ₹{{ number_format($advertisement->salary_min) }} - ₹{{ number_format($advertisement->salary_max) }}
                        @elseif($advertisement->salary_min)
                            ₹{{ number_format($advertisement->salary_min) }} (Minimum)
                        @elseif($advertisement->salary_max)
                            Up to ₹{{ number_format($advertisement->salary_max) }}
                        @endif
                    </div>
                </div>
                @endif
                
                <div class="row mb-3">
                    <div class="col-sm-3"><strong>Created:</strong></div>
                    <div class="col-sm-9">{{ $advertisement->created_at->format('F d, Y \a\t g:i A') }}</div>
                </div>
                
                <div class="row mb-3">
                    <div class="col-sm-3"><strong>Last Updated:</strong></div>
                    <div class="col-sm-9">{{ $advertisement->updated_at->format('F d, Y \a\t g:i A') }}</div>
                </div>
                
                <hr>
                
                <div class="mb-3">
                    <h6 class="font-weight-bold">Description:</h6>
                    <div class="text-justify">
                        {!! nl2br(e($advertisement->description)) !!}
                    </div>
                </div>
                
                <div class="mb-3">
                    <h6 class="font-weight-bold">Requirements:</h6>
                    <div class="text-justify">
                        {!! nl2br(e($advertisement->requirements)) !!}
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    <!-- Quick Actions & Stats -->
    <div class="col-lg-4">
        <!-- Quick Actions -->
        <div class="card shadow mb-4">
            <div class="card-header py-3">
                <h6 class="m-0 font-weight-bold text-primary">Quick Actions</h6>
            </div>
            <div class="card-body">
                <div class="d-grid gap-2">
                    @if($advertisement->status === 'draft')
                        <form action="{{ route('admin.advertisements.publish', $advertisement) }}" method="POST">
                            @csrf
                            <button type="submit" class="btn btn-success btn-block" 
                                    onclick="return confirm('Are you sure you want to publish this advertisement?')">
                                <i class="fas fa-check"></i> Publish Advertisement
                            </button>
                        </form>
                    @elseif($advertisement->status === 'published')
                        <form action="{{ route('admin.advertisements.unpublish', $advertisement) }}" method="POST">
                            @csrf
                            <button type="submit" class="btn btn-secondary btn-block" 
                                    onclick="return confirm('Are you sure you want to unpublish this advertisement?')">
                                <i class="fas fa-pause"></i> Unpublish Advertisement
                            </button>
                        </form>
                        <form action="{{ route('admin.advertisements.close', $advertisement) }}" method="POST">
                            @csrf
                            <button type="submit" class="btn btn-danger btn-block" 
                                    onclick="return confirm('Are you sure you want to close this advertisement?')">
                                <i class="fas fa-times"></i> Close Advertisement
                            </button>
                        </form>
                    @endif
                    
                    <a href="{{ route('admin.advertisements.edit', $advertisement) }}" class="btn btn-warning btn-block">
                        <i class="fas fa-edit"></i> Edit Advertisement
                    </a>
                    
                    <button type="button" class="btn btn-danger btn-block" 
                            onclick="deleteAdvertisement({{ $advertisement->id }})">
                        <i class="fas fa-trash"></i> Delete Advertisement
                    </button>
                </div>
            </div>
        </div>
        
        <!-- Statistics -->
        <div class="card shadow mb-4">
            <div class="card-header py-3">
                <h6 class="m-0 font-weight-bold text-primary">Statistics</h6>
            </div>
            <div class="card-body">
                <div class="row text-center">
                    <div class="col-6">
                        <div class="border-right">
                            <h4 class="text-primary">{{ $applications->total() }}</h4>
                            <small class="text-muted">Total Applications</small>
                        </div>
                    </div>
                    <div class="col-6">
                        <h4 class="text-success">{{ $advertisement->number_of_posts }}</h4>
                        <small class="text-muted">Available Posts</small>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Applications Table -->
<div class="card shadow mb-4">
    <div class="card-header py-3">
        <h6 class="m-0 font-weight-bold text-primary">Applications ({{ $applications->total() }})</h6>
    </div>
    <div class="card-body">
        @if($applications->count() > 0)
            <div class="table-responsive">
                <table class="table table-bordered" width="100%" cellspacing="0">
                    <thead>
                        <tr>
                            <th>Application #</th>
                            <th>Applicant</th>
                            <th>Email</th>
                            <th>Status</th>
                            <th>Applied Date</th>
                            <th>Actions</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($applications as $application)
                        <tr>
                            <td>{{ $application->application_number ?? 'N/A' }}</td>
                            <td>{{ $application->user->name }}</td>
                            <td>{{ $application->user->email }}</td>
                            <td>
                                @php
                                    $appStatusColors = [
                                        'draft' => 'secondary',
                                        'submitted' => 'primary',
                                        'under_review' => 'info',
                                        'shortlisted' => 'warning',
                                        'selected' => 'success',
                                        'rejected' => 'danger'
                                    ];
                                    $appColor = $appStatusColors[$application->status] ?? 'secondary';
                                @endphp
                                <span class="badge badge-{{ $appColor }}">
                                    {{ ucfirst(str_replace('_', ' ', $application->status)) }}
                                </span>
                            </td>
                            <td>{{ $application->created_at->format('M d, Y') }}</td>
                            <td>
                                <a href="{{ route('admin.applications.show', $application) }}" 
                                   class="btn btn-sm btn-info" title="View Application">
                                    <i class="fas fa-eye"></i>
                                </a>
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
            
            <!-- Pagination -->
            <div class="d-flex justify-content-center">
                {{ $applications->links() }}
            </div>
        @else
            <div class="text-center py-4">
                <i class="fas fa-inbox fa-3x text-muted mb-3"></i>
                <h5>No Applications Yet</h5>
                <p class="text-muted">No one has applied for this position yet.</p>
            </div>
        @endif
    </div>
</div>

<!-- Delete Confirmation Modal -->
<div class="modal fade" id="deleteModal" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Confirm Delete</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body">
                <p>Are you sure you want to delete this advertisement? This action cannot be undone and will also delete all associated applications.</p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
                <form id="deleteForm" method="POST" class="d-inline">
                    @csrf
                    @method('DELETE')
                    <button type="submit" class="btn btn-danger">Delete</button>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection

@section('scripts')
<script>
function deleteAdvertisement(advertisementId) {
    const form = document.getElementById('deleteForm');
    form.action = `/admin/advertisements/${advertisementId}`;
    
    const modal = new bootstrap.Modal(document.getElementById('deleteModal'));
    modal.show();
}
</script>
@endsection