/**
 * TaxiBook Partner - Packages View
 * =================================
 * Display partner packages
 */

const PackagesView = ({ packages }) => {
    return (
        <div className="animate-fade-in">
            <h2 className="text-2xl font-bold text-dark-900 mb-6">Mes forfaits</h2>
            
            {packages.length === 0 ? (
                <div className="bg-white rounded-2xl p-12 text-center">
                    <i className="fas fa-route text-5xl text-dark-300 mb-4"></i>
                    <p className="text-dark-500">Aucun forfait disponible</p>
                </div>
            ) : (
                <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
                    {packages.map(pkg => (
                        <div key={pkg.id} className="bg-white rounded-2xl p-6 border-2 border-dark-200">
                            <div className="flex justify-between items-start mb-4">
                                <div>
                                    <h3 className="text-lg font-bold text-dark-900">{pkg.name}</h3>
                                    <p className="text-dark-500 text-sm">{pkg.description}</p>
                                </div>
                                <span className="px-3 py-1 bg-primary-100 text-primary-700 rounded-full text-sm font-semibold">
                                    {pkg.price} CHF
                                </span>
                            </div>
                            
                            <div className="space-y-2 text-sm text-dark-600">
                                <p><i className="fas fa-map-marker-alt text-emerald-500 mr-2"></i>{pkg.origin_address}</p>
                                <p><i className="fas fa-flag-checkered text-red-500 mr-2"></i>{pkg.destination_address}</p>
                            </div>
                            
                            <div className="flex items-center gap-4 mt-4 pt-4 border-t border-dark-100 text-sm text-dark-400">
                                <span><i className="fas fa-clock mr-1"></i>{pkg.estimated_duration} min</span>
                                <span><i className="fas fa-route mr-1"></i>{pkg.estimated_distance} km</span>
                            </div>
                        </div>
                    ))}
                </div>
            )}
        </div>
    );
};