Untitled

<div class="main-content">

    <div class="page-content">
      <div class="container-fluid">
        <!-- start page title -->
        <div class="row">
          <div class="col-12">
            <div class="page-title-box d-sm-flex align-items-center justify-content-between">
              <div class="page-title-right">
                <ol class="breadcrumb m-0">
                  <li class="breadcrumb-item"><a href="javascript: void(0);">DP Transactions </a></li>
                </ol>
              </div>

            </div>
          </div>
        </div>
        <!-- end page title -->
        <div class="row">
          <div class="card dp-transactions-filter">
            <div class="row d-flex flex-column flex-lg-row">
                <div class="col-auto d-flex flex-column flex-lg-row gap-3">
              <div style="display: flex; flex-direction: column;">
                <label for="" class="form-label fw-semibold">Select Client code</label> <input type="text" placeholder="Enter client code" class="clientCodeText" id="client_code" onkeyup="this.value = this.value.toUpperCase()"">
                  <span class="text-danger" id="client_code_err"></span>
                </div>
              <div style="display: flex; flex-direction: column;">
                <label for="" class="form-label fw-semibold">Date range</label>
                <input type="text" name="daterange" value="" id="datepicker" />
                <input type="hidden" id="report_name" value="DP_Transaction">
              </div>
            </div>
      
            <div class="col-auto d-flex justify-content-center">
              <button class="custom-primary-btn mt-4" onclick="getDP_TransactionReport()">Submit</button>
            </div>
          </div>
        </div>
        </div>
        
        <div class="col-lg-12 col-sm-12 col-xs-12" id="dp_transaction_report_reponse">
          
        </div>
        <div class="ajax-loader">
          <lottie-player src="https://assets5.lottiefiles.com/packages/lf20_uwR49r.json"  background="transparent"  speed="0.7"  style="width: 100px; height: 100px;"  loop  autoplay></lottie-player>
        </div>
        <div class="fileError">
          <h1>Opps.. File not found</h1>
        </div>
      </div>
    </div>
  </div>