@extends('admin.layout-price')

@section('title', $countryName . ' Services')
@section('page-title', $countryName . ' Services')

@section('content')
<div class="table-card">
    <div class="table-card-header">
        <div>
            <h5 class="table-card-title">
                @if($country === 'usa') 🇺🇸
                @elseif($country === 'india') 🇮🇳
                @elseif($country === 'uk') 🇬🇧
                @elseif($country === 'canada') 🇨🇦
                @elseif($country === 'australia') 🇦🇺
                @endif
                {{ $countryName }} - All Services
            </h5>
            <p class="mb-0 text-muted">Services available in {{ $countryName }}</p>
        </div>
        <a href="{{ route('admin.multi-prices.index') }}" class="btn btn-secondary">
            <i class="fas fa-arrow-left"></i> Back to All
        </a>
    </div>
    
    <div class="table-responsive">
        <table class="table table-hover">
            <thead>
                <tr>
                    <th style="width: 5%">ID</th>
                    <th style="width: 40%">Service Name</th>
                    <th style="width: 15%">Visament Fee</th>
                    <th style="width: 15%">Government Fee</th>
                    <th style="width: 15%">Total</th>
                    <th style="width: 10%">Actions</th>
                </tr>
            </thead>
            <tbody>
                @forelse($services as $countryPrice)
                <tr>
                    <td>{{ $countryPrice->service_id }}</td>
                    <td>
                        <strong>{{ $countryPrice->service->menu_title ?? $countryPrice->service->title }}</strong><br>
                        <small class="text-muted">{{ Str::limit($countryPrice->service->title, 50) }}</small>
                    </td>
                    <td>
                        <strong>{{ $countryPrice->currency }}{{ number_format($countryPrice->visament_fee, 2) }}</strong>
                    </td>
                    <td>
                        <strong>{{ $countryPrice->currency }}{{ number_format($countryPrice->government_fee, 2) }}</strong>
                    </td>
                    <td>
                        <span class="badge bg-success" style="font-size: 14px;">
                            {{ $countryPrice->currency }}{{ number_format($countryPrice->total_price, 2) }}
                        </span>
                    </td>
                    <td>
                        <a href="{{ route('admin.multi-prices.edit', $countryPrice->service_id) }}" class="btn btn-sm btn-primary">
                            <i class="fas fa-edit"></i> Edit
                        </a>
                    </td>
                </tr>
                @empty
                <tr>
                    <td colspan="6" class="text-center py-5">
                        <i class="fas fa-inbox fa-3x text-muted mb-3"></i>
                        <p class="text-muted">No services available in {{ $countryName }} yet</p>
                        <a href="{{ route('admin.multi-prices.index') }}" class="btn btn-primary">
                            Add Services
                        </a>
                    </td>
                </tr>
                @endforelse
            </tbody>
        </table>
    </div>

    @if($services->hasPages())
        <div class="p-3 border-top">
            {{ $services->links() }}
        </div>
    @endif
</div>
@endsection