@extends('administrative.layouts.master')
@section('page-css')

@endsection
@section('content')
    <nav class="page-breadcrumb">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{ route('administrative.dashboard') }}">Dashboard</a></li>
        @php
            $link = url('/');
        @endphp

        @foreach(request()->segments() as $segment)
            @php
                $link .= "/" . request()->segment($loop->iteration);
            @endphp
            @if(rtrim(request()->route()->getPrefix(), '/') != $segment && ! preg_match('/[0-9]/', $segment))
                @if($loop->last)
                    <li class="breadcrumb-item {{ $loop->last ? 'active' : '' }}" {{ $loop->last ? 'aria-current="page"' : '' }}>
                        @if($loop->last)
                            {{ $segment}}
                        @else
                            <a href="{{ $link }}">{{ $segment }}</a>
                        @endif
                    </li>
                @endif
            @endif
        @endforeach

        </ol>
    </nav>
    <div class="d-flex justify-content-between align-items-center flex-wrap grid-margin">
        <div>
            <h4 class="mb-3 mb-md-0">Role Create</h4>
        </div>
        <div class="d-flex align-items-center flex-wrap text-nowrap">
            <a href="{{route('administrative.role')}}" class="btn btn-primary btn-icon-text mb-2 mb-md-0">
                <i class="btn-icon-prepend" data-feather="server"></i>
                Roles
            </a>
        </div>
    </div>
<div class="row">
    <div class="col-md-6 grid-margin stretch-card">
        <div class="card">
            <div class="card-body">
                <h6 class="card-title">Role Create</h6>
                <form class="forms-sample" action="{{route('administrative.role.store')}}" method="POST" enctype="multipart/form-data">
                    @csrf
                    <div class="form-group {{ $errors->has('name') ? 'has-danger' : '' }}">
                    <label for="name">Name</label>
                    <input type="text" class="form-control form-control-danger" id="name" name="name" autocomplete="off"
                           placeholder="Name" value="{{ old('name', isset($data) ? $data->name : '') }}"
                           aria-invalid="true">
                    @if($errors->has('name'))
                        <label id="name-error" class="error mt-2 text-danger" for="name">Please enter a name</label>
                        @endif

                </div>

                    <div class="form-group">
                        <label for="exampleFormControlSelect1">Select Permissin</label>
                        <input type="checkbox" id="checkbox" >Select All
                        <select class="form-control" name="permission_id[]" id="permission_id" multiple>

                            @foreach($permission as $permissionItem)

                                <option value="{{$permissionItem['id']}}">{{ucfirst($permissionItem['name'])}}</option>

                            @endforeach
                        </select>
                        @if($errors->has('permission_id'))
                            <label id="name-error" class="error mt-2 text-danger" for="name">Please select a permission</label>
                        @endif
                    </div>





                    <button type="submit" class="btn btn-primary mr-2">Submit</button>
                    <button class="btn btn-light">Cancel</button>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection
@section('page-js')
<script>
    $(".js-example-basic-multiple").select2({
        placeholder: "Select Permission"
    });
    $("#checkbox").click(function(){
        if($("#checkbox").is(':checked') ){
            $("select > option").prop("selected","selected");
        }else{
            $("select > option").removeAttr("selected");
        }
    });
</script>
@endsection