@extends('Admin.layout')

@section('content')
<div class="page-view w-100">

    <!-- Page Header -->
    <div class="d-flex align-items-center justify-content-between gap-2 mb-3">
        <h3 class="mb-0 text-white fw-bold">
            Add GA Pledge
        </h3>
    </div>


    <!-- Form Card -->
    <div class="card bank-card p-3 p-md-4 w-100">

        <div class="mb-4">
            <h5 class="text-white mb-1">
                Pledge Details
            </h5>

            <p class="text-white-50 mb-0">
                Enter the complete gold pledge details below.
            </p>
        </div>


        <form id="pledgeForm">

            <div class="row g-3">


                <!-- 1. GA Number -->
                <div class="col-12 col-md-6 col-xl-3">
                    <label for="gaNumber" class="form-label text-white">
                        GA Number <span class="text-danger">*</span>
                    </label>

                    <input type="text"
                        id="gaNumber"
                        name="ga_number"
                        class="form-control"
                        placeholder="Enter GA number"
                        required>
                </div>


                <!-- 2. Gold Number -->
                <div class="col-12 col-md-6 col-xl-3">
                    <label for="goldNumber" class="form-label text-white">
                        Gold Number <span class="text-danger">*</span>
                    </label>

                    <input type="text"
                        id="goldNumber"
                        name="gold_number"
                        class="form-control"
                        placeholder="Enter gold number"
                        required>
                </div>


                <!-- 3. Pledge Date -->
                <div class="col-12 col-md-6 col-xl-3">
                    <label for="pledgeDate" class="form-label text-white">
                        Pledge Date <span class="text-danger">*</span>
                    </label>

                    <input type="date"
                        id="pledgeDate"
                        name="pledge_date"
                        class="form-control"
                        required>
                </div>


                <!-- 4. Bank Pledge ID -->
                <div class="col-12 col-md-6 col-xl-3">
                    <label for="bankPledgeId" class="form-label text-white">
                        Bank Pledge ID <span class="text-danger">*</span>
                    </label>

                    <input type="text"
                        id="bankPledgeId"
                        name="bank_pledge_id"
                        class="form-control"
                        placeholder="Enter bank pledge ID"
                        required>
                </div>


                <!-- 5. GA ID -->
                <div class="col-12 col-md-6 col-xl-3">
                    <label for="gaId" class="form-label text-white">
                        GA ID <span class="text-danger">*</span>
                    </label>

                    <input type="text"
                        id="gaId"
                        name="ga_id"
                        class="form-control"
                        placeholder="Enter GA ID"
                        required>
                </div>


                <!-- 6. Type -->
                <div class="col-12 col-md-6 col-xl-3">
                    <label for="pledgeType" class="form-label text-white">
                        Type <span class="text-danger">*</span>
                    </label>

                    <select id="pledgeType"
                        name="type"
                        class="form-select"
                        required>

                        <option value="" selected disabled>
                            Select type
                        </option>

                        <option value="Own">
                            Own
                        </option>

                        <option value="Customer">
                            Customer
                        </option>

                        <option value="Purchased">
                            Purchased
                        </option>

                        <option value="Mixed">
                            Mixed
                        </option>

                    </select>
                </div>


                <!-- 7. Pledge Name -->
                <div class="col-12 col-md-6 col-xl-3">
                    <label for="pledgeName" class="form-label text-white">
                        Pledge Name <span class="text-danger">*</span>
                    </label>

                    <input type="text"
                        id="pledgeName"
                        name="pledge_name"
                        class="form-control"
                        placeholder="Enter pledge name"
                        required>
                </div>


                <!-- 8. Bank Name -->
                <div class="col-12 col-md-6 col-xl-3">
                    <label for="bankName" class="form-label text-white">
                        Bank Name <span class="text-danger">*</span>
                    </label>

                    <input type="text"
                        id="bankName"
                        name="bank_name"
                        class="form-control"
                        placeholder="Enter bank name"
                        required>
                </div>


                <!-- 9. Branch Name -->
                <div class="col-12 col-md-6 col-xl-3">
                    <label for="branchName" class="form-label text-white">
                        Branch Name <span class="text-danger">*</span>
                    </label>

                    <input type="text"
                        id="branchName"
                        name="branch_name"
                        class="form-control"
                        placeholder="Enter branch name"
                        required>
                </div>


                <!-- 10. Total Gross Weight -->
                <div class="col-12 col-md-6 col-xl-3">
                    <label for="grossWeight" class="form-label text-white">
                        Total Gross Weight
                        <span class="text-danger">*</span>
                    </label>

                    <div class="input-group">

                        <input type="number"
                            id="grossWeight"
                            name="total_gross_weight"
                            class="form-control"
                            placeholder="0.000"
                            step="0.001"
                            min="0"
                            required>

                        <span class="input-group-text">
                            g
                        </span>

                    </div>
                </div>


                <!-- 11. Net Weight -->
                <div class="col-12 col-md-6 col-xl-3">
                    <label for="netWeight" class="form-label text-white">
                        Net Weight
                        <span class="text-danger">*</span>
                    </label>

                    <div class="input-group">

                        <input type="number"
                            id="netWeight"
                            name="net_weight"
                            class="form-control"
                            placeholder="0.000"
                            step="0.001"
                            min="0"
                            required>

                        <span class="input-group-text">
                            g
                        </span>

                    </div>
                </div>


                <!-- 12. Bank Rate -->
                <div class="col-12 col-md-6 col-xl-3">
                    <label for="bankRate" class="form-label text-white">
                        Bank Rate <span class="text-danger">*</span>
                    </label>

                    <div class="input-group">

                        <span class="input-group-text">
                            ₹
                        </span>

                        <input type="number"
                            id="bankRate"
                            name="bank_rate"
                            class="form-control"
                            placeholder="Enter bank rate"
                            step="0.01"
                            min="0"
                            required>

                    </div>
                </div>


                <!-- 13. Bank Total Loan -->
                <div class="col-12 col-md-6 col-xl-3">
                    <label for="bankTotalLoan" class="form-label text-white">
                        Bank Total Loan
                        <span class="text-danger">*</span>
                    </label>

                    <div class="input-group">

                        <span class="input-group-text">
                            ₹
                        </span>

                        <input type="number"
                            id="bankTotalLoan"
                            name="bank_total_loan"
                            class="form-control"
                            placeholder="Enter total loan"
                            step="0.01"
                            min="0"
                            required>

                    </div>
                </div>


                <!-- 14. Amount -->
                <div class="col-12 col-md-6 col-xl-3">
                    <label for="amount" class="form-label text-white">
                        Amount <span class="text-danger">*</span>
                    </label>

                    <div class="input-group">

                        <span class="input-group-text">
                            ₹
                        </span>

                        <input type="number"
                            id="amount"
                            name="amount"
                            class="form-control"
                            placeholder="Enter amount"
                            step="0.01"
                            min="0"
                            required>

                    </div>
                </div>


                <!-- 15. Bank Interest -->
                <div class="col-12 col-md-6 col-xl-3">
                    <label for="bankInterest" class="form-label text-white">
                        Bank Interest
                        <span class="text-danger">*</span>
                    </label>

                    <div class="input-group">

                        <input type="number"
                            id="bankInterest"
                            name="bank_interest"
                            class="form-control"
                            placeholder="Enter interest"
                            step="0.01"
                            min="0"
                            required>

                        <span class="input-group-text">
                            %
                        </span>

                    </div>
                </div>


                <!-- 16. Due Date -->
                <div class="col-12 col-md-6 col-xl-3">
                    <label for="dueDate" class="form-label text-white">
                        Due Date <span class="text-danger">*</span>
                    </label>

                    <input type="date"
                        id="dueDate"
                        name="due_date"
                        class="form-control"
                        required>
                </div>


                <!-- 17. Scheme Type -->
                <div class="col-12 col-md-6 col-xl-3">
                    <label for="schemeType" class="form-label text-white">
                        Scheme Type <span class="text-danger">*</span>
                    </label>

                    <select id="schemeType"
                        name="scheme_type"
                        class="form-select"
                        required>

                        <option value="" selected disabled>
                            Select scheme
                        </option>

                        <option value="Monthly">
                            Monthly
                        </option>

                        <option value="Yearly">
                            Yearly
                        </option>

                    </select>
                </div>


                <!-- 18. Processing Fee -->
                <div class="col-12 col-md-6 col-xl-3">
                    <label for="processingFee" class="form-label text-white">
                        Processing Fee
                    </label>

                    <div class="input-group">

                        <span class="input-group-text">
                            ₹
                        </span>

                        <input type="number"
                            id="processingFee"
                            name="processing_fee"
                            class="form-control"
                            placeholder="Enter processing fee"
                            step="0.01"
                            min="0">

                    </div>
                </div>


                <!-- 19. Loan Account Number -->
                <div class="col-12 col-md-6 col-xl-3">
                    <label for="loanAcNo" class="form-label text-white">
                        Loan AC No.
                    </label>

                    <input type="text"
                        id="loanAcNo"
                        name="loan_ac_no"
                        class="form-control"
                        placeholder="Enter loan account number">

                </div>


                <!-- 20. Appraisor Charge -->
                <div class="col-12 col-md-6 col-xl-3">
                    <label for="appraisorCharge" class="form-label text-white">
                        Appraisor Charge
                    </label>

                    <div class="input-group">

                        <span class="input-group-text">
                            ₹
                        </span>

                        <input type="number"
                            id="appraisorCharge"
                            name="appraisor_charge"
                            class="form-control"
                            placeholder="Enter appraisor charge"
                            step="0.01"
                            min="0">

                    </div>
                </div>


                <!-- 21. Other Charge -->
                <div class="col-12 col-md-6 col-xl-3">
                    <label for="otherCharge" class="form-label text-white">
                        Other Charge
                    </label>

                    <div class="input-group">

                        <span class="input-group-text">
                            ₹
                        </span>

                        <input type="number"
                            id="otherCharge"
                            name="other_charge"
                            class="form-control"
                            placeholder="Enter other charge"
                            step="0.01"
                            min="0">

                    </div>
                </div>


                <!-- 22. Holder Commission -->
                <div class="col-12 col-md-6 col-xl-3">
                    <label for="holderCommission" class="form-label text-white">
                        Holder Commission
                    </label>

                    <div class="input-group">

                        <span class="input-group-text">
                            ₹
                        </span>

                        <input type="number"
                            id="holderCommission"
                            name="holder_commission"
                            class="form-control"
                            placeholder="Enter holder commission"
                            step="0.01"
                            min="0">

                    </div>
                </div>


                <!-- 23. Remark -->
                <div class="col-12 col-md-6">

                    <label for="remark" class="form-label text-white">
                        Remark
                    </label>

                    <textarea id="remark"
                        name="remark"
                        class="form-control"
                        rows="3"
                        placeholder="Enter remark"></textarea>

                </div>


                <!-- 24. Closing Date -->
                <div class="col-12 col-md-6">

                    <label for="closingDate" class="form-label text-white">
                        Closing Date
                    </label>

                    <input type="date"
                        id="closingDate"
                        name="closing_date"
                        class="form-control">

                </div>


                <!-- Buttons -->
                <div class="col-12">

                    <div class="d-flex justify-content-end gap-2 mt-3">

                        <button type="reset"
                            class="btn btn-outline-secondary">

                            <i class="ti ti-refresh me-1"></i>

                            Reset

                        </button>


                        <button type="submit"
                            class="btn btn-primary">

                            <i class="ti ti-device-floppy me-1"></i>

                            Save Pledge

                        </button>

                    </div>

                </div>

            </div>

        </form>

    </div>

</div>


@endsection