@extends('layouts.vertical', ['title' => $user->name . ': Permisos'])

@section('css')
    @vite([
        'node_modules/select2/dist/css/select2.min.css',
        'node_modules/mohithg-switchery/dist/switchery.min.css'
        ])
@endsection

@section('content')
    <!-- Start Content-->
    <div class="container-fluid">

        @include('layouts.shared.page-title', [
            'breadcrumbs' => [
                ['title' => 'CRM', 'url' => '/dashboard'],
                ['title' => 'Usuarios', 'url' => '/users/list'],
                ['title' => $user->name . ': Permisos'],
            ]
        ])

        <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="card-body">

                        <h4 class="header-title">Permisos de Usuario</h4>
                        <p class="text-muted font-13 mb-4">
                            Complete el siguiente formulario para brindar permisos al usuario.<br/>
                            <span class="text-danger fw-bold">*</span> 
                            <code>Indica que el campo es obligatorio.</code>
                        </p>

                        <form action="{{ url('/users/permissions/'.$user->id) }}" method="POST">
                            @csrf
                            
                            <div class="row">
                                <div class="col-sm-3">
                                    <div class="nav flex-column nav-pills nav-pills-tab" id="v-pills-tab" role="tablist" aria-orientation="vertical">
                                    @foreach (RolesPermissions() as $key => $value)
                                        <a class="nav-link mb-1 @if ($loop->first) active show @endif" 
                                        id="v-pills-{{ $value['title'] }}-tab" 
                                        data-bs-toggle="pill" 
                                        href="#v-pills-{{ $value['title'] }}" 
                                        role="tab" 
                                        aria-controls="v-pills-{{ $value['title'] }}" 
                                        aria-selected="{{ $loop->first ? 'true' : 'false' }}">
                                            {!! $value['icon'] !!} {{ str_replace('_', ' ', $value['title']) }}
                                        </a>
                                    @endforeach
                                    </div>
                                </div>

                                <div class="col-sm-9">
                                    <div class="tab-content pt-0" id="v-pills-tabContent">
                                        @foreach (RolesPermissions() as $key => $value)
                                            <div class="tab-pane fade @if ($loop->first) active show @endif" 
                                                id="v-pills-{{ $value['title'] }}" 
                                                role="tabpanel" 
                                                aria-labelledby="v-pills-{{ $value['title'] }}-tab">
                                                <div class="card">
                                                    <div class="card-body">
                                                        <h5 class="card-title">Permisos en {{ $value['title'] }}</h5>
                                                        <p class="text-muted">Seleccione los permisos para este módulo.</p>
                                                        @foreach ($value['keys'] as $k => $v)
                                                            <div class="form-check form-switch">
                                                                <input class="form-check-input" type="checkbox" name="{{ $k }}" 
                                                                    id="{{ $k }}" value="true" 
                                                                    @if(rvfj($user->permissions, $k)) checked @endif>
                                                                <label class="form-check-label" for="{{ $k }}">
                                                                    {{ $v }}
                                                                </label>
                                                            </div>
                                                        @endforeach
                                                    </div>
                                                </div>
                                            </div>
                                        @endforeach
                                    </div>
                                </div>
                            </div>

                            <button class="btn btn-success mt-3" type="submit">
                                <i class="bi bi-check-circle"></i> Actualizar Permisos
                            </button>
                        </form>
                        

                    </div> <!-- end card body-->
                </div> <!-- end card -->
            </div><!-- end col-->
        </div>
        <!-- end row-->

    </div> <!-- container -->

@endsection