@extends('Admin.layout')

@section('content')

<style>
    .page-title{
        font-weight:700;
        color:var(--bs-body-color);
    }

    .generate-card{
        border:1px solid rgba(255,255,255,.08);
        border-radius:18px;
        background:var(--bs-body-bg);
        box-shadow:0 10px 25px rgba(0,0,0,.08);
        transition:.3s;
        overflow:hidden;
    }

    .generate-card:hover{
        transform:translateY(-4px);
        box-shadow:0 15px 30px rgba(0,0,0,.12);
    }

    .card-header-custom{
        padding:16px 18px;
        font-weight:700;
        display:flex;
        justify-content:space-between;
        align-items:center;
        flex-wrap:wrap;
        gap:10px;
    }

    .roi-header{
        background:linear-gradient(135deg,#0d6efd,#0dcaf0);
        color:#fff;
    }

    .bdb-header{
        background:linear-gradient(135deg,#198754,#20c997);
        color:#fff;
    }

    .history-btn{
        border-radius:10px;
        padding:6px 14px;
        font-size:14px;
        font-weight:600;
        background:rgba(255,255,255,.18);
        color:#fff;
        border:1px solid rgba(255,255,255,.25);
        text-decoration:none;
    }

    .history-btn:hover{
        background:rgba(255,255,255,.28);
        color:#fff;
    }

    .card-body-custom{
        padding:22px;
    }

    .form-label{
        font-weight:600;
    }

    .form-control{
        border-radius:12px;
        padding:10px 14px;
    }

    .btn-custom{
        border-radius:12px;
        padding:10px 24px;
        font-weight:600;
    }
</style>

<div class="container-fluid">

    <h5 class="page-title mb-4"><button type="button" class="btn btn-icon bg-white me-2 waves-effect waves-light" style="box-shadow: 0px 9px 12px -2px #66328E1F;">
            <a href="{{ route('admin.diamond_advance') }}">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler">
                    <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                    <path d="M15 6l-6 6l6 6"></path>
                </svg>
            </a>
        </button>Diamond Generate</h5>

    <div class="row g-4 d-flex justify-content-center align-items-center">


        <!-- BDB -->
        <div class="col-lg-6">
            <div class="generate-card">

                <div class="card-header-custom bdb-header">
                    <span>
                        <i class="ti tabler-wallet me-2"></i>
                        Manually Generate BDB
                    </span>

                    <a href="{{ route('admin.diamond_bdb_gen') }}" class="history-btn">
                        <i class="ti tabler-history me-1"></i> History
                    </a>
                </div>

                <div class="card-body-custom">
                    <form action="#" method="POST">
                        @csrf

                        <div class="mb-3">
                            <label class="form-label">Select Date</label>
                            <input type="date" name="date" class="form-control">
                        </div>

                        <div class="text-center mt-4">
                            <button class="btn btn-success btn-custom">
                                Generate BDB
                            </button>
                        </div>
                    </form>
                </div>

            </div>
        </div>

    </div>

</div>

@endsection