| 
@extends('layouts.app')
 @section('title')
 {{ $channel->name }}
 @endsection
 
 @section('meta')
 <x-social-meta
 card="summary_large_image"
 type="website"
 title="{{ $channel->name }}"
 description="{{ $channel->description }}"
 url="{{ url()->current() }}"
 image="{{ \Illuminate\Support\Facades\Storage::disk($channel->disk)->url($channel->banner_image) }}"
 />
 @endsection
 
 @section('content')
 <div class="container mx-auto">
 <div class="pt-16 px-4 sm:px-6 lg:px-8">
 <div class="card border w-full relative flex flex-col mx-auto mb-5">
 <img class="max-h-80 w-full object-contain md:object-scale-down" src="{{ \Illuminate\Support\Facades\Storage::disk($channel->disk)->url($channel->banner_image) }}" alt="" />
 <div class="flex p-1 md:p-6 border-t justify-between items-center">
 <div>
 @livewire('frontend.components.channel-profile', ['channel_id' => $channel->id])
 </div>
 <div>
 @guest
 <a href="{{ route('login') }}" class="w-full inline-flex items-center px-4 py-2 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-red-600 hover:bg-red-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500">
 {{ __('Subscribe') }}
 </a>
 @endguest
 
 @auth
 @if(auth()->user()->id == $channel->owner->id)
 @livewire('frontend.components.channel-owner-button', ['channel_id' => $channel->id])
 @else
 @livewire('frontend.components.subscribe-button', ['channel_id' => $channel->id])
 @endif
 @endauth
 </div>
 </div>
 </div>
 @livewire('frontend.video.channel-video', ['channel_id' => $channel->id])
 </div>
 </div>
 @endsection
 
 |