@extends('Admin.layout')

@section('content')
@section('navlink')
<a href="{{ route('dashboard') }}" class="link-secondary text-decoration-none">Home</a> / <span>Package</span>
@endsection
<div class="d-flex flex-wrap justify-content-between align-items-end gap-3 mb-4">
    <div>
        <h1 class="h3 mb-1">Add Package</h1>
    </div>
    <div class="d-flex gap-2">
        <a href="{{ route('package_report') }}" class="btn-back">
            <i class="ti ti-arrow-left"></i>
            <span>Back</span>
        </a>
    </div>
</div>
<div class="container-fluid">
    <div class="row justify-content-center">
        <div class="col-12 col-xl-8">

            <div class="card card-animated-border shadow-lg">
                <div class="card-header bg-transparent border-bottom
                            d-flex align-items-center gap-3 py-3">



                    <div>
                        <h4 class="mb-1">Add Package</h4>

                    </div>
                </div>

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

                        <div class="row g-3">

                            <div class="col-md-6">
                                <label class="form-label">
                                    Package Name
                                    <span class="text-danger">*</span>
                                </label>
                                <select class="form-select">
                                    <option value="Standard Package">Standard Package</option>
                                    <option value="Premium Package">Premium Package</option>
                                </select>
                            </div>
                            <div class="col-md-6">
                                <label class="form-label">
                                    USDT
                                    <span class="text-danger">*</span>
                                </label>
                                <div class="input-group">
                                    <span class="input-group-text bg-ink-soft
                                                 text-gold border-secondary">
                                        $
                                    </span>
                                    <input type="number"
                                        name="amount"
                                        class="form-control"
                                        placeholder="0.00"
                                        min="0"
                                        step="0.01"
                                        required>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <label class="form-label">
                                    Daily %
                                    <span class="text-danger">*</span>
                                </label>
                                <div class="input-group">
                                    <span class="input-group-text bg-ink-soft
                                                 text-gold border-secondary">
                                        %
                                    </span>
                                    <input type="number"
                                        name="amount"
                                        class="form-control"
                                        placeholder="0.00"
                                        min="0"
                                        step="0.01"
                                        required>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <label class="form-label">
                                    Daily Income
                                    <span class="text-danger">*</span>
                                </label>
                                <input type="text"
                                    name="p_name"
                                    class="form-control"
                                    placeholder="Enter "
                                    required>
                            </div>
                            <div class="col-md-6">
                                <label class="form-label">
                                    Maturity Days
                                    <span class="text-danger">*</span>
                                </label>
                                <input type="text"
                                    name="p_name"
                                    class="form-control"
                                    placeholder="Enter name"
                                    required>
                            </div>

                            <div class="col-md-6">
                                <label class="form-label">
                                    Maturity Income
                                    <span class="text-danger">*</span>
                                </label>
                                <div class="input-group">
                                    <span class="input-group-text bg-ink-soft
                                                 text-gold border-secondary">
                                        $
                                    </span>
                                    <input type="number"
                                        name="amount"
                                        class="form-control"
                                        placeholder="0.00"
                                        min="0"
                                        step="0.01"
                                        required>
                                </div>
                            </div>





                        </div>

                        <hr class="my-4">

                        <div class="d-flex justify-content-end
                                    flex-wrap gap-2">
                            <a href="#"
                                class="btn btn-secondary px-4">
                                Cancel
                            </a>

                            <button type="submit"
                                class="btn btn-primary px-4">
                                Submit
                            </button>
                        </div>
                    </form>
                </div>
            </div>

        </div>
    </div>
</div>
@endsection