@extends('master.layouts.app')
@section('content')

<div class="new-member bg-white">
    <div class="custom-container py-4">
        <div class="rb-heading">
            <h2 class="font-size-28"> Add Permission </h2>
        </div>
        <h2 class="theme-heading color-secondry mb-22">
            Permission
        </h2>

        @if(isset($permission))
        <form method="POST" action="{{ route('permission.update', $permission->id) }}">
        @method('PUT')
        @else
        <form method="POST" action="{{ route('permission.store') }}">
        @endif
        @csrf
            <div class="row">
                <div class="col-md-12">
                    <div class="form-group">
                        <label for="">Permission</label>
                        <input name="name" type="text" class="form-control custm-form-control color-secondry @error('name') is-invalid @enderror"
                            placeholder="
                            Permission title will goes here" value="{{ old('name', $permission->name ?? '') }}" required autocomplete="name"
                            autofocus>
                    </div>
                    @error('name')
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                    @enderror
                </div>

                <div class="col-md-12">
                    <div class="form-group">
                        <label for="guard">{{ __('Select Guard') }}</label>
                            <select class="form-control custm-form-control color-secondry @error('guard') is-invalid @enderror" id="guard"
                                name="guard">
                                <option {{ isset($permission) ? ($permission->guard_name === 'admin' ? "selected" : '') : '' }} value="admin">Admin</option>
                                <option {{ isset($permission) ? ($permission->guard_name === 'web' ? "selected" : '') : '' }} value="web">Web</option>
                            </select>
                    </div>
                    @error('guard')
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                    @enderror
                </div>
            </div>

            <div class="form-group prevs-next-btn">
                <a href="javascript: history.go(-1)" class="gz-btn bg-color-default btn-lg">Cancel</a>
                <button type="submit" href="javascript:void(0);" class="gz-btn bg-color-red btn-lg ml-15">Save</button>
            </div>
        </form>


    </div>
</div>

@endsection