<?php $__env->startSection('title', 'Create Role'); ?>
<?php $__env->startSection('content'); ?>
<div class="page-bx">
    <div class="row">
        <div class="col-md-12">
            <form id="edit-profile" method="POST" action="<?php echo e(route('roles.store')); ?>" accept-charset="UTF-8"  class="form-horizontal">
            <?php echo csrf_field(); ?>
            <h3>Create New Role:</h3>
            <div class="form-group">
                <label>Name:</label>
                <input type="text" class="form-control" name="name" id="name" placeholder="Role">
                <?php if($errors->has('name')): ?>
                    <span class="text-danger"><?php echo e($errors->first('name')); ?></span>
                <?php endif; ?>
            </div>
            <div class="form-group">
                <label>Color:</label>
                <input id="simple-color-picker" type="text" name="color" class="form-control" value="#8f3596"/>
            </div>
             <div class="form-group">
                <div class="check-bx">
                    <label>
                        <input type="checkbox" name="default_set" value="1" id="ischeck">
                        <span></span>
                        Default Role
                    </label>
                </div>
            </div>
            <div class="form-group">                            
                <button class="btn" type="submit">Save</button>
                <a href="<?php echo e(url('/roles')); ?>" class="btn">Back</a>
            </div>
        </form>
        </div>
    </div>
</div>

<?php $__env->stopSection(); ?>
<?php $__env->startSection('scripts'); ?>
<script>

$('#simple-color-picker').minicolors({
    control: $(this).attr('data-control') || 'hue',
    position: $(this).attr('data-position') || 'bottom left',

    change: function(value, opacity) {
        if (!value) return;
        if (opacity) value += ', ' + opacity;
        if (typeof console === 'object') {
            console.log(value);
        }
    },
    theme: 'bootstrap'
});
</script>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('layouts.default', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>