@extends('layouts.master')
@section('music', 'side-menu--active')
@section('content')
    <div class="intro-y flex flex-col sm:flex-row items-center mt-8">
        <h2 class="text-lg font-medium mr-auto">
            Music
        </h2>
        <div class="w-full sm:w-auto flex mt-4 sm:mt-0">
            <a class="btn btn-primary shadow-md mr-2" href="{{ route('admin.music.create') }}">Add New Music</a>
        </div>
    </div>
    <div class="intro-y box p-5 mt-5">
        @livewire('music.index')
    </div>
@endsection