@extends('app.app')
@section('content')
    <div class="container-xxl flex-grow-1 container-p-y">
        <div class="d-flex align-items-md-end align-items-sm-start align-items-center justify-content-md-between justify-content-start mx-4 flex-md-row flex-column gap-4">
            <h4 class="py-3 mb-4">{{ __('titles.admins') }}</h4>
            <a href="javascript:void(0);" data-bs-toggle="modal" data-bs-target="#modal_add_admin"
                class="btn btn-icon btn-outline-primary py-3 mb-4 waves-effect waves-green">
                <i class="ti ti-plus"></i>
            </a>
        </div>
        <div class="row mb-4">
            <div class="col-12 col-sm-12 col-lg-12 mb-4">
                <div class="card">
                    <div class="card-content">
                        <div class="card-body">
                            <div class="users-list-filter">
                                <div class="row">
                                    <div class="col-12 col-sm-12 col-lg-12 mb-2">
                                        <fieldset class="form-group">
                                            <input type="text" class="form-control" name="search" id="search"
                                                placeholder="يمكنك البحث عن طريق الإسم أو البريد الإلكتروني" value="">
                                        </fieldset>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-12 col-sm-12 col-lg-12 mb-4">
                <div class="card">
                    <div class="table-responsive text-nowrap">
                        <table class="table data-table table-striped table-hover">
                            <thead>
                                <tr>
                                    <th class="fw-bold fs-big">{{ __('titles.picture') }}</th>
                                    <th class="fw-bold fs-big">{{ __('titles.name') }} </th>
                                    <th class="fw-bold fs-big">{{ __('titles.email') }}</th>
                                    <th class="fw-bold fs-big">{{ __('titles.created_at') }}</th>
                                    <th class="fw-bold fs-big">{{ __('titles.options') }}</th>
                                </tr>
                            </thead>
                            <tbody class="table-border-bottom-0">

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

        </div>
    </div>
@endsection