@extends('admin.admin')
@section('adminContent')
<style>
    /* input[type=checkbox]:checked,
    [type=checkbox]:not(:checked) {
        position: static;
        left: 0;
        opacity: 100%;
    } */
</style>

<div class="row page-titles">
    <div class="col-md-5 align-self-center">
        <h3 class="text-themecolor">{{$name}}</h3>
    </div>
    <div class="text-right col-md-7" style="line-height: 4.5;">
        <a class=" waves-effect waves-light btn-warning btn" href="{{URL::to('admin/adminEventList')}}">Event List</a>
    </div>

    <div>
        <button class="right-side-toggle waves-effect waves-light btn-inverse btn btn-circle btn-sm pull-right m-l-10"><i class="ti-settings text-white"></i></button>
    </div>
</div>
<!-- Row -->
<div class="container-fluid">
    <!--@if($message=Session::get('success'))-->
    <!--<div class="alert alert-success">-->
    <!--    {{$message}}-->
    <!--</div>-->
    <!--@elseif($message=Session::get('error'))-->
    <!--<div class=" alert alert-danger">-->
    <!--    {{$message}}-->
    <!--</div>-->
    <!--@endif-->
    <div class="row">
        <div class="col-12">
            <div class="card card-default">
                <div class="card-header">
                    <div class="card-actions">
                        <a class="" data-action="collapse"><i class="ti-minus"></i></a>
                        <a class="btn-minimize" data-action="expand"><i class="mdi mdi-arrow-expand"></i></a>
                        <a class="btn-close" data-action="close"><i class="ti-close"></i></a>
                    </div>


                    <div class="card-body collapse show">

                        <form action="" class="form" method="post">
                            @csrf
                            @method('DELETE')
                            <div class="row">
                                <div class="col-12">
                                    <ul class="list-unstyled">
                                        <li class="float-start" style="float:left;font-size:18px"><input type="checkbox" id="allselec" style="opacity:100%;position:static;height:1.2rem;width:1.2rem;"><span class="ms-3"> &nbsp;Select All</li>
                                        <li class="float-start" style="float:right"><button type="submit" id="sbtn" class="btn-primary ">Delete</button></li>
                                    </ul>

                                </div>
                                @if($videos)
                                @foreach($videos as $videos)
                                <div class="col-xl-3 col-12 my-4">
                                    <div class="form-group ">
                                        <input type="checkbox" class="checkBoxClass" name="videos[]" id="ph-{{$videos['group_id']}}" value="{{$videos['group_id']}}" />
                                        <label for="ph-{{$videos['group_id']}}">
                                    <iframe style="height:auto; width:100%;" src="{{$videos['url']}}" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
                                        </label>
                                    </div>

                                </div>
                                @endforeach
                                @endif








                            </div>

                        </form>

                    </div>
                </div>
            </div>
        </div>

        <!-- Row -->
        <!-- ============================================================== -->
        <!-- End PAge Content -->
        <!-- ============================================================== -->
        <!-- ============================================================== -->
        <!-- Right sidebar -->
        <!-- ============================================================== -->

    </div>


    <script>
        $(document).ready(function() {
            $('#allselec').on('click', function() {
                if ($(this).is('checked')) {
                    $('#sbtn').removeAttr('disabled', 'true');
                    $(".checkBoxClass").removettr(this.checked);
                    $(this).removeAttr('checked');
                    $('#sbtn').attr('disabled', 'true');
                } else {
                    $(".checkBoxClass").attr('checked', this.checked);
                    $(this).attr('checked', true);
                    $('#sbtn').removeAttr('disabled', 'true');

                }
            })

        })
    </script>





    </script>











    <!-- ============================================================== -->
    <!-- End Container fluid  -->
    <!-- ============================================================== -->
    <!-- ============================================================== -->
    <!-- footer -->
    <!-- ============================================================== -->
    <footer class="footer">
        © 2023 Sriseva.org
    </footer>
    <!-- ============================================================== -->
    <!-- End footer -->
    <!-- ============================================================== -->
</div>
<script>

</script>

@stop