Gallery Management

use Spatie\MediaLibrary\HasMedia;
use Spatie\MediaLibrary\InteractsWithMedia;

class Album extends Model implements HasMedia
{
    use InteractsWithMedia;

    protected $table = 'album';
    
    protected $fillable = [
        'album_name', 'slug', 'category', 'description'
    ];

    // Auto-generate slug when creating
    protected static function boot()
    {
        parent::boot();
        static::creating(function ($album) {
            if ($album->album_name) {
                $album->slug = Str::slug($album->album_name);
            }
        });
    }

    // Use slug instead of ID in URLs
    public function getRouteKeyName()
    {
        return 'slug';
    }

    // Many-to-many relationship with photos
    public function photos()
    {
        return $this->belongsToMany(Photo::class, 'album_photo');
    }

    // Media conversions for thumbnails
    public function registerMediaConversions(?Media $media = null): void
    {
        $this->addMediaConversion('preview')
            ->fit(Fit::Contain, 300, 300)
            ->nonQueued();
    }
}

class Photo extends Model implements HasMedia
{
    use InteractsWithMedia;

    protected $table = 'photos';
    
    protected $fillable = ['title', 'description'];

    // Define media collection for images
    public function registerMediaCollections(): void
    {
        $this->addMediaCollection('images');
    }

    // Auto-generate preview thumbnails
    public function registerMediaConversions(?Media $media = null): void
    {
        $this->addMediaConversion('preview')
            ->fit(Fit::Contain, 300, 300)
            ->nonQueued();
    }

    // Relationship to albums
    public function albums()
    {
        return $this->belongsToMany(Album::class, 'album_photo', 'photo_id', 'album_id');
    }
}

$this->addMediaConversion('preview')
    ->fit(Fit::Contain, 300, 300)
    ->nonQueued();

{{-- Original image --}}
<img src="{{ $photo->getFirstMediaUrl('images') }}">

{{-- Preview thumbnail --}}
<img src="{{ $photo->getFirstMediaUrl('images', 'preview') }}">