@extends("admin.admin_app")
@section("content")

<!-- REMOVE jQuery if you don't need it -->
{{-- <script src="{{ URL::asset('public/admin_assets/js/core/jquery.min.js') }}"></script> --}}

<!-- Page Header -->
<div class="content bg-gray-lighter">
    <div class="row items-push">
        <div class="col-sm-7">
            <h1 class="page-heading">
                Image List for : {{ $venues->venue_name }} - {{ $hotels->hotel_name }}
            </h1>
        </div>
        <div class="col-sm-5 text-right hidden-xs">
            <ol class="breadcrumb push-10-t">
                <li><a href="{{ URL::to('admin/hotel-list') }}">Hotels</a></li>
                <li><a class="link-effect" href="">Manage Venues</a></li>
            </ol>
        </div>
    </div>
</div>

@php
$prefix = session('prefix') ?? 'admin';
@endphp

<div class="content content-boxed">
    <div class="row">
        <div class="col-sm-12 col-lg-12">
            <div class="block">
                <div class="block-header">

                    <a class="pull-right btn btn-info push-5-r push-10"
                       href="{{URL::to($prefix.'/hotels/managevenues/'.$hotels->id)}}">
                        <i class="fa fa-angle-left"></i> Back To Venues
                    </a>

                    <a class="pull-right btn btn-success push-5-r push-10"
                       href="{{URL::to($prefix.'/hotels/addvenueimage/'.$venues->id.'/'.$hotels->id)}}">
                        <i class="fa fa-plus"></i>Add Image
                    </a>
                </div>

                <div class="block-content">

                    @if (count($errors) > 0)
                        <div class="alert alert-danger">
                            <button type="button" class="close" data-dismiss="alert">&times;</button>
                            <ul>
                                @foreach ($errors->all() as $error)
                                    <li>{{ $error }}</li>
                                @endforeach
                            </ul>
                        </div>
                    @endif

                    @if(Session::has('flash_message'))
                        <div class="alert alert-success">
                            <button type="button" class="close" data-dismiss="alert">&times;</button>
                            {{ Session::get('flash_message') }}
                        </div>
                    @endif


                    {{-- MULTI DELETE FORM --}}
                    <form id="multiDeleteForm" action="{{ url('admin/hotels/venue/multiDeleteID') }}"    method="POST">
                     @csrf
                        <button type="submit" id="multiDeleteBtn"
                                class="btn btn-danger ">
                            <i class="fa fa-trash"></i> Multiple Delete
                        </button>

                        <input type="hidden" name="mulID" class="mulID">

                        <table class="table table-hover table-header-bg cat-dataTable-full">
                            <thead>
                            <tr>
                                <th>
                                     <input type="checkbox" class="selectall"></th>
                                </th>
                                <th>Image</th>
                                <th>Image Name</th>
                                <th>Order</th>
                                <th class="text-center" style="width:10%">Actions</th>
                            </tr>
                            </thead>

                            <tbody>
                            @foreach($venueimages as $venueimage)
                                <tr>
                                    <td>             
                                       <input type="checkbox"
                                             value="{{ $venueimage->id }}"
                                             name="mulID[]"
                                             class="multiAttendeeID">
                                    </td>

                                    <td>
                                        <img src="{{ url('public/upload/venuegallerythumbnail/'.$venueimage->venue_id.'/'.$venueimage->venueimage) }}"
                                             width="150px">
                                    </td>

                                    <td>{{ $venueimage->img_name ?? $venueimage->venueimage }}</td>
                                    <td>{{ $venueimage->venueimageorder }}</td>

                                    <td class="text-center">
                                        <div class="btn-group">
                                            <a href="{{ url('admin/hotels/addvenueimage/'.$venueimage->id.'/'.$venueimage->venue_id.'/'.$venueimage->hotel_id) }}"
                                               class="btn btn-xs btn-default" title="Edit">
                                                <i class="fa fa-pencil"></i>
                                            </a>

                                            <a href="{{ url('admin/hotels/venueimage_delete/'.$venueimage->id.'/'.$venueimage->venue_id) }}"
                                               onclick="return confirm('Are you sure?')"
                                               class="btn btn-xs btn-default" title="Remove">
                                                <i class="fa fa-times"></i>
                                            </a>
                                        </div>
                                    </td>
                                </tr>
                            @endforeach
                            </tbody>
                        </table>
                    </form>

                </div>
            </div>
        </div>
    </div>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(".selectall").on("change", function () {
    $(".multiAttendeeID").prop("checked", $(this).prop("checked"));
    $(".multiAttendeeID").trigger("change");
});

$(".multiAttendeeID").on("change", function () {

    let checked = $(".multiAttendeeID:checked").length;

    if (checked > 0) {
        $(".multiDeleteClick").removeClass("hidden");
    } else {
        $(".multiDeleteClick").addClass("hidden");
    }
});
</script>
</div>

@endsection