@extends('layouts.admin')

@section('content')



<div class="content-inner container-fluid pb-0" id="page_layout">
		<div class="row">
			<div class="col-lg-12">
					<div class="card my-bg ">
					<div class="card-header d-flex align-items-center justify-content-between flex-wrap gap-3">
						<h4 class="mb-0">Edit Music Sheet</h4> 
					</div>				
						<div class="card-body">
						<div class="row">
						   <div class="col-lg-6">
						   <form class="" method="POST" action="{{ route('music-update') }}" enctype="multipart/form-data" >
						   @csrf
						    <input type="hidden" name="id" value="{{ $musics->id }}">
									<div class="form-group">
									<label class="form-label" for="choices-single-default">Song Name <span class="text-danger">*</span></label>
									<select class="form-select" data-trigger name="song" id="choices-single-default" required>
										@if(!empty($songs)&&isset($songs))
										@foreach($songs as $song)
										<option value="{{$song->id}}"{{ $song->id == $musics->song_id ? 'selected' : '' }}>{{$song->name}}</option>
										@endforeach
										@endif
									</select>
								</div>
								 <div class="form-group">
										<label for="customFile1" class="form-label custom-file-input">Song image <span class="text-danger">*</span></label>
										 <p><img src="{{ asset('assets/' .$musics->songimage) }}" class="rounded avatar-52 img-fluid" alt=""></p>
										<input class="form-control" name="image" type="file" id="customFile1">
									</div>
							   
									<div class="form-group">
									<label class="form-label" for="choices-single-default1">Artist Name <span class="text-danger">*</span></label>
                                    <select class="form-select" data-trigger name="artist" id="choices-single-default1">
                                        @if(!empty($artists) && isset($artists))
                                            @foreach($artists as $artist)
                                                <option value="{{ $artist->id }}" {{ $artist->id == $musics->artist_id ? 'selected' : '' }}>
                                                    {{ $artist->name }}
                                                </option>
                                            @endforeach
                                        @endif
                                    </select>
								</div>
								<div class="form-group">
										<label for="customFile2" class="form-label custom-file-input">Music Sheet <span class="text-danger">*</span></label>
										 <p><img src="{{ asset('assets/' .$musics->sheetImage) }}" class="rounded avatar-52 img-fluid" alt=""></p>
										<input class="form-control" type="file" name="image1" id="customFile2" >
									</div>
								<div class="mb-3">
									<label for="catdescription" class="form-label">Description <span class="text-danger">*</span></label>
									<textarea class="form-control" name="desc" id="catdescription" rows="5" required>{{$musics->description}}</textarea>
								</div>
							   
								<button type="submit" class="btn btn-danger">Submit</button>
							</form>
							</div>
							<div class="col-lg-6">
							</div>
					   <div>
					</div>
				</div>
			</div>
			</div>
			</div>
	</div>
@endsection