@extends('vendor.site-bases.admin.inc.layout')

@section('title', $role->name)

@section('content')
    @include('vendor.site-bases.admin.inc.message')
    <div class="page-title">
        <div class="title_left">
            <h3>{{ $role->name }}</h3>
        </div>
    </div>
    <div class="row">
        <div class="col-md-12">
            <div class="x_panel">
                <div class="x_content">
                    <div class="col-md-10 col-sm-12">
                        <form method="POST" action="" data-parsley-validate class="form-horizontal"  enctype="multipart/form-data">
                            @csrf
                            <div class="form-group margin-top">
                                <label class="control-label col-md-2 col-sm-2 col-xs-12" for="name">როლის სახელი</label>
                                <div class="col-md-10 col-sm-10  col-xs-12">
                                    <input type="text" name="name" class="form-control" id="name" value="{{ $role->name }}">
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="control-label col-md-2 col-sm-2 col-xs-12" for="permissions">უფლებები</label>
                                <div class="col-md-10 col-sm-10  col-xs-12">
                                    <select name="permissions[]" multiple class="form-control" id="permissions">
                                        <option value="">აირჩიეთ</option>
                                        @foreach ($permissions as $permission)
                                            <option {{ in_array($permission->id, $role->permissions->pluck('id')->toArray()) ? 'selected' : '' }} value="{{ $permission->id }}">
                                                {{ $permission->name }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>

                            <div class="form-group">
                                <div class="col-md-10 col-md-offset-2">
                                    <button type="submit" class="btn btn-success btn-add">განახლება</button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('style')
    <style>
        form .margin-top {
            margin-top: 50px !important;
        }
        .colors .color {
            margin: 10px 0;
            width: 30px;
            height: 30px;
        }
        .colors {
            display: flex;
            justify-content: space-around;
            align-items: center;
        }
        .thumbnail {
            height: 255px!important;
        }
        .add-more {
            display: flex;
            justify-content: center;
            cursor: pointer;
        }
        .add-more i {
            font-size: 20px;
        }
    </style>
    <link href="{{ asset('assets/admin/vendors/select2/dist/css/select2.min.css') }}" rel="stylesheet">
    <link href="{{ asset('assets/admin/vendors/switchery/dist/switchery.min.css') }}" rel="stylesheet">
    <link href="{{ asset('assets/admin/vendors/redactor/redactor1.css') }}" rel="stylesheet">
    <link href="{{ asset('assets/admin/vendors/jquery.fileuploader/jquery.fileuploader.css') }}" rel="stylesheet">
@endsection

@section('script')
    <script src="{{ asset('assets/admin/vendors/jquery.tagsinput/src/jquery.tagsinput.js') }}"></script>
    <script src="{{ asset('assets/admin/vendors/switchery/dist/switchery.min.js') }}"></script>
    <script src="{{ asset('assets/admin/vendors/select2/dist/js/select2.full.min.js') }}"></script>
    <script src="{{ asset('assets/admin/vendors/autosize/dist/autosize.min.js') }}"></script>
    <script src="{{ asset('assets/admin/vendors/devbridge-autocomplete/dist/jquery.autocomplete.min.js') }}"></script>
    <script src="{{ asset('assets/admin/vendors/starrr/dist/starrr.js') }}"></script>
    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
    <script src="{{ asset('assets/admin/vendors/redactor/redactor1.js') }}"></script>
    <script src="{{ asset('assets/admin/vendors/jquery.fileuploader/jquery.fileuploader.js') }}"></script>
    <script>
        $(document).ready(function() {
            $('#permissions').select2();
            $('input[name="image"]').fileuploader({addMore: false});
            @foreach (LaravelLocalization::getSupportedLocales() as $localeCode => $properties)
                $('input[name="image_{{ $localeCode }}"]').fileuploader({addMore: false});
            @endforeach
        });
    </script>
@endsection