@extends('layouts.admin')

@section('title')
    Cài Đặt
@endsection

@section('content-admin')
<div class="wrapper wrapper-content">
    <div class="text-center mb-1 fw-bold d-flex justify-content-center align-items-center">
        <img src="{{asset('assets/general/img/logoDAU.png')}}" alt="" class="img-fluid" style="width: 40px;">
        <h1 id="title-top" class="ms-3 mb-0" style="font-size: 22px">Cài Đặt</h1>
    </div>
    @if(session('msg'))
        <div class="alert alert-success text-center">
            {{session('msg')}}
        </div>
    @endif

    <div class="row mt-4">
        <div class="col-lg-4 col-md-6 mb-3">
            <div class="card shadow-sm">
                <div class="card-body text-center">
                    <h5 class="card-title fw-bold">Cài Đặt Tài Khoản</h5>
                    <p class="card-text">Quản lý thông tin cá nhân và thay đổi mật khẩu.</p>
                    <a href="{{-- route('admin.account.settings') --}}" class="btn btn-primary">Cài Đặt</a>
                    <button class="btn btn-primary" disabled>Đang phát triển</button>
                </div>
            </div>
        </div>
        <div class="col-lg-4 col-md-6 mb-3">
            <div class="card shadow-sm">
                <div class="card-body text-center">
                    <h5 class="card-title fw-bold">Cài Đặt Hệ Thống</h5>
                    <p class="card-text">Thiết lập thông số hệ thống và các cấu hình quan trọng.</p>
                    <a href="{{-- route('admin.system.settings') --}}" class="btn btn-primary">Cài Đặt</a>
                    <button class="btn btn-primary" disabled>Đang phát triển</button>
                </div>
            </div>
        </div>
        <div class="col-lg-4 col-md-6 mb-3">
            <div class="card shadow-sm">
                <div class="card-body text-center">
                    <h5 class="card-title fw-bold">Cài Đặt Thông Báo</h5>
                    <p class="card-text">Quản lý thông báo, email và thông tin liên hệ.</p>
                    <a href="{{-- route('admin.notification.settings') --}}" class="btn btn-primary">Cài Đặt</a>
                    <button class="btn btn-primary" disabled>Đang phát triển</button>
                </div>
            </div>
        </div>
        <div class="col-lg-4 col-md-6 mb-3">
            <div class="card shadow-sm">
                <div class="card-body text-center">
                    <h5 class="card-title fw-bold">Cài Đặt Giao Diện</h5>
                    <p class="card-text">Thay đổi màu sắc, logo, và các thiết lập giao diện.</p>
                    <a href="{{-- route('admin.theme.settings') --}}" class="btn btn-primary">Cài Đặt</a>
                    <button class="btn btn-primary" disabled>Đang phát triển</button>
                </div>
            </div>
        </div>
        <div class="col-lg-4 col-md-6 mb-3">
            <div class="card shadow-sm">
                <div class="card-body text-center">
                    <h5 class="card-title fw-bold">Cài Đặt Phân Quyền</h5>
                    <p class="card-text">Quản lý vai trò và quyền truy cập của người dùng.</p>
                    <a href="{{-- route('admin.role.settings') --}}" class="btn btn-primary">Cài Đặt</a>
                    <button class="btn btn-primary" disabled>Đang phát triển</button>
                </div>
            </div>
        </div>
        <div class="col-lg-4 col-md-6 mb-3">
            <div class="card shadow-sm">
                <div class="card-body text-center">
                    <h5 class="card-title fw-bold">Cài Đặt Thanh Toán</h5>
                    <p class="card-text">Quản lý phương thức thanh toán và cài đặt phí.</p>
                    <a href="{{-- route('admin.payment.settings') --}}" class="btn btn-primary">Cài Đặt</a>
                    <button class="btn btn-primary" disabled>Đang phát triển</button>
                </div>
            </div>
        </div>
        <div class="col-lg-4 col-md-6 mb-3">
            <div class="card shadow-sm">
                <div class="card-body text-center">
                    <h5 class="card-title fw-bold">Cài Đặt API</h5>
                    <p class="card-text">Quản lý tích hợp API và thiết lập kết nối.</p>
                    <a href="{{-- route('admin.api.settings') --}}" class="btn btn-primary">Cài Đặt</a>
                    <button class="btn btn-primary" disabled>Đang phát triển</button>
                </div>
            </div>
        </div>
        <div class="col-lg-4 col-md-6 mb-3">
            <div class="card shadow-sm">
                <div class="card-body text-center">
                    <h5 class="card-title fw-bold">Cài Đặt Ngôn Ngữ</h5>
                    <p class="card-text">Chọn ngôn ngữ hiển thị và các định dạng.</p>
                    <a href="{{-- route('admin.language.settings') --}}" class="btn btn-primary">Cài Đặt</a>
                    <button class="btn btn-primary" disabled>Đang phát triển</button>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@section('js')
<script>
    // Add your JavaScript here if needed
</script>
@endsection