@extends('layouts.app')
@section('content')
    <div class="page-wrapper">
        <div class="page-content">
            @include('partials._alerts')
            <div class="row">
                <div class="col-xl-9 mx-auto">
                    <h6 class="mb-0 text-uppercase">როლის ცვლილება</h6>
                    <hr/>
                    <div class="card border-top border-0 border-4 border-info">
                        <div class="card-body">
                            <div class="border p-4 rounded">
                                <hr/>
                                <form action="{{route('roles.update',$role->id)}}" method="post">
                                    @csrf
                                    @method('PUT')
                                    <div class="row mb-3">
                                        <label for="inputEnterYourName" class="col-sm-3 col-form-label">დასახელება</label>
                                        <div class="col-sm-9">
                                            <input type="text" name="title" value="{{$role->title}}" class="form-control" id="inputEnterYourName" placeholder="ქართული">
                                            <input type="hidden" name="name" value="{{$role->name}}" class="form-control" id="inputEnterYourName" placeholder="ინგლისური">
                                        </div>
                                    </div>
                                    <div class="row">
                                        <label class="col-sm-3 col-form-label"></label>
                                        <div class="col-sm-9">
                                            <button type="submit" class="btn btn-info px-5">განახლება</button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xl-9 mx-auto">
                    <h6 class="mb-0 text-uppercase">უფლების მინიჭება</h6>
                    <hr/>
                    <div class="card border-top border-0 border-4 border-info">
                        <div class="card-body">
                            <div class="border p-4 rounded">
                                <div class="mb-3">
                                    <h4>უფლებები</h4>
                                        <div class="row row-cols-auto g-3">
                                            @if($role->permissions)
                                                @foreach($role->permissions as $permission)
                                                    <div class="col">
                                                        <form action="{{route('roles.revokepermission',[$role->id,$permission->id])}}" method="post">
                                                            @csrf
                                                            @method('DELETE')
                                                            <button type="submit" class="btn btn-outline-danger px-5">{{$permission->title}}</button>
                                                        </form>
                                                    </div>
                                                @endforeach
                                            @endif
                                        </div>
                                </div>
                                <hr/>
                                <form action="{{route('roles.assignpermission',$role->id)}}" method="post">
                                    @csrf
                                    <div class="row mb-3">
                                        <label for="inputEnterYourName" class="col-sm-3 col-form-label">დასახელება</label>
                                        <div class="col-sm-9">
                                            <select name="permission" class="form-select mb-3" aria-label="Default select example">
                                                <option selected disabled>აირჩიეთ</option>
                                                @foreach($permissions as $permission)
                                                <option value="{{$permission->name}}">{{$permission->title}}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <label class="col-sm-3 col-form-label"></label>
                                        <div class="col-sm-9">
                                            <button type="submit" class="btn btn-info px-5">დამატება</button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@push('script')
    <script src="{{asset('assets/plugins/vectormap/jquery-jvectormap-2.0.2.min.js')}}"></script>
    <script src="{{asset('assets/plugins/vectormap/jquery-jvectormap-world-mill-en.js')}}"></script>
    <script src="{{asset('assets/plugins/chartjs/js/Chart.min.js')}}"></script>
    <script src="{{asset('assets/plugins/chartjs/js/Chart.extension.js')}}"></script>
    <script src="{{asset('assets/plugins/jquery.easy-pie-chart/jquery.easypiechart.min.js')}}"></script>
    <script src="{{asset('assets/js/index.js')}}"></script>
@endpush