@extends('layouts.app')

@push('styles')
@endpush

@section('content')
<!-- Start Page-content-Wrapper -->
<div class="page-content-wrapper">
    
    @include("layouts.partials.validate_alert")

    <div class="row">
        <div class="col-lg-12">
            <div class="card">
                <div class="card-body">
                    <h4 class="card-title"> Edit Data {{ $title }}</h4>

                    <form method="POST" action="{{ route($url.'.update', $data->id) }}" enctype="multipart/form-data">
                        @csrf
                        @method('PUT')
                        @include("pages.rank.form")
                        
                    </form>
                </div>
                <!-- End Cardbody -->
            </div>
            <!-- End Card -->
        </div>
    </div>
    <!-- End Row -->

</div>
<!-- End Page-content -->
@endsection

@push('scripts')
    <script>
        $('#select-all').on('click', function() {
            if ($(this).is(':checked')) {
                $('.permission').prop('checked', true);
            } else {
                $('.permission').prop('checked', false);
            }
        });

        $('.permission').on('click', function() {
            if ($('.permission:checked').length == $('.permission').length) {
                $('#select-all').prop('checked', true);
            } else {
                $('#select-all').prop('checked', false);
            }
        });
    </script>
@endpush