@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-lyricist')}}" >+ Add New Lyricist</a>
	   </div>	
	<div class="card my-bg mb-3">
	<div class="card-header d-flex align-items-center justify-content-between flex-wrap gap-3">
						<h4 class="mb-0">Lyricist</h4> 
			
		</div>
		<div class="row">
			<div class="col-lg-12">
				<div class="card my-bg ">               
					<div class="card-body px-0">
						<div class="table-data-top table-responsive">
							<table class="table mb-0" id="datatable" data-toggle="data-table">
								<thead>
									<tr class="bg-white">
										<th scope="col">No.</th>
										<th scope="col">Lyricist Name</th>
									    <!--<th scope="col">Action</th>-->
									</tr>
								</thead>
								<tbody>
								 @foreach($lyricists as $lyricist)
                                    <tr>
                                        <td>{{$lyricist->id}}</td>
                                        <td>{{$lyricist->name}}</td>
                                      <!--  <td>-->
                                      <!--      <div class="d-flex align-items-center gap-3">-->
                                      <!--          <a class="btn btn-soft-info btn-icon btn-sm rounded-pill ms-2" href="" role="button">-->
                                      <!--              <span class="btn-inner">-->
                                      <!--                  <i class="fa fa-pencil text-light"></i>-->
                                      <!--              </span>-->
                                      <!--          </a>-->
                                      <!--         <a class="btn btn-soft-danger btn-icon btn-sm rounded-pill ms-2" href="javascript:void(0);" onclick="confirmDelete""role="button">-->
                                      <!--              <span class="btn-inner">-->
                                      <!--                  <i class="fa fa-trash text-light"></i>-->
                                      <!--              </span>-->
                                      <!--          </a>-->
                                      <!--      </div>-->
                                      <!--</td>-->
                                    </tr>
                              	 @endforeach
								</tbody>
							</table>
						</div>	
					</div>
				</div>
			</div>
		</div>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
 <script>
    function confirmDelete(url) {
        Swal.fire({
            title: 'Are you sure?',
            text: "You won't be able to revert this!",
            icon: 'warning',
            showCancelButton: true,
            confirmButtonColor: '#d33',
            cancelButtonColor: '#6c757d',
            confirmButtonText: 'Yes, delete it!'
        }).then((result) => {
            if (result.isConfirmed) {
                window.location.href = url;
            }
        })
    }
</script>

@endsection