@extends('layouts.app')

@section('content')
    <div class="content-wrapper">
        <div class="card">
            <div class="card-header">
                <h5 class="card-title">Create New Role</h5>
            </div>
            <div class="card-body">

                <a href="{{ route('membership.roles.index') }}" class="btn btn-light btn-xs"><span class="d-flex"><span
                            class="btn-label-icon"><i class="fa fa-arrow-circle-left pe-1"></i></span>
                        List Role</span></a>
                <hr>
                @if (count($errors) > 0)
                    <div class="alert alert-danger">
                        <strong>Whoops!</strong> Ada beberapa masalah dengan input Anda.<br />
                        <br />

                        <ul>
                            @foreach ($errors->all() as $error)
                                <li>{{ $error }}</li>
                            @endforeach
                        </ul>
                    </div>
                @endif
                {!! Form::open(['route' => 'membership.roles.store', 'method' => 'POST']) !!}
                <div class="tab-content">
                    {{-- Field Nama Role --}}
                    <div class="row mb-3">
                        <label class="col-sm-3 col-md-2 col-lg-3 col-xl-2 col-form-label">Nama Role</label>
                        <div class="col-sm-8 col-md-6 col-lg-4">
                            {!! Form::text('name', null, ['placeholder' => 'Name', 'class' => 'form-control']) !!}
                            @error('name')
                                <div class="text-danger mt-1">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>

                    {{-- Field Permissions --}}
                    <div class="row mb-3">
                        <label class="col-sm-3 col-md-2 col-lg-3 col-xl-2 col-form-label">Permission</label>
                        <div class="col-sm-8 col-md-6 col-lg-4">
                            @foreach ($permission as $value)
                                <label>
                                    {{ Form::checkbox('permission[]', $value->id, false, ['class' => 'name']) }}
                                    {{ $value->name }}
                                </label>
                                <br />
                            @endforeach
                            @error('permission')
                                <div class="text-danger mt-1">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-sm-8">
                            <button id="btn-submit-create-role" type="submit" name="submit" value="submit"
                                class="btn btn-primary">Simpan</button>
                        </div>
                    </div>
                </div>
                {!! Form::close() !!}
            </div>
        </div>
    </div>
@endsection