@extends('backend.template')
@section('content')
    <div class='card'>
        <div class='card-header d-flex justify-content-between align-items-center'>
            <h2 class="">{{ label('Add Roles') }}</h2>
            <?php createButton('btn-primary btn-cancel', '', 'Cancel', route('roles.index')); ?>

        </div>
        <div class='card-body'>
            <form action="{{ route('roles.store') }}" id="storeCustomForm" method="POST">
                @csrf
                <div class="row">
                    <div class="col-lg-6">{{ createText('name', 'name', 'Name') }}
                    </div>
                    <div class="col-lg-6">{{ createText('guard_name', 'guard_name', 'Guard Name') }}
                    </div>
                    <div class="col-lg-6 pb-3">
                        <label for='permission' class="form-label col-form-label"> Permission</label>
                        <select id="permission" name="permission" autocomplete="permission-name" class="form-select">
                                @foreach($permissions as $permission)
                                <option value="0"> Select Permission </option>
                                <option value="{{ $permission->name }}" >{{ $permission->name }}</option>
                                @endforeach
                        </select>
                    </div>
                    <div class="col-md-12"><?php createButton('btn-primary btn-store', '', 'Submit'); ?>
                        <?php createButton('btn-primary btn-cancel', '', 'Cancel', route('roles.index')); ?>
                    </div>
            </form>
        </div>
    </div>
@endsection