@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('permissions.update',$permission->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="{{$permission->title}}" class="form-control" id="inputEnterYourName" placeholder="ქართული">
                                            <input type="hidden" name="name" value="{{$permission->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($permission->roles)
                                            @foreach($permission->roles as $role)
                                                <div class="col">
                                                    <form action="{{route('permissions.removerole',[$permission->id,$role->id])}}" method="post">
                                                        @csrf
                                                        @method('DELETE')
                                                        <button type="submit" class="btn btn-outline-danger px-5">{{$role->title}}</button>
                                                    </form>
                                                </div>
                                            @endforeach
                                        @endif
                                    </div>
                                </div>
                                <hr/>
                                <form action="{{route('permissions.assignrole',$permission->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="role" class="form-select mb-3" aria-label="Default select example">
                                                <option selected disabled>აირჩიეთ</option>
                                                @foreach($roles as $role)
                                                    <option value="{{$role->name}}">{{$role->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