@extends('layouts.admin')

@section('content')
<div class="content-inner container-fluid pb-0" id="page_layout">
		<div class="card-header d-flex align-items-center justify-content-end flex-wrap gap-3 mb-3">
              
                <a class="btn btn-primary" type="button"  href="{{route('add-genres')}}">+ Add New Genres</a>
         </div>
		 
		 
		 <div class="row">
    <div class="col-lg-12">
            <div class="card my-bg">
                <div class="card-body">
                <div class="row">
                @if(isset($data)&&!empty($data))
                @foreach($data as $datas)
                <input type="hidden"  name="id" value="{{ $datas->id }}">
                <div class="col-lg-3 col-md-3 col-6">
                    <a href="{{route('genres-details',['id' => $datas->id])}}">
                    <div class="p-2 rounded-3 mb-3" style="background: url({{ asset('assets/' .$datas->image) }}) no-repeat center center / cover;">
					  <h4 class="mb-5">{{$datas->name}}</h4>                       
						<!--<p class="text-end mb-0 text-light "><small>45 Songs</small></p>-->
                    </div></a>
                </div>
                @endforeach
                @endif
				
                
                </div>
            </div>
        </div>
    </div>
       
         </div>
		 
		 
@endsection