<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>