@extends('admin.layout.default')

@section('title', trans('admin.permission.actions.edit', ['name' => $permission->name]))

@section('body')

    <div class="container-xl">
        <div class="card">

            <permission-form
                :action="'{{ $permission->resource_url }}'"
                :data="{{ $permission->toJson() }}"
                v-cloak
                inline-template>
            
                <form class="form-horizontal form-edit" method="post" @submit.prevent="onSubmit" :action="action" novalidate>


                    <div class="card-header">
                        <i class="fa fa-pencil"></i> {{ trans('admin.permission.actions.edit', ['name' => $permission->name]) }}
                    </div>

                    <div class="card-block">
                        <div class="alert alert-warning" role="alert">
                            <h4 class="alert-heading">
                                <div class="switch-filter-wrap">
                                    <label class="switch switch-label switch-pill switch-outline-warning-alt">
                                        <input type="checkbox" class="switch-input" v-model="showPermissionForm" >
                                        <span class="switch-slider" data-checked="&#x2713;" data-unchecked="&#x2715;"></span>
                                    </label>
                                </div>
                                {{ trans('admin.permission.warning_title') }}
                            </h4>
                            <p>{{ trans('admin.permission.warning_p_1') }}</p>
                            <p class="mb-0">{{ trans('admin.permission.warning_p_2') }}</p>
                        </div>
                    </div>

                    <div v-if="showPermissionForm" class="card-body">
                        @include('admin.permission.components.form-elements')
                    </div>
                    
                    
                    <div v-if="showPermissionForm" class="card-footer">
                        <button type="submit" class="btn btn-primary" :disabled="submiting">
                            <i class="fa" :class="submiting ? 'fa-spinner' : 'fa-download'"></i>
                            {{ trans('admin.btn.save') }}
                        </button>
                    </div>
                    
                </form>

        </permission-form>

        </div>
    
</div>

@endsection