@extends('layouts.admin-panel')

@section('head')
    @include('admin-panel/includes/head')
    @include('admin-panel/includes/addHead')
@stop

@section('nav')
    @include('admin-panel/includes/navbar')
@stop

@section('content')

    @include('admin-panel/includes/sidebar')

    <!-- Main content -->
    <div class="content-wrapper">

    @include('admin-panel/includes/header')

    <!-- Content area -->
        <div class="content">

            @if (session('success'))
                <div class="alert alert-success">{{ session('success') }}</div>
            @endif

            @if ($errors->any())
                <div class="alert alert-danger">
                    @foreach ($errors->all() as $error)
                        <div>{{ $error }}</div>
                    @endforeach
                </div>
            @endif

            <div class="row">
                <div class="col-md-4">
                    <div class="card">
                        <div class="card-header header-elements-inline">
                            <h5 class="card-title">Yeni rol əlavə et</h5>
                        </div>

                        <div class="card-body">
                            <form action="{{ route('admin.addRoleApi') }}" method="POST">
                                @csrf

                                <div class="form-group">
                                    <label>Rolun adı:</label>
                                    <input name="name" type="text" class="form-control"
                                           value="{{ old('name') }}" placeholder="Məsələn: Anim" required>
                                </div>

                                <div class="form-group">
                                    <label>Komanda (team):</label>
                                    <input name="team" type="text" class="form-control" list="teamList"
                                           value="{{ old('team', 'Anifan') }}" placeholder="Anifan">
                                    <datalist id="teamList">
                                        @foreach($teams as $team)
                                            <option value="{{ $team }}"></option>
                                        @endforeach
                                    </datalist>
                                    <span class="form-text text-muted">Komandaya qoşulma formasında rolları
                                        qruplaşdırmaq üçün istifadə olunur.</span>
                                </div>

                                <div class="text-right">
                                    <button type="submit" class="btn btn-primary">Əlavə et <i
                                            class="icon-plus2 ml-2"></i></button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>

                <div class="col-md-8">
                    <div class="card">
                        <div class="card-header header-elements-inline">
                            <h5 class="card-title">Bütün Rollar ({{ $roles->count() }})</h5>
                        </div>

                        <div class="card-body">
                            <p class="text-muted font-size-sm">
                                <strong>superadmin</strong> — bütün panel + rol idarəetməsi.
                                <strong>admin</strong> — bütün panel.
                                <strong>Anim</strong> — yalnız Anim bölməsi (Bölümlər, Sub, Dub, Bunny Stream).
                                Bu üç rol sistem rolu olduğu üçün silinmir.
                            </p>

                            <table class="table table-bordered table-striped">
                                <thead>
                                <tr>
                                    <th style="width: 60px;">ID</th>
                                    <th>Ad</th>
                                    <th>Komanda</th>
                                    <th style="width: 110px;">İstifadəçi</th>
                                    <th style="width: 90px;">Əməliyyat</th>
                                </tr>
                                </thead>
                                <tbody>
                                @forelse($roles as $role)
                                    @php
                                        $isSystemRole = in_array(
                                            \App\User::normalizeRoleName($role->name),
                                            \App\Http\Controllers\AccessController::PROTECTED_ROLES,
                                            true
                                        );
                                    @endphp
                                    <tr>
                                        <td>{{ $role->id }}</td>
                                        <td>
                                            {{ $role->name }}
                                            @if($isSystemRole)
                                                <span class="badge badge-primary ml-1">sistem</span>
                                            @endif
                                        </td>
                                        <td>{{ $role->team ?? '—' }}</td>
                                        <td>{{ $role->users_count }}</td>
                                        <td>
                                            @if($isSystemRole)
                                                <span class="text-muted">—</span>
                                            @else
                                                <form action="{{ route('admin.delRoleApi') }}" method="POST"
                                                      onsubmit="return confirm('«{{ $role->name }}» rolunu silmək istəyirsiniz?');">
                                                    @csrf
                                                    <input type="hidden" name="id" value="{{ $role->id }}">
                                                    <button type="submit" class="btn btn-danger btn-sm">Sil</button>
                                                </form>
                                            @endif
                                        </td>
                                    </tr>
                                @empty
                                    <tr>
                                        <td colspan="5" class="text-center text-muted">Rol yoxdur.</td>
                                    </tr>
                                @endforelse
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- /content area -->

        @include('admin-panel/includes/footer')

    </div>
    <!-- /main content -->
@endsection