@extends('layout.layout')

{{-- Content --}}
@section('content')
@include('custom::component.reply-btn', ['url' => route('admin.user.show', $user->id)])
<div class="row justify-content-center">
  <div class="col-12 col-lg-10">
    <div class="shadow-sm p-3 bg-white rounded-lg pt-4">
      <form method="POST">
        @csrf
        <div class="form-group row">
          <label class="col-12 col-sm-3 text-sm-center">
            <span class="align-middle"><span class="text-red">※&ensp;</span><b>權限</b></span>
          </label>
          @php
          $capabilities = old('capabilities',isset($user)?$user->custom_capabilities->pluck('capability')->toArray():[]);
          @endphp
          <div class="col-12 col-sm-9 {{ $errors->has('capabilities') ? ' is-invalid' : '' }}">
            @foreach($custom_capabilities['module_manager'] as $option_value => $option_name)
            <div class="custom-control custom-checkbox">
              <input type="checkbox" class="custom-control-input {{ $errors->has('capabilities') ? ' is-invalid' : '' }}" id="capabilities{{$option_value}}" name="capabilities[]" value="{{$option_value}}" required
              @if(in_array($option_value,$capabilities))
              checked
              @endif
              >
              <label class="custom-control-label" for="capabilities{{$option_value}}">{{$option_name}}</label>
            </div>
            @endforeach
            <small class="form-text text-muted" style="width:100%;"></small>
          </div>
          @if ($errors->has('capabilities'))
            @foreach($errors->get('capabilities') as $error)
            <div class="invalid-feedback">
              {{ $error }}
            </div>
            @endforeach
          @endif
        </div>
        <div class="text-center mt-5">
          <button type="button" class="btn btn-lg btn-success font-weight-bold capability-submit-btn">儲存</button>
        </div>
      </form>
    </div>
  </div>
</div>
@endsection

{{-- Script --}}
@push('scripts')
<script>
jQuery(function($) {
  var requiredCheckboxes = $(':checkbox[required]'); requiredCheckboxes.on('change', function(e) { var checkboxGroup = requiredCheckboxes.filter('[name="' + $(this).attr('name') + '"]'); var isChecked = checkboxGroup.is(':checked'); checkboxGroup.prop('required', !isChecked); }); requiredCheckboxes.trigger('change');

  $('.capability-submit-btn').on("click", function() {
    var form = $(this).parents('form');
    if (!form[0].checkValidity()) {
      form[0].reportValidity();
      return;
    }
    form.submit();
  });
});
</script>
@endpush