@extends('admin.layouts.app')

@section('content')

<div class="row">
    <div class="col-sm-12">
       <div class="card">
          <div class="card-header d-flex justify-content-between">
             <div class="header-title">
                <h4 class="card-title">Tambah Data {{ $title }}</h4>
             </div>
          </div>
          <div class="card-body">
            <form method="POST" action="{{ route($url.'.store') }}">
               @csrf

               @include("admin.pages.role.form")
               
           </form>
          </div>
       </div>
    </div>
 </div>
    
@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