@extends('layouts.app')


@section('content')



<div class="pagetitle">
    <h1>Pagina Home {{$user->access->role->route}}</h1>
    <nav>
      <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="{{route('home')}}">Acasa</a></li>
        <li class="breadcrumb-item">{{$user->access->role->name}}</li>
        <li class="breadcrumb-item active">Management</li>
      </ol>
    </nav>
  </div><!-- End Page Title -->

  <section class="section">
    <div class="row">
      <div class="col-lg-6">

        <div class="card table-responsive">
          <div class="card-body">
            <h5 class="card-title">Utilizatori</h5>
            <table class="table table-borderless datatable">
                <thead>
                  <tr>
                    <th scope="col">#ID</th>
                    <th scope="col">Username</th>
                    <th scope="col">Optiuni</th>
                  
                  </tr>
                </thead>
                <tbody>
                @foreach($users as $user)
                @if(!$user->access)
                  <tr>
                    <th scope="row"><a href="#">#{{$user->id}}</a></th>
                    <td>{{$user->username}}</td>
                    <td>
                        <button class="btn btn-success" data-bs-toggle="modal" data-bs-target="#add-modal{{$user->id}}"><i class="bi bi-plus"></i></button>
                       
                    </td>
                   
            
                  </tr>

                  <!--Add user access -->

                  <div class="modal fade" id="add-modal{{$user->id}}" tabindex="-1">
                    <div class="modal-dialog">
                      <div class="modal-content">
                        <div class="modal-header">
                          <h5 class="modal-title"><i class="bi bi-plus"></i> {{$user->username}}</h5>
                          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                        </div>
                        <div class="modal-body">
                        <form action="{{route('store-access',$user->id)}}" id="access-form-store{{$user->id}}" method="post">
                            @csrf 
                            <label for="">Rol <span class="text-danger">*</span></label>
                            <select name="role_id" id="" class="form-control" required>
                                <option value="" selected>Alegeti Rol</option>
                                @foreach($roles as $main)
                                    <option value="{{$main->id}}">{{$main->name}}</option>
                                @endforeach
                            </select>
                            <label for="">Grupul de access <span class="text-danger">*</span></label>
                            <select name="subrole_id" id="" class="form-control">
                                <option value="" selected>Alegeti Grupul</option>
                                @foreach($subroles as $submain)
                                    <option value="{{$submain->id}}">{{$submain->name}}</option>
                                @endforeach
                            </select>
                            <label for="">Tip de access</label>
                            <select name="access_type" id="" class="form-control">
                                <option value="1">Drepturi Totale</option>
                                <option value="2">Drepturi Partiale</option>
                                <option value="3">Vizualizare Fara Actiuni</option>
                            </select>
                            <label for="">Restrictii</label>
                            <select name="restrictions" id="" class="form-control">
                                <option value="0" selected>Fara Restrictii</option>
                                <option value="1">Cu restrictii</option>
                               
                            </select>
                            
                        </form>
                        </div>
                        <div class="modal-footer">
                          <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Inchide</button>
                          <button type="submit" form="access-form-store{{$user->id}}" class="btn btn-primary"><i class="bi bi-check"></i> Salveaza</button>
                        </div>
                      </div>
                    </div>
                  </div><!-- End Basic Modal-->
                  <!--End of add user access -->
                @endif
                @endforeach
                </tbody>
            </table>
          </div>
        </div>

      </div>

      <div class="col-lg-6">

        <div class="card table-responsive">
          <div class="card-body">
            <h5 class="card-title">Control de acces</h5>
            <table class="table table-borderless datatable">
                <thead>
                  <tr>
                    <th scope="col">#ID</th>
                    <th scope="col">Username</th>
                    <th scope="col">Rol</th>
                    <th scope="col">Optiuni</th>         
                  </tr>
                </thead>
                <tbody>
                @foreach($access as $access)
                  <tr>
                    <th scope="row"><a href="#">#{{$access->user_id}}</a></th>
                    <td>{{$access->user->username}}</td>                    
                    <td>{{$access->role->name}}</td>
                    <td>
                        <button class="btn btn-warning" data-bs-toggle="modal" data-bs-target="#access-modal{{$access->id}}"><i class="bi bi-pencil"></i></button>
                    </td>
                  </tr>


                  <!--Edit user access management -->
                  <div class="modal fade" id="access-modal{{$access->id}}" tabindex="-1">
                    <div class="modal-dialog">
                      <div class="modal-content">
                        <div class="modal-header">
                          <h5 class="modal-title"><i class="bi bi-penci"></i> {{$access->user->name}}</h5>
                          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                        </div>
                        <div class="modal-body">
                            <form action="{{route('update-access',$access->id)}}" method="post" id="edit-access-form{{$access->id}}">
                                @csrf 
                                @method('PUT')
                                <label for="">Rol <span class="text-danger">*</span></label>
                                <select name="role_id" id="" class="form-control" required>
                                    <option value="{{$access->role->id}}" selected>{{$access->role->name}}</option>

                                    @foreach($roles->where('id','!=',$access->role_id) as $role)
                                        <option value="{{$role->id}}">{{$role->name}}</option>
                                    @endforeach
                                </select>
                                <label for="">Grupul de access <span class="text-danger">*</span></label>
                                <select name="subrole_id" id="" class="form-control">
                                    <option value="{{$access->subrole_id}}" selected>{{$access->subrole->name}}</option>
                                    @foreach($subroles->where('id','!=',$access->subrole_id) as $subrole)
                                        <option value="{{$subrole->id}}">{{$subrole->name}}</option>
                                    @endforeach
                                </select>
                                <label for="">Tip Access</label>
                                <select name="type" id="" class="form-control">
                                    <option value="1" @if($access->role->type==1) selected @endif >Drepturi Totale</option>
                                    <option value="2" @if($access->role->type==2) selected @endif >Drepturi Partiale</option>
                                    <option value="3" @if($access->role->type==3) selected @endif >Vizita Fara Actiuni</option>
                                </select>
                            </form>
                        </div>
                        <div class="modal-footer">
                          <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Inchide</button>
                          <button type="submit" form="edit-access-form{{$access->id}}" class="btn btn-warning"><i class="bi bi-check"></i> Salveaza</button>
                          <a href="{{route('revoque-access',$access->id)}}" class="btn btn-danger"><i class="bi bi-trash"></i> Revocare</a>
                        </div>
                      </div>
                    </div>
                  </div><!-- End Basic Modal-->

                  <!--End of access management-->
                @endforeach
                </tbody>

            </table>
          </div>
        </div>

      </div>
    </div>
  </section>


@endsection