@extends('layouts.app')
@section('content')

<section class="content mb-5">
                <div class="container-fluid">
                    @include('partials.title-pad', [
					'title' => __("labels.hobbies_list_heading"),
					'search' => $search,
					'searchPlaceholder' => __("placeholders.search", ['static' => __("static.hobby")]),
					'list' => $hobbies,
					'create' => 'masters.hobby.create',
					'export' => 'masters.hobby.export'
				])
                   <div class="mb-3 text-right">
                    <a class="clear-filter" id="clear-filter">Clear Filters</a>
                </div>
                    <div class="row">
						<div class="col-md-12">
							 <div class="mb-3">
								<div class="dashbed-border-bottom"></div>
							</div>
						</div>

						<div class="col-md-12">
							<div class="table-responsive bg-white">
								<table class="table table-striped table-bordered admintable border-0" cellspacing="0" cellpadding="0">
									<tbody>
										<tr>
											<th>{{__("datatable.id")}}</th>
											<th>{{__("datatable.hobby")}}</th>
											<th>{{__("datatable.sub_hobby")}}</th>
											<th>{{__("datatable.action")}}</th>

										 </tr>
										 @php
			                            $startingIndex = ($hobbies->currentPage() - 1) * $hobbies->perPage() + 1;
			                            @endphp
                                         @forelse ($hobbies as $key => $hobby)
	                                    <tr>
	                                        <td>{{ $startingIndex + $key }}</td>
	                                        <td>{{ $hobby->name }}</td>
	                                        <td> @foreach ($hobby->sub_hobbies as $key => $subHobby)

	                                              {{-- <button class="badge badge-secondary">{{ $subHobby->name }}</button> --}}
	                                              <button class="btn-sm btn-info">{{ $subHobby->name }}</button>
	                                        @endforeach</td>
											<td>
													{{-- <a href = "{{route('masters.hobby.edit', $hobby -> id)}}" class="text-dark f-16 mr-1"><i class="iconly-boldEdit"></i></a> --}}
													<a href = "#" data-toggle="modal" data-target="#delete" id="deletePopup"
	                                                onclick="dataDelete({{$hobby -> id}})" class="text-danger f-16"><i class="iconly-boldDelete"></i></a>
	                                                @if($hobby->sub_hobbies->count())
													{{-- <a href = "{{route('masters.hobby.view', $hobby->id)}}" class="fas fa-icon-name"><i class="iconly-boldShow"></i></a> --}}
	                                                @endif
											</td>
	                                    </tr>
	                                    @empty
	                                    <tr>
	                                        <td colspan="10">
	                                            <p>
	                                                <center class="text-danger">{{__("labels.no_records_found")}}
	                                                </center>
	                                            </p>
	                                        </td>
	                                    </tr>
	                                @endforelse

									</tbody>
								</table>
							</div>

						</div>

						{{--Pagination--}}
						{{ $hobbies->links('partials.pagination') }}
						{{--Pagination End--}}

                    </div>

                    <style>
                        #clear-filter {
                            cursor: pointer;
                        }

                        #map1 {
                            height: 100%;
                        }

                        .footer-row {
                            margin-left: 118px !important;
                        }
                    </style>

                </div>
            </section>

            <div class="modal fade" id="delete" tabindex="-1" role="dialog" aria-labelledby="loginpopupTitle" aria-hidden="true">
	<div class="modal-dialog  modal-dialog-centered" role="document">
		<div class="modal-content bg-light modalPad">
			<form class="needs-validation" novalidate>
				<div class="modal-header position-relative border-0">
					<div class="">
						<h5>{{__("labels.delete_confirm")}}</h5>
					</div>
				</div>
				<div class="modal-body pt-0">
					<div class="row">
						<div class="col-md-12">
							Are you sure want to delete the Hobby ?
						</div>
						<div class="col-md-6 mt-4">
							<button onclick="confirmDelete();" id="confirmDeleteButton" type="button"
								class="btn btn-danger">{{__("buttons.delete")}}</button>
						</div>
						<div class="col-md-6 mt-4">
							<button data-dismiss="modal" aria-label="Close"
								class="btn btn-primary">{{__("buttons.cancel")}}</button>
						</div>
					</div>
				</div>
			</form>
		</div>
	</div>
</div>

@section('scripts')
<script>
  let hobby_id;

function dataDelete(hobbyId) {
    hobby_id = hobbyId;
}
function confirmDelete() {
    if (hobby_id) {
        window.location.href = "master-hobby/delete/" + hobby_id;
    }
}

    $(document).ready(function() {
        $('#clear-filter').on('click', function() {
            var currentURL = window.location.href.split('?')[0];
            window.location.href = currentURL;
        });
    });
</script>
@endsection
@endsection