@extends('layouts.main')

@section('stylesheets')
    <link rel="stylesheet" href="{{asset('css/edit.css')}}"/>
@endsection

@section('content')
    <div class="main-wrapper">
        <div id="modules">
            <div class="row justify-content-between Header mb-5">
                <div
                    class="col-md-8 d-flex flex-column justify-content-center justify-content-md-start Header-breadcrumbs">

                    {{ Breadcrumbs::render('editmodule-rules', $module->name) }}
                    <h2 class="page-title">Editing Rules For Module <b>{{ $module->name }}</b> (Full name: <b>{{ $module->getFullyQualifiedName() }}</b>)</h2>
                </div>
                <div class="col-md-4 d-flex justify-content-center justify-content-md-end Header-buttons">

                </div>
            </div>
            <div class="row Content">
                @if ($errors->any())
                    <div class="alert alert-danger">
                        <strong>Whoops!</strong> There were some problems with your input.<br><br>
                        <ul>
                            @foreach ($errors->all() as $error)
                                <li>{{ $error }}</li>
                            @endforeach
                        </ul>
                    </div>
                @endif
                <form action="{{ route('module.rules.update', ['module' => $module->id]) }}" method="POST">
                    @csrf
                    @method('PUT')

                    <div class="form-inner-container">
                        @csrf
                        <div class="form-group">
                            <label>Select The Role(s) (one or more) for which this Rule will apply:</label><br/>
                            <select class="selectpicker" multiple data-live-search="true" name="roles[]">
                                @foreach($roles as $role)
                                    <option value="{{ $role->id }}">{{ $role->name }}</option>
                                @endforeach
                            </select>
                            <br/>
                            <label for="new_rules">Please add the rule string separating rule by comma: can_edit:false, can_add: true</label>
                            <br/>
                            <input type="text" name="new_rules" id="new_rules" class="form-control name" placeholder="e.g. can_add:true, can_edit:false">
                        </div>

                        <div class="btn-container">
                            <input type="checkbox" name="append_rule" id="append_rule">
                            <label for="append_rule">Append rule to the selected Role(s)</label>
                        </div>
                        <div class="btn-container">
                            <button type="submit" class="btn">UPDATE</button>
                        </div>

                        <div>
                            <label for="existing_rules">Existing rules:</label>
                            @forelse($current_rules as $rule)
                                <div>
                                    <b>{{ $rule->role->name }}</b> {{ ': ' . implode(', ', $rule->value) }}
                                </div>
                            @empty
                                - No Rules defined yet-
                            @endforelse
                        </div>
                    </div>
                </form>
            </div>
        </div>
@endsection