@extends('layouts.app')

@section('title', 'Super admin')

@section('content')
    <div class="container-fluid">
        <h3 class="text-dark mb-4">Super Admin</h3>

        <!-- Section pour gérer les rôles -->
        <div class="row mb-3">
            <div class="col-lg-4 col-md-6">
                <div class="card shadow mb-4">
                    <div class="card-header py-3 d-flex flex-row align-items-center justify-content-between">
                        <h6 class="m-0 font-weight-bold text-primary">Gérer les Rôles</h6>
                    </div>
                    <div class="card-body">
                        <div class="text-center">
                            <a href="{{ route('roles.index') }}" class="btn btn-primary">Accéder aux Rôles</a>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Section pour gérer les permissions -->
            <div class="col-lg-4 col-md-6">
                <div class="card shadow mb-4">
                    <div class="card-header py-3 d-flex flex-row align-items-center justify-content-between">
                        <h6 class="m-0 font-weight-bold text-primary">Gérer les Permissions</h6>
                    </div>
                    <div class="card-body">
                        <div class="text-center">
                            <a href="{{ route('permissions.index') }}" class="btn btn-primary">Accéder aux Permissions</a>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Section pour gérer les incidents -->
            <div class="col-lg-4 col-md-6">
                <div class="card shadow mb-4">
                    <div class="card-header py-3 d-flex flex-row align-items-center justify-content-between">
                        <h6 class="m-0 font-weight-bold text-primary">Gérer les Incidents</h6>
                    </div>
                    <div class="card-body">
                        <div class="text-center">
                            <a href="{{ route('assistance.index') }}" class="btn btn-primary">Accéder aux Incidents</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row mb-3">
            <div class="col-lg-4 col-md-6">
                <div class="card shadow mb-4">
                    <div class="card-header py-3 d-flex flex-row align-items-center justify-content-between">
                        <h6 class="m-0 font-weight-bold text-primary">Notification generale</h6>
                    </div>
                    <div class="card-body">
                        <form action="{{ route('notification.generale') }}" method="POST">
                            @csrf
                            <div class="form-group">
                                <label for="notificationType">Type de notification</label>
                                <select name="notificationType" id="notificationType" class="form-control">
                                    <option value="Santé">Santé</option>
                                    <option value="System">System</option>
                                    <option value="Download">Download</option>
                                    <option value="Alert">Alert</option>
                                    <option value="Vigilance">Vigilance</option>
                                    <option value="Check">Check</option>
                                    <option value="Time">Time</option>
                                    <option value="Info">Info</option>
                                    <option value="default">Default</option>
                                </select>
                            </div>
                            <div class="form-group">
                                <label for="message">Message</label>
                                <textarea name="message" id="message" class="form-control" rows="3"></textarea>
                            </div>
                            <div class="text-center">
                                <button type="submit" class="btn btn-primary">Envoyer</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>

@endsection