@extends('main')
@section('body')
    <div class="container my-0 my-md-5">
        <div class="row">
            <div class="col-12">
                <div class="mb-3">
                    <h3 class="mb-1 fw-bold">{!! __("universal.page.admin_users.title") !!}</h3>
                    <p>{!!__("universal.page.admin_users.text") !!}</p>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-12">
                @component("components.checkboxes.checkbox_switch", ["id" => "show_locked_accounts", "label" => __("universal.show_only_locked_accounts")])
                @endcomponent
            </div>
        </div>
        <div class="row">
            <div class="col-12">
                <div class="table-responsive-sm">
                    <table id="table_users" class="table table-striped table-sm table-bordered w-100">
                        <thead>
                        <tr>
                            <th>{{__("universal.id")}}</th>
                            <th>{{__("universal.registered")}}</th>
                            <th>{{__("universal.activated")}}</th>
                            <th>{{__("universal.locked")}}</th>
                            <th>{{__("universal.username")}}</th>
                            <th>{{__("universal.personal_email")}}</th>
                            <th>{{__("universal.first_name")}}</th>
                            <th>{{__("universal.last_name")}}</th>
                            <th>{{__("universal.customer_no")}}</th>
                            <th>{{__("universal.company")}}</th>
                            <th>{{__("universal.postal_code")}}</th>
                            <th>{{__("universal.city")}}</th>
                            <th>{{__("universal.options")}}</th>
                        </tr>
                        </thead>
                    </table>
                </div>
            </div>
        </div>
    </div>
@endsection